@import "font-import.css"; @import "forms.css"; @import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow'); :root{ --brand-color-1:#0072d3; --brand-color-2:#1c64a1; --greyscale:#A0A3BD; } pre{background-color:unset;} /*------------------Lite2-------------------*/ .scrollTop{ position:relative; top:30%; } .theme-showcase .breadcrumb-gray #breadcrumb-icons .top-right-side .video{display:none!important;} .video-setting{position: relative;display: block;text-align: center;top: -80px;z-index: 9;left: -107px;} .video-text-setting{color:#fff; font-size:16px;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){ /* IE10+ CSS styles go here */ #backgroudWelcomePageFreeTrial{display:none!important;} } #eventCalendar .fc-scroller{overflow: hidden !important;} .cke_dialog{z-index: 100000000000 !important;} .cke_top{background:#fff!important;} .cke_notification_message{z-index: 99999!important; position: absolute;} /* Used for removing the padding-right space from model box on 16/03/2018 */ .modal-open{padding-right: 0px !important;} a:hover, a:active, a:focus{outline:none;} ul li, ol li{list-style-position: inside;} .li_Setting_landing_page ul li, .home_right .box_red .li_myQuick_links ul li, .tabs-exp-navigation li, .box-help ul li, .li_side_menu li, ul.page-li-points li, .empFilterBox .filter, .empFilterBox .search-emp, .configure-hris ul li, .li_com_link2, .setup-expense-types .box-setup ul li, .cd-primary-nav > li, .trial-page ul li, .quicklinks ul li, .cd-primary-nav .cd-secondary-nav > li, .cd-primary-nav, .cd-primary-nav ul, .stepsp ul li, .table-details ul li, .li_common_form2 ul, .li_common_form2 ol{list-style-type:none; list-style-position: inside;} ul .page-li-points{margin:0px!important;} ul.page-li-points li{margin:4px 0px; padding:8px 0px;} ul.page-li-points li .fa-arrow-alt-circle-right{font-weight:bold;} .btn-group, .btn-group-vertical{min-width:100px} #viewEmpLeaveRequest .btn-group{min-width: auto;} .mobile_menu{display: none;} .desktop_menu{display: block;} .bs-stepper .step-trigger{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:20px;font-size:1rem;font-weight:700;line-height:1.5;color:#6c757d;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:none;border-radius:.25rem;transition:background-color .15s ease-out,color .15s ease-out} .bs-stepper .step-trigger .active{color:#ff0000; background:#000;}.bs-stepper .step-trigger:not(:disabled):not(.disabled){cursor:pointer} .bs-stepper .step-trigger.disabled,.bs-stepper .step-trigger:disabled{pointer-events:none;opacity:.65}.bs-stepper .step-trigger:focus{color:#007bff;outline:0}.bs-stepper .step-trigger:hover{text-decoration:none;background-color:rgba(0,0,0,.06)}@media (max-width:520px){.bs-stepper .step-trigger{-ms-flex-direction:column;flex-direction:column;padding:10px}}.bs-stepper-label{display:inline-block;margin:.25rem}.bs-stepper-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (max-width:520px){.bs-stepper-header{margin:0 -10px;text-align:center}}.bs-stepper .line,.bs-stepper-line{-ms-flex:1 0 32px;flex:1 0 32px;min-width:1px;min-height:1px;margin:auto;background-color:rgba(0,0,0,.12)}@media (max-width:400px){.bs-stepper .line,.bs-stepper-line{-ms-flex-preferred-size:20px;flex-basis:20px}}.bs-stepper-circle{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;width:2em;height:2em;padding:.5em 0;margin:.25rem;line-height:1em;color:#fff;background-color:#6c757d;border-radius:1em}.active .bs-stepper-circle{background-color:#007bff}.bs-stepper-content{padding:0 20px 20px}@media (max-width:520px){.bs-stepper-content{padding:0}}.bs-stepper.vertical{display:-ms-flexbox;display:flex}.bs-stepper.vertical .bs-stepper-header{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;margin:0}.bs-stepper.vertical .bs-stepper-pane,.bs-stepper.vertical .content{display:block}.bs-stepper.vertical .bs-stepper-pane:not(.fade),.bs-stepper.vertical .content:not(.fade){display:block;visibility:hidden}.bs-stepper .content:not(.fade),.bs-stepper-pane:not(.fade){display:none}.bs-stepper .content.fade,.bs-stepper-pane.fade{visibility:hidden;transition-duration:.3s;transition-property:opacity}.bs-stepper .content.fade.active,.bs-stepper-pane.fade.active{visibility:visible;opacity:1}.bs-stepper .content.active:not(.fade),.bs-stepper-pane.active:not(.fade){display:block;visibility:visible}.bs-stepper .content.dstepper-block,.bs-stepper-pane.dstepper-block{display:block}.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,.bs-stepper:not(.vertical) .content.dstepper-none{display:none}.vertical .bs-stepper-pane.fade.dstepper-none,.vertical .content.fade.dstepper-none{visibility:hidden} .scrollbox{overflow: auto; overflow-x:hidden; visibility: hidden; height:300px;} date .scrollbox-content, .scrollbox:hover, .scrollbox:focus{visibility: visible;} .height-coloum{min-height:300px;} #panel-quick .height-coloum{min-height:auto!important} /*-----attendancetable----*/ #showSubordinateAttendanceReport tr, #showSubordinateAttendanceReport td{color:#333!important} #showSubordinateAttendanceReport tr:hover, #showSubordinateAttendanceReport td:hover{color:#333!important; box-shadow:none; background:none;} /*-----left-overlay menu-----*/ .populatedShortCutMenu{position:relative} .populatedShortCutMenuWithSliderEffect .navbar, .home_tabs .navbar, .quicklinks{margin-bottom:0px; z-index:99999;background: #fff;} .populatedShortCutMenu .quicklinks{background:none!important;width: 100%;} .populatedShortCutMenuWithSliderEffect{position: absolute; z-index:99999;background:#eee none repeat scroll 0% 0%;border-bottom:1px solid #ccc; left: 50%; top:3px; width:160px; margin-left: -80px; height:auto; padding-bottom:0px; padding-top:0px;} .populatedShortCutMenuWithSliderEffect .graybar{background:#eee!important;} .quicklinks ul li{border-bottom:1px solid #000;} .populatedShortCutMenuWithSliderEffect .navbar-default .navbar-nav > li > a{color:#333;} .populatedShortCutMenuWithSliderEffect .navbar-default .navbar-nav > li > a:hover{color:#000!important; background:#484848;} .populatedShortCutMenuWithSliderEffect .quicklinks ul li.active{color:#333; } .populatedShortCutMenuWithSliderEffect .quicklinks ul li.active a{color:#333;} .populatedShortCutMenuWithSliderEffect .quicklinks ul li.active a:hover{color:#000;} .populatedShortCutMenuWithSliderEffect .myshortcutmenuToggleOpen{background-color: #000; font-size: 20px; padding-bottom: 0px; padding-left: 9px; padding-right: 8px; padding-top: 0px; position: absolute; left: 0; top:-2px; z-index:99999; } .populatedShortCutMenuWithSliderEffect .myshortcutmenuToggleClosed{font-size: 17px!important; background:#001221!important; } .populatedShortCutMenuWithSliderEffect .myshortcutmenuToggleOpen{font-size: 17px!important;margin-top: -3px;} .home_tabs{position: absolute; z-index:99999;background:#eee none repeat scroll 0% 0%; left: 50%; top:4px; margin-left: -80px; width: 160px; height:auto; padding-bottom:0px; padding-top:0px;border-bottom:3px solid #333 !important; } .home_tabs .graybar{background:#eeeeee!important; border-bottom:3px solid #333 !important; } .home_tabs .quicklinks ul li{border-bottom:1px solid #ccc; z-index:999999;} .home_tabs .navbar-default .navbar-nav > li > a{color:#333;} .home_tabs .navbar-default .navbar-nav > li > a:hover{color:#ddd!important; background:#484848;} .home_tabs .quicklinks ul li.active{background:#313131;} .home_tabs .quicklinks ul li.active a{color:#fff;} .home_tabs .quicklinks ul li.active a:hover{color:#ccc;} .home_tabs .myshortcutmenuToggleOpen{background-color: #000; font-size: 20px; padding-bottom: 4px; padding-left: 9px; padding-right: 8px; padding-top:2px; position: absolute; left: 0; top: 2px;z-index:999999; } .home_tabs .myshortcutmenuToggleClosed{font-size: 17px!important; border-radius:4px 4px 0px 0px; } .home_tabs .myshortcutmenuToggleOpen{font-size: 17px!important;margin-top: -3px;} .populatedShortCutMenuWithSliderEffect .navbar-nav, .home_tabs .navbar-nav{float:none;} .manu-scroll-down{position:absolute;top:2px;width:160px;height:10px; background:url("../images/client/tenant-lite/tenant-lite-2/scroll-down.png") center bottom no-repeat #6b6b6b;left:calc(50% - 80px);z-index:2; cursor:pointer; border-radius:0px 0px 4px 4px;} .manu-scroll-down .fixed{position:fixed;} .manu-scroll-close{position:absolute;top:2px;width:160px; left:calc(50% - 80px);z-index:2; cursor:pointer; border-radius:0px 0px 4px 4px;} .manu-scroll-down .fixed{position:fixed;} .selectedHT_noBottomBorder, .unselectedHT_noBottomBorder{border-bottom:3px solid #333 !important;} .li_emp_common_popup_header, .li_popupHead2, .modal-header{background:#eee7e6; color: #333;} .forget_header{background:#eee7e6!important;color: #333 !important; padding:10px; font-weight:bold; font-size:14px;/*text-transform: uppercase;*/border-radius:4px 4px 0px 0px;} /*--fancy-box----*/ .modal{overflow: auto !important; z-index:500000; } .modal-dialog{top:10%;} .modal-dialog-empxtrack .modal-body{padding:0px!important;overflow-y: visible;} .modal-dialog-empxtrack button.close{display: block !important; font-size: 24px;} .modal-dialog-empxtrack1 button.close{display: block !important; font-size: 24px; margin-right: 9px; margin-top: -24px;} .modal-dialog-empxtrack .modal-header .close{ position: absolute; right: 13px; top: 12px; z-index: 999;} /*.modal-dialog-empxtrack .modal-header{ border-bottom:0px solid #e5e5e5; min-height: 0px; padding: 0px; }*/ .modal-dialog-empxtrack .modal{ background-image: url("../images/client/tenant-lite/powered-by.png"), radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.4) 0px, rgba(0, 0, 0, 0.9) 100%); background-position: 0 97%; background-repeat: no-repeat;} .modal-dialog-empxtrack .modal-body, .modal-dialog-empxtrack .modal-body{/*max-height: calc(100vh - 235px); */overflow-y: auto;} .manpower-unit-editable{color:#0d59aa;margin-top:-3px;} .manpower-unit-non-editable{color:#999;margin-top:-3px;} .modal-dialog-empxtrack1 .modal-body, .modal-dialog-empxtrack1 .modal-body{/*max-height: calc(100vh - 235px);*/ overflow-y: auto;} /*.modal-dialog-empxtrack .modal-body .chosen-container{z-index: 9;}*/ #modal-header-title{display: block;margin-right: 15px;} .modal-header{border-radius: 8px 8px 0px 0px !important;} .modal-content{border-radius:12px 12px 10px 10px;} .sec-button{font-size: 12px;font-weight: 500;color: #000 !important;/*float: right;*/display: inline; padding:0px 10px;margin:5px 0px;} .sec-button span{display:inline;} .sec-button a{border-bottom:1px dotted #333;color:#06467c!important;font-weight: 600; padding:4px 0px; cursor: pointer;} .sec-button a:hover{background:#ddd; color:#000; padding:4px 0px;border-radius:2px;} .sec-button i{font-weight:bold; color:#000; margin-right: 5px;} .profile_align_icon{float: right;padding-right: 7px;} /*---Report data table alignment----*/ .dataTables_scrollBody thead,.DTFC_LeftBodyWrapper thead{visibility: hidden !important;width:100%!important} .DTFC_RightWrapper{visibility: hidden;} .dataTables_scrollBody table.dataTable, .DTFC_LeftBodyWrapper table.dataTable{border-top: 0px solid #1c64a1 !important;} .DTFC_LeftHeadWrapper thead{background:#fff;} /*---free-trial video----*/ .video-free-trialM{display:none;} .video-free-trial{display:block;} .free-trial-video{ background-color: #141414; border-bottom-left-radius: 8px; border-bottom-right-radius: 0; border-top-left-radius: 8px; border-top-right-radius: 0; box-shadow: 2px 2px 5px #ccc; color: #fff; height: 61px; margin: 0 5px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 5px; position: absolute; right: -4px; text-align: center; top: -1px; width: 150px; z-index:2; } .free-trial-video .watch{color:#f2f2f2!important; } .free-trial-video .watch a{color:#f2f2f2!important;} .free-trial-video .watch a:hover{color:#f2f2f2!important;} .videoFilterBox{left: 50%; margin-left: -265px; position: absolute; width: 580px!important; z-index: 9999; background:#00202a; border-radius:8px;} .close-video{font-size: 26px; position: absolute;right: 0; top: -8px;} #btn_Close:not('btn_secondary'), #btn_Cancel:not('btn_secondary'), #btn_Done:not('btn_secondary'), #btn_Save_Note:not('btn_secondary'){background: #fff;border: 1px solid #ccc !important;color: #333; font-size: 14px;font-weight:normal; border-radius:4px; box-shadow:none;padding: 4px 8px;} /* #btn_Done{padding: 5px 8px;} .main-buttons #btn_Cancel{padding: 3px 8px;} #btn_Close:hover, #btn_Cancel:hover, #btn_Done:hover, #btn_Save_Note:hover{background: #e6e6e6;border: 1px solid #adadad;color: #4c4c4c;} #btn_Submit{border-radius:4px;} */ /*.main-buttons ul li a.btn-close, .main-buttons ul li a.btn-cancel, .popup-btn a.btn-close{background: #fff!important; border: 1px solid #ccc!important; color: #333!important; font-size: 14px!important; font-weight: normal; border-radius:4px!important; box-shadow:none!important; } .main-buttons ul li a.btn-close:hover, .main-buttons ul li a.btn-cancel:hover, .popup-btn a.btn-close:hover{background: #e6e6e6!important; border: 1px solid #adadad!important; color: #4c4c4c!important;}*/ /*input[type="radio"], input[type="checkbox"]{margin-top:8px; }*/ #mailbox-unread input[type="radio"],#mailbox-unread input[type="checkbox"]{margin-top:0px!important; } .clear{clear:both; } .fancybox-close{right: -20px!important; top: -15px!important;} #mailbox-unread .fa-envelope-o{color:#f0ad4e!important;} #mailbox-unread .fa-envelope-o:hover{color:#f0ad4e!important;} #mailbox-unread .fa-flag{color:#dd4b39!important;} #mailbox-unread a:hover, #mailbox-unread a:focus, #mailbox-unread a, #mailbox-unread a{color:#f0ad4e!important;} .companydir-filter{margin-bottom:3px;color:green; padding:5px 10px;} .popup-btn{margin:10px 5px;} /*---drag and droup-----*/ span.center{ text-align:center; display:block; } #trash, #items, .item, .trash{border-radius: 4px !important; color: #000 !important; padding: 4px;} #trash span, .trash span{letter-spacing: -0.8px!important;} .item{height: auto!important;} /*main Container*/ .container{width:100%; padding:0px; height:auto; margin:0px auto; } /*header*/ .top-menu-outer{background:#1c64a1;width:100%;} .top-menus{background-color:#1c64a1; z-index:999; -webkit-transition:none;/*-webkit-transition:height 0.3s, width 0.3s;*/ height:80px; } .top-menus .logo{-webkit-transition:width 0.5s, height 0.5s; float:left; margin:8px 0px; padding:0px 11px;} .li_period_msg .li_HT_menu .unselected{color: #428bca;} /*print-view-*/ #dis_sec_0, #dis_sec_1{padding:10px 0px; /*text-transform:uppercase;*/} .render-ui{padding:5px 10px;} /*top-menus-ends */ #breakTable{margin:10px 0px;} #breakTable input{margin:3px 6px; border:1px solid #cccccc; border-radius:4px;} #breakTable input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)} /*top-menus-small */ .top-menus-small{width:100%; font-size:12px; height: 38px; float:left; background: #1c64a1; position:fixed; } .top-menus-small ul{list-style:none; } .top-menus-small li.nav_button{height: 38px; float:left;width:90px; border-right:0px solid #1c64a1; border-left:0px solid #6db3f9; position:relative;} .top-menus-small li.nav_button:hover{border-right:0px solid #fff; border-left:0px solid #fff; background:#fff;} .top-menus-small li.nav_button a{display:block; padding:0; color:#2f3646;} .top-menus-small li.nav_button:hover a{color:#333;} .top-menus-small li.nav_button ul a{display:block; color:#666; padding:5px;} .top-menus-small li.nav_button ul a:hover{font-weight:500; color:#3399cc; } .top-menus-small ul li.nav_button:hover .line-menu{display:block;} .top-menus-small li.nav_button a span{display:block; padding: 16px 0px 0px 28px; height: 38px; text-align:center; font-size:14px;} .top-menus-small li.Home span{background:url(../images/client/tenant-lite/tenant-lite-2/hr-small.png) no-repeat 6px 10px;} .top-menus-small li.Home:hover span, .top-menus-small .Home.active span{background:url(../images/client/tenant-lite/tenant-lite-2/hr-small-h.png) no-repeat 6px 10px; } .top-menus-small .nav_button.Home.active{border-right:0px solid #f3f3f3; border-left:0px solid #f3f3f3;} .top-menus-small .nav_button.Home.active:hover{border-right:0px solid #f3f3f3; border-left:0px solid #f3f3f3;} .top-menus-small li.MyProfile span{background:url(../images/client/tenant-lite/tenant-lite-2/profile-small.png) no-repeat 6px 10px;} .top-menus-small li.MyProfile:hover span,.top-menus-small .MyProfile.active span{background:url(../images/client/tenant-lite/tenant-lite-2/profile-small-h.png) no-repeat 6px 10px;} .top-menus-small .nav_button.MyProfile.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small .nav_button.MyProfile.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small li.MyTeam span{background:url(../images/client/tenant-lite/tenant-lite-2/manage-small.png) no-repeat 6px 10px;} .top-menus-small li.MyTeam:hover span, .top-menus-small .MyTeam.active span{background:url(../images/client/tenant-lite/tenant-lite-2/manage-small-h.png) no-repeat 6px 10px;} .top-menus-small .nav_button.MyTeam.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small .nav_button.MyTeam.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small li.Report span{background:url(../images/client/tenant-lite/tenant-lite-2/report-small.png) no-repeat 6px 10px;} .top-menus-small li.Report:hover span, .top-menus-small .Report.active span{background:url(../images/client/tenant-lite/tenant-lite-2/report-small-h.png) no-repeat 6px 10px;} .top-menus-small .nav_button.Report.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small .nav_button.Report.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small li.Settings span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small.png) no-repeat 6px 10px;} .top-menus-small li.Settings:hover span, .top-menus-small .Settings.active span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small-h.png) no-repeat 6px 10px;} .top-menus-small .nav_button.Settings.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small .nav_button.Settings.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small li.SettingsEmp span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small.png) no-repeat 6px 10px;} .top-menus-small li.SettingsEmp:hover span, .top-menus-small .Settings.active span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small-h.png) no-repeat 6px 10px;} .top-menus-small .nav_button.SettingsEmp.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small .nav_button.SettingsEmp.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small li.SetupTrial span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small.png) no-repeat 6px 10px;} .top-menus-small li.SetupTrial:hover span, .top-menus-small .SetupTrial.active span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small-h.png) no-repeat 6px 10px;} .top-menus-small .nav_button.SetupTrial.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small .nav_button.SetupTrial.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small li.Help span{background:url(../images/client/tenant-lite/tenant-lite-2/help-small.png) no-repeat 6px 10px;} .top-menus-small li.Help:hover span, .top-menus-small .Help .active span{background:url(../images/client/tenant-lite/tenant-lite-2/help-small-h.png) no-repeat 6px 10px;} .top-menus-small .nav_button.Help.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small .nav_button.Help.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus-small li.nav_button.alt{border-right:1px solid #2b84de;} .top-menus-small li.nav_button.alt:hover{border-right:1px solid #f3f3f3;} .top-menus-small .center-menu{width:554px; margin:0 auto;} .top-menus-small .side-border{height:38px; width:1px; background:#6db3f9; float:left;} .top-menus-small .side-border.alt{height:38px; background:#2b84de;} .top-menus-small ul li.nav_button .line-menu{display:none; position:absolute; background:#fff; width:640px; margin-left:-230px; margin-top: 0px; border-bottom: 5px solid #3399cc; box-shadow: 2px 5px 5px 0px #333; padding:5px; z-index:9999;} .top-menus-small ul li.nav_button .line-menu ul{width:30%; float:left; padding: 20px 10px 0px 10px; } .top-menus-small ul li.nav_button .line-menu ul li{width:100%;} .top-menus-small ul li.nav_button .line-menu ul h4{font-size:14px; color:#333; font-weight:normal; border-bottom:1px solid #f3f3f3; padding-bottom: 5px;} .top-menus-small ul li.nav_button .line-menu ul h4:hover{color:#3399cc;} .top-menus-small .logo{width:110px; height:30px; float:left; margin:4px 12px; padding:0px 0px;} .top-menus-small .top-info{float:left; padding: 8px 10px 0px 0px; width:auto;} .top-menus-small .top-info span{color:#fff; font-weight:normal; float:right;} .top-menus-small .top-info .name-info{padding:0px 0px 0px 10px; margin-right: 36px;} .top-menus-small .top-info .name-info strong{margin-right:3px;} .top-menus-small .top-info .name-info h4{float:left; color:#fff;} .top-menus-small .top-info .info-mid{display:none;} .top-menus-small .top-info .calendar img{display:none;} .top-menus-small .top-info .clock img{display:none;} .top-menus-small .top-info .clock,.top-menus-small .calendar{display:none;} .top-menus-small .profile-pic{width:30px; height:30px; float:left; margin-left:0px; padding-top:4px;} .top-menus-small .log-out{background:#fff; color:#1c64a1; padding:2px 8px; float:right; margin-left:8px;} .top-menus-small .top-right{position:absolute; right:32px;} .top-menus-small .masquerade{padding:0px;} .top-menus-small .masquerade .icon{margin: 4px 5px;} .top-menus-small .masquerade h5{font-size: 11px;padding-top: 12px;} /*.content-fixed{margin-top: -80px; padding-top: 80px;}*/ /* end-small header*/ /* breadcrumbs with Admin Panel*/ .breadcrumb{float:left; font-size:12px; color:#ffffff; line-height:30px; margin: 0px 0px 0px 0px;max-height: 30px; text-overflow: ellipsis;overflow: hidden; } .breadcrumb ul{list-style:none;} .breadcrumb li{float:left;} .breadcrumb .admin-panel a{color:#ffbc03; font-weight:bold;} .breadcrumb a:after{/*content: "/";*/ padding: 0 3px 0 5px; color: #f1f1f1;} .breadcrumb .admin-panel a:after{color: #333;} .breadcrumb a{color:#333; padding: 0px 1px;} .breadcrumb a:hover{color:#3399cc;} /* breadcrumbs*/ .li_breadcrumbs{border-bottom:1px dotted ;} .center-m{margin:0 auto; width:50%} .masquerade{float:left;background:rgba(35, 35, 35, 0.87); display:block; line-height:27px; padding:0px 15px 0px 5px; color: #666; z-index:999999; top:0; position:absolute; margin-top:0px;border-radius:0px; border:2px solid #000; border:0px 0px 4px 4px; cursor:pointer; } .masquerade .icon{float:left; color:#e7dd36; margin:8px 5px; font-size:20px;} .masquerade h5{float:left; font-size:14px; font-weight:normal; color:#fff; padding-top: 10px;} .masquerade h5 span{color:#ff0000} .masquerade .close-masquerade{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq.png) no-repeat center top; width:12px; height:12px; float:right; top:-2px; right:0px; position: absolute;} .masquerade .close-masquerade:hover{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq-w.png) no-repeat center top;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li > a:hover, .nav > li > a:focus{background:none!important;} .masquerade{padding:3px 6px;} .masquerade a{color:#fff;} .masquerade a:hover{color:#fff;} .center-m{min-width:25%;} .dropdown-menu{width: 210px;/*z-index: 99999!important;*/ z-index:1000} .dropdown-menu .divider{margin:0px;} .dropdown-menu > li > a{padding:2px 5px;} .nav > li > a{padding:0px 5px;} .open{width:auto;} .titleBar{float: left; width: 100%; padding:6px 0px; border-bottom:1px solid #fff; } .free-trial{float: right; font-size: 12px; line-height:25px; } .free-trial span{color:#e8f2ff; padding:0px 10px 0px 0px;} .free-trial a{padding:6px; color:#fff; background: #33cc00; border-radius:3px;} .free-trial-cdmt{float: right; font-size: 12px; line-height:25px; } .free-trial-cdmt span{color:#e8f2ff; padding:0px 10px 0px 0px;} .free-trial-cdmt a{padding:6px; color:#fff; background: #33cc00; border-radius:3px;} .homePageSideMenus{background:#5f5f5f;min-height:480px !important;max-width:60px;height:auto !important;text-align:center;} /*Free trial and the text on front ends*/ /*header- tabs*/ #header,#header-app, .li_menu_size, .li_render_tabs{margin-top:19px; border-bottom:3px solid #1c64a1; /*height: 35px;*/ width: 100%; float:left; border-radius:4px 4px 0px 0px ;} .li_menu_size{/*margin-bottom:20px;*/} .li_menu_box_button{margin-top: 20px; height: 32px; width: 100%; float:left; margin-bottom:10px;} #header ul,#header-app ul, .li_menu_size ul, .li_render_tabs ul, ul.li_leave_menu_box{list-style: none; padding:0; margin:0;} #header li, #header-app li, .li_menu_size li, .li_render_tabs li{display: block; margin: 0 5px 0 0; float:left; /*background:#f3f3f3;*/ text-transform: none;} .selectedHT{font-weight:bold;} #header li a,#header-app li a, .li_menu_size li label, .li_menu_size li a, ul.li_leave_menu_box li.unselected a, .li_menu_size li a.unselected, .li_render_tabs li a.unselectedHT, ul.li_leave_menu_box li.unselected label{font-size:14px; font-weight:500; color:#333; padding: 0px 16px!important; /*line-height: 31px;*/ text-decoration:none; display: block!important; background:#e0e0e0;border-radius:4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: 35px;} #header li a:hover,#header-app li a:hover, .li_menu_size li a:hover, #header li a.current, ul.li_leave_menu_box li.selected a, ul.li_leave_menu_box li.unselected:hover a, .li_render_tabs li a.selectedHT,.li_render_tabs li a.unselectedHT:hover, .li_menu_size li.unselected label:hover,.li_menu_size li label:hover, .li_menu_size li.selected label, .li_menu_size li.selected a, .li_mega_menu .selected label, .li_mega_menu .unselected:hover label, ul.li_leave_menu_box li.selected label, ul.li_leave_menu_box li.unselected:hover label{font-size:14px; font-weight:500; color:#fff; background:#1c64a1; padding:0px 16px!important;line-height: 35px; text-decoration:none; display: block; cursor:pointer; border-radius:4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;display: block!important; } #content{float:left; background:#fff; border-top:none!important; /*margin-top: 10px;*/ } .li_menu_size b{font-weight:normal;} ul.li_leave_menu_box li{display: block; margin: 0 5px 10px 0; float:left; background:#f3f3f3;} label{margin-bottom:none!important;} .li_leave_menu li.selected{/*height: 28px!important;*/} .li_leave_menu li{/*height: 27px!important;*/} /*header- tabs- ends*/ /*right side top icons*/ .top-right-side div{float:right; border-right: 0px solid #f3f3f3; line-height:0px; position:relative; /*margin-top:11px*/} .top-right-side .displayCount .fa-envelope-o:hover{color:#04a2d2!important;} .top-right-side .displayCount span{position: relative; font-size: 9px; top: -22px; padding: 2px; right: -15px; border-radius: 3px; color: #fff; } .top-right-side div a{display:block;margin:1px 5px; width:20px;height: 24px; transition:all 1s ease 0s; } .top-right-side div a.top1{background:url(../images/client/tenant-lite/tenant-lite-2/bulb.png) no-repeat center; } .top-right-side div a.top2{background:url(../images/client/tenant-lite/tenant-lite-2/menu.png) no-repeat center; } .top-right-side div a.top3{background:url(../images/client/tenant-lite/tenant-lite-2/grid.png) no-repeat center; } .top-right-side div a.top4{background:url(../images/client/tenant-lite/tenant-lite-2/print.png) no-repeat center; } .top-right-side div a.top5{background:url(../images/client/tenant-lite/tenant-lite-2/a.png) no-repeat center; } .top-right-side div a.top6{background:url(../images/client/tenant-lite/tenant-lite-2/upload.png) no-repeat center; } .top-right-side div a.top7{background:url(../images/client/tenant-lite/tenant-lite-2/bookmark.png) no-repeat center; } .top-right-side div a.top8{background:url(../images/client/tenant-lite/tenant-lite-2/callout.png) no-repeat center; } .top-right-side div a.top9{background:url(../images/client/tenant-lite/tenant-lite-2/single_form.png) no-repeat center; } .top-right-side div a.top10{background:url(../images/client/tenant-lite/tenant-lite-2/multi_form2.png) no-repeat center; } .top-right-side div a.top11{background:url(../images/client/tenant-lite/tenant-lite-2/team.png) no-repeat center; margin:0px 5px; } .top-right-side div a.top12{background:url(../images/client/tenant-lite/tenant-lite-2/announcer.png) no-repeat center; } .top-right-side div a.top1:hover, .top-right-side div a.top1.active{background:url(../images/client/tenant-lite/tenant-lite-2/bulb-h.png) no-repeat center; } .top-right-side div a.top2:hover, .top-right-side div a.top2.active{background:url(../images/client/tenant-lite/tenant-lite-2/menu-h.png) no-repeat center; } .top-right-side div a.top3:hover, .top-right-side div a.top3.active{background:url(../images/client/tenant-lite/tenant-lite-2/grid-h.png) no-repeat center; } .top-right-side div a.top4:hover, .top-right-side div a.top4.active{background:url(../images/client/tenant-lite/tenant-lite-2/print-h.png) no-repeat center; } .top-right-side div a.top5:hover, .top-right-side div a.top5.active{background:url(../images/client/tenant-lite/tenant-lite-2/a-h.png) no-repeat center; } .top-right-side div a.top6:hover, .top-right-side div a.top6.active{background:url(../images/client/tenant-lite/tenant-lite-2/upload-h.png) no-repeat center; } .top-right-side div a.top7:hover, .top-right-side div a.top7.active{background:url(../images/client/tenant-lite/tenant-lite-2/bookmark-h.png) no-repeat center; } .top-right-side div a.top8:hover, .top-right-side div a.top8.active{background:url(../images/client/tenant-lite/tenant-lite-2/callout-h.png) no-repeat center; } .top-right-side div a.top9:hover, .top-right-side div a.top9.active{background:url(../images/client/tenant-lite/tenant-lite-2/single_form.png) no-repeat center; } .top-right-side div a.top10:hover, .top-right-side div a.top10.active{background:url(../images/client/tenant-lite/tenant-lite-2/multi_form2.png) no-repeat center; } .top-right-side div a.top11:hover, .top-right-side div a.top11.active{background:url(../images/client/tenant-lite/tenant-lite-2/team-h.png) no-repeat center; } .top-right-side div a.top12:hover, .top-right-side div a.top12.active{background:url(../images/client/tenant-lite/tenant-lite-2/announcer-h.png) no-repeat center; } .top-right-side div.alt{border:none;} .top8 span{background: #ff0000; border-radius:3px; color: #fff; font-size: 12px; display: block; line-height: 10px; padding: 3px 4px 3px 4px;margin-top: 0px; top: -10px; left: -4px; position: absolute;} #panel{display:none; position: absolute; width:129px; top:40px; z-index:999; right:0px; color:#666; border-top: 6px solid transparent; border-right:none; background:#fff; right: 0;} #panel:before{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #3399cc; content:""; top: -21px; right: 8px; } #panel:after{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #fff; content:"";top: -20px; right: 8px; } #panel ul li a{width:98%; float:left; font-size:12px; color:#666;} #panel ul li a:hover{color:#3399cc;} #panel.instruction{display:none; width: 700px; padding: 10px 24px; top:40px; background:#ffe; font-size:14px; border: 1px solid #E2A70F; text-transform: none; z-index: 999;} .instruction#panel p{font-weight:normal!important;} #panel.instruction ul{list-style:none; float:left; list-style-image:url('../images/client/tenant-lite/tenant-lite-2/arrow.png') ; text-transform: none !important; font-weight: normal!important;} #panel.instruction ul li{line-height:24px;} #panel.instruction h3{float:left; color:#333;} #panel.instruction:before{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #E2A70F; content:""; top: -21px; right: 8px; } #panel.instruction:after{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #ffe; content:"";top: -20px;right: 8px; } #panel.alert{top:40px; width:425px; display:block; font-size:12px; padding: 10px 15px; border: 1px solid #3399CC; } #panel.alert div{border-top: 1px solid #f3f3f3; border-bottom:none;} #panel.alert:before{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #3399cc; content:""; top: -21px; right: 8px; } #panel.alert:after{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #fff; content:"";top: -20px;right: 8px; } .not-1{padding: 5px 0px 10px 0px;} .not-1 span{color:#333;} #panel.alert h3{float:left; color:#333;} #panel div{float:right; line-height: 22px; padding:5px 0; padding-top:0px; border-right:none; border-bottom: 1px solid #f3f3f3; width:100%; text-transform: none;} #panel.links{top:40px; width:700px; display:none; font-size:12px; border: 1px solid #3399CC; padding:10px 15px; } #panel.links:before{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #3399cc; content:""; top: -21px; right: 8px; } #panel.links:after{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #fff; content:"";top: -20px; right: 8px; } #panel.links .part-1{float:left; width:32%; margin-left:1%; border-bottom:none; margin-top:10px;} #panel.links .part-1 ul{list-style:none; } #panel.links .part-1 ul li{float:left; width:90%; } #panel.links h3{float:left; color:#333; padding:0px 0px 0px 10px;} .close-qlinks{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq.png) no-repeat center top; width:12px; height:12px; position: absolute; right: 0px;} .close-qlinks:hover{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq-h.png) no-repeat center top;} #panel.links .part-1.alt{border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3;} #panel .hide-menu-1 a{color:#333; font-size:12px; width:100%; line-height: 22px; padding: 3px 10px;} #panel .hide-menu-1 a:hover{border-right:none; color:#3399cc;} .close-instruction{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq.png) no-repeat center top; width:12px; height:12px; position: absolute; right: 0px;} .close-instruction:hover{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq-h.png) no-repeat center top;} .close-alert{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq.png) no-repeat center top; width:12px; height:12px; position: absolute; right: 0px;} .close-alert:hover{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq-h.png) no-repeat center top;} #panel-quick{display:none; position: absolute; width:129px; top:40px; z-index:999; right:0px; color:#666; border-top: 6px solid transparent; border-right:none; background:#fff; right: 0;} #panel-quick .clientFeedback span{color:#fff;} #panel-quick .clientFeedback .clientFeedback-icon{color:#f5f5f5;} #panel-quick .clientFeedback .selected-icon{ color: #ffc115!important;} #panel-quick .li_emp_common_popup_header, .li_popupHead2,.modal-header{background::#eee7e6; color:#333 ;font-size: 14px; /*text-transform: uppercase;*/} #panel-quick li{list-style-type:none;} #panel-quick li{list-style: outside none none;} #panel-quick:before{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #3399cc; content:""; top: -21px; right: 8px; } /*#panel-quick:after{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #fff; content:"";top: -20px; right: 8px; }*/ #panel-quick ul li a{width:99%; float:left; font-size:12px; color:#ddd;overflow: hidden;white-space: nowrap;} #panel-quick ul li a:hover{color:#ccc;} #panel-quick.dataFilterContainer{/* min-width:850px!important; */padding:10px 5px !important;} #panel-quick.dataFilterContainer div{padding:0px!important;} #panel-quick.dataFilterContainer div .form-control{font-size:12px;height:30px;} #panel-quick.instruction{display:none; min-width:300px; padding: 10px 10px; top:40px; background:rgba(14,14,14,0.9); font-size:14px; border: 1px solid #000; text-transform: none; z-index: 99999; color:#eee;} .instruction#panel p{font-weight:normal!important;} .v9-widget #panel-quick.instruction{min-width:568px;} .v9-widget #panel-quick div{padding:0px } .v9-widget #panel-quick .role_change{13px;padding: 10px 8px;text-align: left;margin-bottom: 8px;} .v9-widget #panel-quick.instruction ul li{float: left; width: 33%;} #panel-quick.instruction ul{list-style:none; float:left; list-style-image:url('../images/client/tenant-lite/tenant-lite-2/arrow.png') ;width: 100%; text-transform: none !important; font-weight: normal!important;} #panel-quick.instruction ul li{line-height:24px; height:auto;} #panel-quick.instruction h3{float:left; color:#fff9e0!important;width: 100%;border-bottom:1px solid #ddd; padding-bottom:5px;} #panel-quick #empRelationshipOnBreadcrumbBar .li_Approvers_head{color:#fff9e0!important; /*text-transform:uppercase;*/border-bottom: 1px dashed #000!important;} .theme-showcase-ws #panel-quick #empRelationshipOnBreadcrumbBar .li_Approvers_head{color: #000!important;} #panel-quick label, #panel-quick .li_emp_name, #panel-quick .li_emp_name span, #panel-quick .user h5 small, #panel-quick .popup label, #panel-quick label{color:#fff!important; font-weight:normal!important; font-size:13px;} #panel-quick .main{padding-top:10px;} /*#panel-quick.instruction:before{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid rgba(14,14,14,1); content:""; top: -21px; right: 8px; } #panel-quick.instruction:after{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid rgba(14,14,14,1); content:"";top: -20px; right: 8px; } */ #panel-quick div{float:left; line-height: 22px; padding:5px 0; padding-top:0px; border-right:none; width:100%; text-transform: none; color:#fff; font-size:13px;overflow: unset !important; height: auto !important; } #panel-quick #getAllPendingTaskAndUpcomingEventOnTopWidget div{padding:2px 0;} #panel-quick .pro div{color:#000!important; } #panel-quick .user li.sep{font-weight: bold;color: #000;text-shadow: none !important;} #panel-quick .li_gray_button a{background: #131313!important; border: 1px solid #333; color: #333 !important;} #panel-quick .li_gray_button:hover{background: #414141; border: 1px solid #414141; color: #fff !important;} #panel-quick .li_gray_default a{color:#ddd;} #panel-quick div a{width:auto; display: inline; color:#ddd;} #panel-quick .li_button{width:auto;} #panel-quick .fa-times{font-size:12px;} #panel-quick .popup .form-group label{margin:0px!important; padding:0px!important;} #panel-quick .buttonarea{margin:0px!important;} #panel-quick a.btn-warning{color:#ccc!important;background:#000; padding: 3px 6px !important;border: 1px solid #838383;} #panel-quick a.btn-warning:hover, #panel-quick a.btn-info:hover{background:#000;} #panel-quick a.btn-info{color:#2ba3ff!important;background:#272323; border: 1px solid #666; padding: 3px 6px !important;} #panel-quick #myAttendanceOnBreadcrumbBar .buttonarea .li_gray_default{background:#111111} #panel-quick #myAttendanceOnBreadcrumbBar .buttonarea .li_gray_default:hover{background:#4F4F4F} #panel-quick a.btn-success{background:#000!important; color:#317a00!important;} #panel-quick .event-calendar .buddy-box{margin:0px!important; color:#fff!important; background:none; box-shadow: 0px 0px 0px #ccc; border:0px solid #000; } .event-calendar .fc-unthemed .fc-list-empty{background-color:rgba(0,0,0,0.1)!important;color: #999 !important;} .event-calendar .fc-unthemed .fc-list-view{border-color: #000!important;border: 0px; border-bottom:1px solid #000;} .event-calendar .fc-toolbar h2{font-size: 15px!important; color:#fff!important;padding: 5px 0px !important; font-weight: bold;} .event-calendar i{color:#fff;} .event-calendar .fc-unthemed .fc-list-heading td{color:#fff!important; background-color:rgba(0,0,0,0.1)!important; border-bottom:1px solid #444!important;} .event-calendar .fc-list-table td{color:#999;} .event-calendar .top-right-side a{ color: #666 !important;} .event-calendar .fc-list-table td{padding: 0px 2px;font-size: 12px;line-height: 20px;} .event-calendar .fc-list-item-time{white-space:pre-wrap!important;} .fc-unthemed .fc-list-item:hover td{background-color:rgba(0,0,0,0.01)!important} .event-calendar tr:hover{background:rgba(0,0,0,0.01)!important;} .event-calendar .fc-toolbar .fc-left{ float: left !important; width: 50% !important;} .event-calendar .fc-toolbar .fc-right{ float: right !important; width: 25% !important; } .event-calendar .fc button{padding: 0 .2em!important;} .event-calendar .fc-center{display:none!important;} .event-calendar .fc-toolbar.fc-header-toolbar{ margin-bottom: 0px!important;margin-top:0px!important;margin-right:0px!important; } .event-calendar h4{margin: 0px 0px 0px 2px!important;color:#fff9e0!important; font-weight:bold;border-bottom: 1px solid #ddd; padding-bottom: 4px; /*text-transform: uppercase;*/padding-top: 5px;} .event-calendar #panel-quick div{padding: 2px 0px!important;} .border-b{border-bottom: 1px solid #ddd;padding-bottom: 11px!important;} .event-calendar .border-b{ padding-bottom: 2px !important;} .btn-purchase{background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%) ;line-height: 20px; margin: 0; padding:6px!important; text-align: center; /*text-transform: uppercase;*/ transition: 0.5s; font-weight:500; background-size: 200% auto;width:114px; text-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius:4px; display: inline-block; float:right;} .btn-purchase:hover{background-position: right center; color: #fff!important;} .btn-erase{background-image: linear-gradient(to right, #EB3349 0%, #F45C43 51%, #EB3349 100%); line-height: 20px; margin: 0; padding:6px!important; text-align: center; /*text-transform: uppercase;*/ transition: 0.5s; font-weight:500; background-size: 200% auto; text-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius:4px; display:inline-block;width:160px;float:right;} .btn-erase:hover{background-position: right center; color: #fff!important;} .btn-erase span.mobile, .btn-purchase span.mobile{display:none;} .btn-erase span.desktop, .btn-purchase span.desktop{display:block;} .purchase{margin-top:20px;} .purchase .clickable{background:#eee; font-weight:bold;} .purchase .row-collapse td{font-size: 14px; } .purchase .row-collapse td span{/* padding-left: 12px;color:#000;font-size: 11px;font-weight: bold; */} .purchase .heading-module{font-size: 25px;/*text-transform: uppercase;*/} .purchase .silver{background-color: #d3d3d3; text-align: center;font-size: 14px;color: #000;/*text-transform: uppercase;*/} .purchase .bronze{background:#b8663c;text-align: center;font-size: 14px;color: #000;/*text-transform: uppercase;*/} .purchase .basic{background:#f1f3f7;text-align: center;font-size: 14px;color: #000;/*text-transform: uppercase;*/} .purchase .gold{background:#cf8f25;text-align: center;font-size: 14px;color: #000;/*text-transform: uppercase;*/} .purchase .enterprise{background:#205E9B;text-align: center;font-size: 14px;color: #000;/*text-transform: uppercase;*/} .purchase .button{border-radius:4px;padding:8px;margin:0px auto;text-align: center;font-size: 12px;color: #000;/*text-transform: uppercase;*/ margin-top:10px; font-weight:bold;} .purchase .button:hover{-webkit-filter: brightness(1.20);} .purchase .btn-enterprise{background:#205E9B;} .purchase .btn-silver{background: #d3d3d3;} .purchase .btn-bronze{background:#b8663c;} .purchase .btn-basic{background: #f1f3f7;} .purchase .btn-gold{background:#cf8f25} .purchase .btn-cancel{background:#fff;} .purchase .available{color:#185b06; text-align:center; display:block; font-size:18px;} .purchase .not-available{color:#ed0000; text-align:center; display:block; font-size:18px;} .purchase .text-help{color:#000; font-size:14px; font-weight:normal; text-align:center;} .purchase .text-help:hover{color:#333;font-size:14px;} .bg-purchase{background:url("../images/client/tenant-lite/tenant-lite-2/bg-Orange.jpg") 0 no-repeat; background-size:100%; margin-bottom:20px; /*height:200px;*/ margin: -19px !important;margin-bottom:0px!important} .bg-purchase h2{color:#000;padding: 31px;text-align: center;font-size: 45px;text-shadow: 0px 4px 9px #888;} .purchase-no-employee{font-size: 20px;text-align: center;padding: 10px 8px;color:#000;background:#fff;/* width: max-content; */border-radius: 20px;display: block;margin: 0px auto; box-shadow: 0px 4px 10px#ccc; margin-bottom: 30px;} .purchase-no-employee label{line-height: 31px;font-size: 15px;} .bg-purchase .box-package{height:200px;position: relative;background: #fff;margin-right: 10px;box-shadow: 0px 80px 100px #ccc; padding:10px;} .bg-purchase .box-package:hover{box-shadow: 0px 8px 10px #333; padding:10px;} .bg-purchase .box-package h6{font-size:20px; text-align:center;} .purchase-no-employee .stepsp{margin: 0px auto !important;padding: 25px 0px;text-align: center;} .btn-purchase-trial{background-image: linear-gradient(to right, #d94613 0%, #ee801e 51%, #d94613 100%) ;line-height: 22px; margin: 0; padding:6px!important; text-align: center; /*text-transform: uppercase;*/ transition: 0.5s; font-weight:500; background-size: 200% auto;width:70%; text-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius:4px; display: inline-block;color:#000;} .btn-purchase-trial:hover{background-position: right center; color: #fff!important;} .tip-box{ cursor: help; position: relative; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */display: inline; border-bottom:1px solid #000; } .tip-box .tippurchase{ background: #555; bottom: 100%; color: #fff; display: block; left: -25px; margin-bottom: 15px; opacity: 0; padding: 5px; border-radius:4px; pointer-events: none; position: absolute; width: 150px; font-size:12px; text-transform:none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } /* This bridges the gap so you can mouse into the tooltip without it disappearing */ .tip-box .tippurchase:before{ bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } /* CSS Triangles - see Trevor's post */ .tip-box .tippurchase:after{ border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #555 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } .tip-box:hover .tippurchase{ opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* IE can just show/hide with no transition */ .lte8 .tip-box .tippurchase{ display: none; } .lte8 .tip-box:hover .tippurchase{ display: block; } /*------feature-section-purchase-------------*/ .feature-section{padding:20px 0px;} .product-feature{margin-top:20px;} .feature-section .product_name{font-size:2.5em;font-weight: 700;line-height: 1.5;margin-bottom:20px;margin-top: 15px;} .feature-section .product-des{font-size: 1.2em;line-height: 2;} .feature-section .product-des ul li{width: 50%;float: left; list-style:none;} .feature-section a.btn-update{padding:10px; color:#fff;background:#59be5a;transition: background-color .4s;border: 2px solid #ff8800; border-radius:10px;float:left; margin:10px 10px 0px 0px;} .feature-section a.btn-update:hover{color:#388b39;background:#fff;} .feature-section a.btn-cancel{padding:10px; color:#333;background:#fff;transition: background-color .4s;border: 2px solid #333; border-radius:10px;float:left;margin:10px 0px 0px 0px;} .feature-section a.btn-cancel:hover{color:#fff;background:#333;} .featured-pro-box{margin:10px 0px; padding:0px; } .featured-pro-box:hover{box-shadow:0px 3px 17px #8c8c8c; border-radius:10px;} .product-feature .featured-pro-box .pro-icon img{height: 120px;display: block;margin: 0px auto;} .product-feature .featured-pro-box .pro-name{font-size: 1.5em; padding: 0px 2px; color: #000; text-align: center; font-weight: 100; margin-top: 20px; margin-bottom: 10px;letter-spacing: -0.5px; } .product-feature .featured-pro-box .pro-detail{font-size: 1.2em; text-align:center; margin-bottom:10px; line-height: 2.0; font-weight: 400;} .product-feature .featured-pro-box .pro-help{padding: 15px 7px;height: 115px;font-size: 1.1em; text-align:center;letter-spacing:-0.6px;overflow:hidden; text-overflow: ellipsis; } .product-feature .featured-pro-box .pro-button{margin: 10px auto; width:40%;} .product-feature .featured-pro-box .pro-button .tooltip{margin-top:10px;} .product-feature .featured-pro-box .pro-button .btn_buynow{background:#ff8904;color: #fff;/* margin: 10px auto; */transition: background-color .4s;padding: 10px;border-radius: 12px;font-size: 15px;display: inline-block;min-width: 140px;max-width: 200px;text-align: center;} .product-feature .featured-pro-box .pro-button .btn_buynow:hover{background-color: #333;} .product-feature .featured-pro-box .pro-button .btn_more{background:#59be5a;color: #fff;/* margin: 10px auto; */transition: background-color .4s;padding: 10px;border-radius: 12px;font-size: 15px;display: inline-block;min-width: 140px;max-width: 200px;text-align: center;} .product-feature .featured-pro-box .pro-button .btn_more:hover{background:#388b39;} .product-feature .featured-pro-box .pro-button .btn_request{background:#036aaf;color: #fff;/* margin: 10px auto; */transition: background-color .4s;padding: 10px;border-radius: 12px;font-size: 15px;display: inline-block;min-width: 140px;max-width: 200px;text-align: center;} .product-feature .featured-pro-box .pro-button .btn_request:hover{background:#00426e;} .product-feature .featured-pro-box .pro-button .btn_no_cancellation{background:#454545;color: #fff;/* margin: 10px auto; */transition: background-color .4s;padding: 10px;border-radius: 12px;font-size: 15px;display: inline-block;min-width: 140px;max-width: 200px;text-align: center;} .product-feature .featured-pro-box .pro-button .btn_no_cancellation:hover{background:#111111;} .product-feature .featured-pro-box .pro-button .cancel_subscription{background:#cacaca;color:#222;/* margin: 10px auto; */transition: background-color .4s;padding: 10px;border-radius: 12px;font-size: 15px;display: inline-block;min-width: 140px;max-width: 200px;text-align: center;} .product-feature .featured-pro-box .pro-button .cancel_subscription:hover{background:#eaeaea;} .label_purchased{ margin: 0px; font-size:20px; color:#357605; position: absolute; top:-3px; right: 1px;} /*------ payroll-video-------*/ .video-link .video-icon{width:100%; height:auto;} .video-link .video-text{font-weight:bold;font-size:18px;top: 20px !important;position: relative; color: #1c64a1;border-bottom: 1px dotted #333;margin-left: 10px;} /*----accordion for manage account and payment----------*/ .panel-title :before{ font: var(--fa-font-solid); content: "\f068"; float: left; color: #000; padding-right: 10px; font-size: 12px;padding-top: 4px; } .panel-title .collapsed:before{ /* symbol for "collapsed" panels */ content: "\f067"; font-weight:bold!important; /* adjust as needed, taken from bootstrap.css */ } .panel-title span{ float: left;position:absolute;} .panel-heading .panel-title{font-size: 15px!important;color: #000; } .panel-heading{ padding: 10px 3px 10px 5px;} .panel-collapse{padding: 15px;} .panel-group{margin-bottom: 2px;} /*---main-heading-----*/ .main-heading-box{ cursor: help;color: #000; position: relative; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */display: inline; border-bottom:1px solid #000; } .main-heading-box .main-head-purchase{ background: #eee; bottom: 100%; color: #333; display: block; left: 0px; margin-bottom: 15px; opacity: 0; padding: 5px; border-radius:4px; pointer-events: none; position: absolute; width: 150px; font-size:14px; text-transform:none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } /* This bridges the gap so you can mouse into the tooltip without it disappearing */ .main-heading-box.main-head-purchase:before{ bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } /* CSS Triangles - see Trevor's post */ .main-heading-box .main-head-purchase:after{ border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #eee 10px; bottom: -10px; content: " "; height: 0; left: 20%; margin-left: -13px; position: absolute; width: 0; } .main-heading-box:hover .main-head-purchase{ opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* IE can just show/hide with no transition */ .lte8 .main-heading-box .main-head-purchase{ display: none; } .lte8 .main-heading-box:hover .main-head-purchase{ display: block; } /*---main-heading-----*/ .sub-heading-box{ cursor: help;color: #000; position: relative; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */display: inline; border-bottom:1px solid #000; } .sub-heading-box .sub-head-purchase{ background: #000; bottom: 100%; color: #fff !important; display: block; left: 0px; margin-bottom: 15px; opacity: 0; padding: 5px; border-radius:4px; pointer-events: none; position: absolute; width: 150px; font-size:12px; text-transform:none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } /* This bridges the gap so you can mouse into the tooltip without it disappearing */ .sub-heading-box .sub-head-purchase:before{ bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } /* CSS Triangles - see Trevor's post */ .sub-heading-box .sub-head-purchase:after{ border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #000 10px; bottom: -10px; content: " "; height: 0; left: 20%; margin-left: -13px; position: absolute; width: 0; } .sub-heading-box:hover .sub-head-purchase{ opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* IE can just show/hide with no transition */ .lte8 .sub-heading-box .sub-head-purchase{ display: none; } .lte8 .sub-heading-box:hover .sub-head-purchase{ display: block; } /*---main-heading-----*/ .sub-des{ cursor: help;color: #333; position: relative; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */display: inline;border-bottom:1px solid #000; } .sub-des .sub-des-purchase{ background: #fff; bottom: 100%; color: #333; display: block; left: 0px; margin-bottom: 15px; opacity: 0; padding: 5px; border-radius:4px; pointer-events: none; position: absolute; width: 150px; font-size:12px; text-transform:none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } /* This bridges the gap so you can mouse into the tooltip without it disappearing */ .sub-des .sub-des-purchase:before{ bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } /* CSS Triangles - see Trevor's post */ .sub-des .sub-des-purchase:after{ border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #fff 10px; bottom: -10px; content: " "; height: 0; left: 20%; margin-left: -13px; position: absolute; width: 0; } .btn-warning .btn-success .btn-cancel .btn-primary{padding: 5px;} .error-num-days-payroll{color:#ee0909;font-weight:bold;} .sub-des:hover .sub-des-purchase{ opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* IE can just show/hide with no transition */ .lte8 .sub-des .sub-des-purchase{ display: none; } .lte8 .sub-des:hover .sub-des-purchase{ display: block; } /*right side top icons ends*/ /*----button css------*/ .btn-default{ &.btn-inverse{ @include button-variant($btn-default-bg, $btn-default-color, $btn-default-bg); &:hover{ @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); } } &.btn-transparent{ @include button-variant($btn-default-bg, transparent, $btn-default-bg); &:hover{ @include button-variant($btn-default-bg, darken($btn-default-bg, 25%), $btn-default-bg); } } } .btn-primary{ &.btn-inverse{ @include button-variant($btn-primary-bg, $btn-primary-color, $btn-primary-bg); &:hover{ @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); } } &.btn-transparent{ @include button-variant($btn-primary-bg, transparent, $btn-primary-bg); &:hover{ @include button-variant($btn-primary-bg, darken($btn-primary-bg, 25%), $btn-primary-bg); } } } .btn-success{ &.btn-inverse{ @include button-variant($btn-success-bg, $btn-success-color, $btn-success-bg); &:hover{ @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); } } &.btn-transparent{ @include button-variant($btn-success-bg, transparent, $btn-success-bg); &:hover{ @include button-variant($btn-success-bg, darken($btn-success-bg, 25%), $btn-success-bg); } } } .btn-info{ &.btn-inverse{ @include button-variant($btn-info-bg, $btn-info-color, $btn-info-bg); &:hover{ @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); } } &.btn-transparent{ @include button-variant($btn-info-bg, transparent, $btn-info-bg); &:hover{ @include button-variant($btn-info-bg, darken($btn-info-bg, 25%), $btn-info-bg); } } } .btn-warning{ &.btn-inverse{ @include button-variant($btn-warning-bg, $btn-warning-color, $btn-warning-bg); &:hover{ @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); } } &.btn-transparent{ @include button-variant($btn-warning-bg, transparent, $btn-warning-bg); &:hover{ @include button-variant($btn-warning-bg, darken($btn-warning-bg, 25%), $btn-warning-bg); } } } .btn-danger{ &.btn-inverse{ @include button-variant($btn-danger-bg, $btn-danger-color, $btn-danger-bg); &:hover{ @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); } } &.btn-transparent{ @include button-variant($btn-danger-bg, transparent, $btn-danger-bg); &:hover{ @include button-variant($btn-danger-bg, darken($btn-danger-bg, 25%), $btn-danger-bg); } } } /*Side-menus*/ .sidebar-menus{width:18%; float:left; height:auto; margin-top:0px; position: absolute; background:#ffffff; border-right:1px solid #ddd; } .sidebar-menus a:hover{color:#666!important;} .sidebar-menus .menu{padding: 5px 30px; font-weight:600; font-size:14px; color:#666; border-bottom: 1px solid #fff;} .sidebar-menus .menu1{padding: 3px 5px; background: url(../images/client/tenant-lite/tenant-lite-2/plus_999.png) no-repeat 10px 7px ;border-bottom: 1px solid #fff;border-top: 1px solid #dfdfdf; } .sidebar-menus .menu1 a{font-size:12px; color:#1c64a1; display:block; padding-left: 25px;} .sidebar-menus .menu2{padding: 0px 10px; line-height:20px;} .sidebar-menus .menu2 a{font-size:12px; color:#1c64a1; display:block; padding-left: 25px; font-size: 12px;} .sidebar-menus .menu2.active a{color:#666; font-size:12px;} .sidebar-menus .menu1.alt{background: url(../images/client/tenant-lite/tenant-lite-2/minus_999.png) no-repeat 10px 9px ; border-bottom: 1px solid #fff;border-top: 1px solid #dfdfdf;} .sidebar-menus .menu1.no-menu{background:none;} .sidebar-menus .menu1 a.click{color:#666;} .side-menu{background: url(../images/client/tenant-lite/tenant-lite-2/menu_999.png) no-repeat left 0px; float: left; width: 20px; height: 20px; left: 7px;margin-top: 20px; position: absolute;} .sidebar-menus ul ul{display:none;} .sidebar-menus ul ul.alt{display:block;} .border-down{border-bottom:1px solid #dfdfdf;} .bordercdmt-m{border-bottom:0px dotted #333;} /*Side-menus-ends*/ /*content page starts*/ /*body container*/ .pageHeading{background:#e0e7ef; color:#556171; height: 50px; border-bottom:1px solid #546172;width: 100%;} .center-page{width:100%; margin:0 auto;} .container .container-inner-single{background:#fff; /*border:1px solid #ddd;*/ border-top:3px solid #6b6b6b; padding:10px; width:100%!important; margin:0px; } .container .container-inner-multiple{/*background:#fff; border:1px solid #ddd ; box-shadow:1px 1px 4px #ddd; */ border-top:0px solid #737373; padding:10px!important;} .container .container-inner-home{width:98%; height:auto; background:#fff; float:right; border:1px solid #eee; } .container .container-inner-small{width:99%;/* margin: 10px 10px 10px 0px;border:1px solid #cfdbec; float:right;*/height:auto; background:#fff; margin-left: 6px;} .container .container-inner-small:hover{box-shadow:1px 1px 4px #ddd;} .container .container-inner-small .container-inner-block{/*width:96%;*/ margin:0px 0px 15px; background: #fff; float:left; padding:10px; } #ProfileView .container-inner-block, .myprofile-shadow{box-shadow: 0px 0px 8px 4px lightgray; border-radius: 15px;} .container-inner-small.inner-big{/*width: 98%;*/} .container .container-inner-small .zero-margin{margin-top:0; margin-bottom:0;} /*page heading*/ .main-heading{font-size:18px !important; color:#546172; float: left; /*text-transform:uppercase ;*/ font-weight: 600; letter-spacing: -0.9px; } /*info line*/ .main-heading.alt{font-size:14px !important; padding-top:3px; font-weight: normal; /*text-transform: none;*/} /*-----myprofile myteam -----*/ #toggleSwitch{ height:20px;z-index:9;position:relative;display:none;margin-top: 3px; } #actionItemsInSlideDropDownOptions{ font-size: 16px;font-color:black;margin-top: 3px; } .li_f_slide_dropDown{ margin-top: 7px;margin-left:13px;display: block;float: none;z-index:9;position:relative; } #actionItemsInSlideDropDownOptions{ font-size: 16px;font-color:black;margin-top: 3px; } #actionItemsInSlideDropDownOptions a{color:#666!important;transition: transform .2s;} #actionItemsInSlideDropDownOptions a:hover{color:#000!important;transform: scale(1.5);} .li_float_right a{color:#666!important;transition: transform .2s;display:inline-block;} .li_float_right a:hover{color:#000!important;transform: scale(1.3);} #profileEmploymentDetails{ width:35%; } #content .content-first{width: 100%; height: auto; margin:0 auto;} #content .content-first .first-line{margin-left:0px; height: 38px;} /*search box*/ .search-item{float:left; margin:7px 15px 7px 7px; width:216px; padding:0px 6px 0px 0px; border-right: 1px solid #ccc;} .search-item input{width:180px; padding: 0px 0px 0px 8px; height:28px; color:#333; font-size:12px; box-shadow: 1px 1px 0px 0px #f3f3f3 inset; border: 0px solid #f3f3f3; outline:none; background:#fbfbfb url(../images/client/tenant-lite/tenant-lite-2/search.png) no-repeat 165px;} .search-item a{background:url(../images/client/tenant-lite/tenant-lite-2/cancel.png) no-repeat; width:16px; height:16px; float:right; margin:6px 0 0 0; padding-left:5px; cursor:default !important;} /*Filter box*/ .filter-item{height:28px;border:0px solid #f3f3f3; /*width:98%; */ font-size:12px; color:#333; margin:7px 15px; } .filter-item label{border-bottom-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; color: #333; float: left; font-size: 15px; font-weight: bold; line-height: 26px; padding-bottom: 0; padding-left: 10px; padding-right: 10px; padding-top: 0; text-transform: none; width: 89%;margin-bottom: 10px;} .filter-item ul.filter-list{list-style:none; /*margin-left:50px;*/ font-size:12px; color:#333;} .filter-item ul li{float:left; padding: 0px 0 0px 8px; /*background:#fbfbfb;*/ position:relative; /*height: 28px;*/line-height: 28px; margin-bottom: 7px; width:100%; } .filter-item li.more{width:44px;color: #39F;text-decoration:none;border-bottom: 1px dotted; margin:0 3px 0px 3px} .filter-item li.more:hover{border-left:1px solid #f3f3f3;width:44px;color: #666;text-decoration:none;border:0;} .filter-item li.plus{width:22px; background:url(../images/client/tenant-lite/tenant-lite-2/plus-add.png) no-repeat center; cursor:pointer;} .filter-item li.plus:hover{width:22px; background:url(../images/client/tenant-lite/tenant-lite-2/plus-hover.png) no-repeat center; cursor:pointer;} .filter-item li.refresh{width:22px; background:url(../images/client/tenant-lite/tenant-lite-2/refresh.png) no-repeat center;} .filter-item ul li a{display:block; cursor:pointer; float:left; /*width:100%;*/ color:#39f;line-height:13px;margin:7px 0 0 0;} .filter-item ul li ul li{width:85px;} .filter-item ul li ul li a{display:block; cursor:pointer; float:left; width:100%; color:#666;} .filter-item ul li a:hover{color:#666;border:0} /*sort box*/ .sort-items{float:right; margin: 7px 7px 7px 15px; border-left: 1px solid #ccc; padding: 0px 0px 0px 20px;} .sort-items li{border:1px solid #f3f3f3; float:left; height:28px; line-height: 28px; padding-left:10px; background: url(../images/client/tenant-lite/tenant-lite-2/down-arrow.png) no-repeat 100px; position:relative; } .sort-items ul{list-style:none; margin-left:0px; font-size:12px; color:#333;} .sort-items a{display:block; cursor:pointer; float:left; width:110px; color:#666;} /* minor links*/ .del-rem-hide{float:left; margin:16px 15px 0px 7px; height:28px;} .del-rem-hide a{font-size: 13px; color:#1c64a1; font-weight:normal; text-transform: none; } .del-rem-hide a:hover{color:#3399cc; text-decoration:underline; } .del-rem-hide span{color:#333;} /*pagination*/ .pagination{float:left; margin:12px 15px 7px 15px;} .pagination .page-numbers label{float:left; line-height:25px;} .pagination .page-numbers{list-style:none; font-size:12px; color:#333; height:26px;} .pagination .page-numbers li{float:left; text-align:center; border-left:1px solid #f3f3f3; line-height: 27px; width:30px; height:26px; background:#fbfbfb;} .pagination .page-numbers li.alt{border-left:none;} .pagination .page-numbers li.alt1{box-shadow: 1px 1px 0px 0px #cbcaca inset; border: 0px solid #e2e1e1; background:#eeeded;} .pagination .page-numbers a{display:block; cursor:pointer; float:left; width:30px; color:#333;} .pagination .page-numbers a:hover{color:#3399cc; font-weight:600;} /*main buttons*/ .main-buttons{float:right; margin:6px 7px 7px 15px; text-align:center;} .main-buttons ul{list-style:none;} .main-buttons ul ul{display:none; position:absolute; left: -10px;} .main-buttons ul li{float:left; position:relative; margin:0 0 5px 0; margin-left: 10px; line-height: 28px; font-size:14px!important; border-radius:4px; background-attachment: scroll; background-clip: border-box; background-color: #1c64a1; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; /* margin-top: 16px;*/ text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); cursor:pointer} .main-buttons ul li:hover{background-color: #0c426f;} .main-buttons ul li a{padding:5px 15px; display: block; float: left; color: #fff;} .main-buttons a:hover{} .modal-body .main-buttons ul li a{ padding: 5px 15px!important;/*border: 1px solid #2f3031;*/} .main-buttons a.more-actions{background:#1c64a1 url(../images/client/tenant-lite/tenant-lite-2/down-arrow-white.png) no-repeat 52px; color:#fff; text-align: left;} .main-buttons ul ul li{margin-top:2px;} .center-menu-1{width:200px; margin:0 auto;} .center-item{width: 416px;margin:0 auto;} /*main buttons ends*/ /*footer*/ .container .footer{font-size:10px; font-size: 12px; line-height: 22px; width:100%; border-top:1px solid #ccc; } .container .footer .footer-outer{width:20%; margin:0 auto;} .footer a.li_f_button{color:#333;} .container .footer .poweredby{float:left; padding: 4px 5px 0px 0px;} .container .footer .footer-logo{background:url(../images/client/tenant-lite/tenant-lite-2/footer-logo.png); width:138px; height:19px; float:left;} /*footer*/ /*scenerios*/ .first-line.scene2 .more, .first-line.scene2 .plus{display:none;} .first-line.scene2 .filter-item{width:349px;} .first-line.scene2 .center-item{width: 310px;} .first-line.scene3 .more, .first-line.scene3 .plus, .first-line.scene3 .filter{display:none;} .first-line.scene3 .filter-item{width:266px;} .first-line.scene3 .center-item{width:278px;} .first-line.scene4 .filter-item{width:417px;} .first-line.scene4 .filter-item li.more{background:#fbfbfb url(../images/client/tenant-lite/tenant-lite-2/down-arrow.png) no-repeat 50px; width:57px;} .first-line.scene4 .filter-item li.plus{display:none;} .first-line.scene4 .filter-item li.refresh{width:22px; background:url(../images/client/tenant-lite/tenant-lite-2/refresh.png) no-repeat center;} .first-line.scene4 .filter-item li{background:#fbfbfb; width:72px;} .first-line.scene5 .pagination{float:right; margin:8px 8px 0px 0px; padding: 0px 0px 0px 20px; border-left: 1px solid #ccc;} .first-line.scene6 .filter-item, .first-line.scene13 .filter-item{margin:7px 7px;} .first-line.scene9 .filter-item{margin:7px 7px; float:right;} .first-line.scene11 .filter-item{margin:7px 20px; float:left;} .first-line.scene11 .del-rem-hide{float:left; margin:10px 15px 0px 7px; height:28px;} .first-line.scene11 .del-rem-hide a{font-size: 12px; color:#1c64a1; font-weight:normal; } .first-line.scene11 .del-rem-hide a:hover{color:#3399cc; text-decoration:underline; } .first-line.scene11 .del-rem-hide span{color:#333;} .first-line.scene11 .main-buttons{float:right; margin:6px 7px 7px 7px; text-align:center;} .first-line.scene11 .main-buttons ul{list-style:none;} .first-line.scene11 .main-buttons ul li{float:left; position:relative; margin:0 0 5px 0;} .first-line.scene11 .main-buttons ul ul{display:none; position:absolute; top:32px;} .first-line.scene11 .main-buttons a{padding: 1px 20px; width: 47px; height: 30px; display: block; float: left; margin-left: 10px; line-height: 28px; font-size:14px !important; color:#fff; background:#1c64a1; } .first-line.scene11 .main-buttons a:hover{background:#3399cc;} .first-line.scene11 .main-buttons a.more-actions{background:#1c64a1 url(../images/client/tenant-lite/tenant-lite-2/down-arrow-white.png) no-repeat 65px; color:#fff; text-align: left;} /*ends scenerio*/ /*dropdowns*/ #dropdown-filter{display:none; position:absolute; top:29px; left:0px; height:100px; overflow-y:scroll; z-index: 999;} #dropdown-filter ul{list-style:none;} #dropdown-filter ul li{background:#fbfbfb; border-bottom:1px solid #f3f3f3; padding-left: 8px;} #dropdown-filter ul li a:hover{color:#3399cc;} #dropdown-sortby{display:none; position:absolute; top:29px; right: -13px; height:100px; overflow-y:scroll; z-index: 999;} #dropdown-sortby ul{list-style:none;} #dropdown-sortby ul li{background:#fbfbfb; border-bottom:1px solid #f3f3f3; padding-left: 8px;} #dropdown-sortby ul li a:hover{color:#3399cc;} /*starts Payroll Page*/ #header.alt{margin-top:35px;} .first-line .filter-item ul li.status.alt{background:#fbfbfb url(../images/client/tenant-lite/tenant-lite-2/down-arrow.png) no-repeat 78px; width:88px; } .status.alt #dropdown-filter{overflow-y:hidden;} #content.alt .filter-item{width:360px;} #content.alt .filter-item ul li{padding-left:8px;} #content.alt .center-item{width:290px;} /*Steps*/ .horizontal-steps ul li label input{position:absolute; top:-9999999px; left:-9999999px;} .horizontal-steps{position: sticky; padding:5px 0px; margin-top:15px;margin-left: 1px; width:90%; } .horizontal-steps ul{list-style:none; } .horizontal-steps ul li{float:left; margin-left:-2px; line-height: 24px;} .horizontal-steps ul li.step-1{margin-left:2px;} .horizontal-steps ul li:before{width:0; height:0; position:absolute; border:17px solid transparent; border-left:17px solid #fff; content:""; top: 0px; } .horizontal-steps ul li:after{width:0; height:0; position:absolute; border:17px solid transparent; border-left:17px solid #333; content:""; top: 0px;} .horizontal-steps ul li:hover:after{border-left: 17px solid #1c64a1;} .horizontal-steps ul li.step-1:before,.horizontal-steps ul li.step-4:after{border:none; border-left:none;} .horizontal-steps ul li a, .horizontal-steps ul li label{cursor:pointer; font-size:14px; color:#333; padding: 0 22px 15px 41px; margin-left:-2px; float:left; width: auto; } .horizontal-steps ul li.step-1 a,.horizontal-steps ul li.step-1 label{padding:0 16px 0 0; /*width:126px;*/} .horizontal-steps ul li a:hover, .horizontal-steps ul li label:hover{color:#1c64a1;} .horizontal-steps li.alt a, .horizontal-steps li.alt label{color:#1c64a1} .horizontal-steps li.alt:after{border-left: 17px solid #1c64a1;} .horizontal-steps ul li span{padding: 4px; margin-top:2px; border-radius:3px; color: #fff; background: #fc6f12; float: right; line-height:11px; margin-left:5px;} .nofbreaks{padding: 4px; margin-top:2px; border-radius:3px; color: #fff; background: #fc6f12; line-height:11px; margin-left:5px;} .horizontal-steps ul li:first-child label{padding-left:20px !important;} /* .horizontal-steps ul li a span{width: 16px; height: 24px; background: #f3f3f3; float: left; color:#333; padding: 0 0 0 8px; margin: 0px 10px 0px 0px; border-radius:12px;} .horizontal-steps ul li a:hover span{color: #fff; background: #1c64a1; -webkit-transition:background 0.3s, color 0.3s;} .horizontal-steps ul li.step-5 a span{background:#f3f3f3 url(../images/client/tenant-lite/tenant-lite-2/plus-add-999.png) no-repeat center ;} .horizontal-steps ul li.step-5 a:hover span{background:#1c64a1 url(../images/client/tenant-lite/tenant-lite-2/plus-add-w.png) no-repeat center;} .horizontal-steps .step-1.alt a span{color: #fff; background: #1c64a1;} */ /*-----------------tds-advice---*/ .tds-box{border:1px solid #ddd; padding:5px;transition: box-shadow .25s ease-in-out;} .tds-box:hover{background:#ddd; color:#000; box-shadow:0px 4px 14px #ddd;} .breakRecord{background:rgba(94, 153, 219, .21) !important; border:1px solid rgba(94, 153, 219, .21) !important; width:80px; margin-bottom:2px; text-align:center;} .calculatedBg td{background:rgba(237, 161, 53, .11) !important;} .top-menus .top-info .name-info strong a{color:#ffffff; text-decoration:underline;} .top-menus .top-info .name-info strong a{text-decoration:none;} .top-menus .logo img{-webkit-transition:width 0.5s, height 0.5s; max-width: 100%; max-height: 60px;} .top-menus-small .logo img{width: auto; max-height: 30px;} .top-menus-small .profile-pic img{width: auto; height: 30px;} .bread-pos{position:absolute; top:79px; left:12px;} .container .li_render_tabs .border-down{border-bottom:none !important;} .container .li_render_tabs{margin:0; width:100%;/* border-bottom:3px solid #1c64a1; margin-bottom:20px;*/ height:36px;} /* default theme */ .li_render_tabs .selectedHT{background:#1c64a1; } .li_render_tabs{/*border-bottom: 4px solid #1c64a1;*/} .li_settings_box td.li_sett_links a{color:#1c64a1;} #panel.instruction p{clear:both; line-height: 20px;} #panel.instruction ul li a{float:none; display: inline; font-size: 14px; padding: 0; text-decoration: underline;} #panel.instruction ul li ul{float:none; display:block; clear:both; margin:0 0 0 35px; font-size:12px;} .fancybox-skin{border-radius:0 !important;} .fancybox-lock .fancybox-overlay{overflow:hidden !important;} .filter-item ul li.filter{background-position:95% 50%; } .filter-item ul li.search-emp{} .filter-item ul li select{ display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border-radius: 0; background: #fff; font: 13px/19px 'Open Sans', Helvetica, Arial, sans-serif; color: #404040; appearance: normal; -moz-appearance: none; -webkit-appearance: none; width: 94%; border:1px soild #ddd; padding:2px;text-transform: none; padding-right: 20px; } /**/ /* selects */ /**/ .filter-item ul li.select i{ position: absolute; top: 11px; right: 14px; width: 5px; height: 11px; background: #fff; /*box-shadow: 0 0 0 12px #fff;*/ } .filter-item ul li.select i:after, .filter-item ul li i:before{ content: ''; position: absolute; right: 5px; border-right: 4px solid transparent; border-left: 4px solid transparent; } .filter-item ul li i:after{ bottom: 0; border-top: 4px solid #404040; } .filter-item ul li i:before{ top: 0; border-bottom: 4px solid #404040; } .filter-item .select-multiple select{ height: auto; } .select option{background:#fff; color:#05647b; border:1px soild #ddd; padding:3px; font-weight:500; font-size:14px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap;word-wrap: break-word; width:158px;} .filter-item ul li input{border:1px solid #ddd; width:91%; padding:2px;} .filter-item ul li select:focus, .filter-item ul li table td input:focus, .filter-item ul li input:focus{box-shadow:none;} .filter-item ul li select option{ background: #fafafa; background: transparent; padding:2px; border-image-source: none; } .filter-item ul li.adv-search{height:100px; width: 640px; padding-top: 5px; background-image: none;} .filter-item ul li table td input{ border: 1px solid #F3F3F3; color: #333999; font-size: 12px; outline: medium none; } .filter-item ul li.adv-search table td select{background:#fff; border: 1px solid #F3F3F3; margin-left:8px;} .filter-item ul li table td input.li_big_red{background:transparent;} .filter-item ul li.filter a{display:inline; color:#1c64a1; float:none; text-decoration:underline; } .ui-dialog .ui-dialog-buttonpane button{color:#fff; background:#2372b6!important; border:0px solid #2372b6 !important; border-radius:4px !important; padding:4px 6px !important; margin:0px 5px!important; } .ui-dialog .ui-dialog-buttonpane button:hover{background:#055091!important; border:0px solid #2372b6 !important;} .ui-dialog, .ui-widget-header .ui-state-default{border-radius:6px !important; } .ui-dialog .ui-dialog-titlebar{background:#2372b6; color:#fff; border-radius:4px;border:1px solid #2372b6; } .ui-dialog .ui-dialog-titlebar-close button{background:none!important;} .ui-widget-header .ui-state-default{background:#fff !important; border:2px solid #2372b6;} .ui-dialog .ui-dialog-title{ font-size: 15px !important; font-weight: normal !important;} .ui-dialog .ui-dialog-titlebar-close{background: url(../images/client/tenant-lite/tenant-lite-2/cancel.png) no-repeat 0 4px;border:none!important;} .ui-dialog .ui-widget-content p{font-size:14px; margin:0px; padding:0px;} /*Appraisal*/ .container-inner-small.appraisal{margin-top:0px;} #header.appraisal ul .more-tabs,#header-app.appraisal ul .more-tabs{height:30px; position:relative; background:#1c64a1 url(../images/client/tenant-lite/tenant-lite-2/more-tabs.png) no-repeat center; cursor:pointer; border-radius:4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color:#fff;} #header.appraisal ul .more-tabs:hover,#header-app.appraisal ul .more-tabs:hover{background:#e0e0e0 url(../images/client/tenant-lite/tenant-lite-2/more-tabs-h.png) no-repeat center; border: 1px solid #e0e0e0; border-radius:4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color:#1c64a1; } #header.appraisal ul .selected-tab,#header-app.appraisal ul .selected-tab{margin:0; float:left; margin-top:3px;} #header.appraisal ul .selected-tab a,#header-app.appraisal ul .selected-tab a{cursor: default; background:none;color:#333 !important;} #header.appraisal ul .selected-tab a:hover,#header-app.appraisal ul .selected-tab a:hover{background:none;} #header li.ques,#header-app li.ques{background:url(../images/client/tenant-lite/tenant-lite-2/ques.png) 0px 16px no-repeat ; width:16px; height:32px; cursor:pointer; position:relative; float:left;} #header li.ques:hover,#header-app li.ques:hover{background:url(../images/client/tenant-lite/tenant-lite-2/ques-h.png) no-repeat 0px 16px;} #header.scrollappraisal ul .more-tabs:hover,#header-app.scrollappraisal ul .more-tabs:hover{background:#fff url(../images/client/tenant-lite/tenant-lite-2/more-tabs-h.png) no-repeat center; border: 1px solid #f3f3f3; } #header.scrollappraisal ul .selected-tab,#header-app.scrollappraisal ul .selected-tab{margin-left:-15px; background:#fff; float:left;} #header.scrollappraisal ul .selected-tab a,#header-app.scrollappraisal ul .selected-tab a{cursor: default; background:none;color:#333 !important;} #header.scrollappraisal ul .selected-tab a:hover,#header-app.scrollappraisal ul .selected-tab a:hover{background:none;} #header li.ques,#header-app li.ques{background: url(../images/client/tenant-lite/tenant-lite-2/ques.png) 0px 16px no-repeat ; width:16px; height:35px; cursor:pointer; position:relative; float:left; color:#1c64a1} #header li.ques:hover,#header-app li.ques:hover{background:url(../images/client/tenant-lite/tenant-lite-2/ques-h.png) no-repeat 0px 16px;} .dropdown-tabs{width: 250px; position: absolute; top: 31px; left:-1px; display:none; z-index: 9999; box-shadow:1px 2px 4px #ccc; border-radius:4px 4px 0px 0px;} .dropdown-tabs:before{position:absolute; top:0px} .dropdown-tabs ul li{width:100%; border-bottom: 1px solid #ccc;} .dropdown-tabs ul li a{background:#fff !important; color:#333 !important; padding: 0px 9px !important;} .dropdown-tabs ul li a:hover{color:#1c64a1!important;} .selected-tab strong{color:#1c64a1;} .slider-box-outer.inner-big{width: 100%;} .record-outer{width: 83%; float:left; } .record-outer.inner-big{width:100%;} .record-count{display:table; margin:0 auto; font-size:12px; color:#333; } .slider-btn-prev{float:left; width:40%; margin-top: 10px;} .slider-btn-prev .all-prev{background:url(../images/client/tenant-lite/tenant-lite-2/all-prev.png) no-repeat ; width:16px; height:16px; float:right; margin:0 10px;} .slider-btn-prev .prev{background:url(../images/client/tenant-lite/tenant-lite-2/prev.png) no-repeat ; width:8px; height:12px; float:right; margin-top: 2px;} .slider-btn-next{float:left; width:5%; margin-top: 10px;} .slider-btn-next .all-next{background:url(../images/client/tenant-lite/tenant-lite-2/all-next.png) no-repeat ; width:16px; height:16px; float:left; margin: 0 10px;} .slider-btn-next .next{background:url(../images/client/tenant-lite/tenant-lite-2/next.png) no-repeat ; width:8px; height:12px; float:left; margin-top: 2px; } .slider-btn-prev .all-prev:hover{background:url(../images/client/tenant-lite/tenant-lite-2/all-prev-h.png) no-repeat ; } .slider-btn-prev .prev:hover{background:url(../images/client/tenant-lite/tenant-lite-2/prev-h.png) no-repeat ;} .slider-btn-next .all-next:hover{background:url(../images/client/tenant-lite/tenant-lite-2/all-next-h.png) no-repeat ;} .slider-btn-next .next:hover{background:url(../images/client/tenant-lite/tenant-lite-2/next-h.png) no-repeat ;} .slider-box-outer.inner-big{width: 100%;} .slider-outer{float: left; width: 20%;} .slider-box{display: table; margin: 0 auto; background:#fff; padding:3px 5px 3px 5px ; font-weight:600; font-size:12px; color:#666;} .slider-box span{font-weight:normal;} .slider-box img{float:left; margin:2px 5px 0 0;} .appraisal-block{border-bottom: 1px solid #f3f3f3; float: left;width: 100%; padding-bottom: 20px; margin-top:5px; margin-bottom: 20px;} .appraisal-heading{color: #333; font-size: 14px; font-weight: normal; } .appraisal-sub-heading{font-size: 12px; color: #666; font-weight:normal; margin-top:10px;} .result .top{float:left; width:100%; margin:15px 0;} .result .bottom-outer{float:left; width:100%;} .result label{width:7%; text-align:right; color:#333; font-size:12px; float:left; line-height:28px;} .result span{width:auto;color:#666; font-size:12px; margin-left:20px; float:left; line-height:28px;} .bottom .sort-items{border-left:none; margin:0 0 0 20px; padding:0; float:left;} .bottom .sort-items li{background-position:155px;} .bottom .sort-items a{width: 165px;} .bottom-outer textarea{margin-left: 20px;width:620px; height:51px;outline: none;border-color: #f3f3f3;color: #666; padding: 5px 10px ; font-size: 12px; resize: none;} #panel.question{display:none; width: 700px; padding: 10px 24px; top:40px; background:#ffe; font-size:14px; border: 1px solid #E2A70F; left:-25px;} #panel.question ul{list-style:none; float:left; list-style-image:url('../images/client/tenant-lite/tenant-lite-2/arrow.png');} #panel.question ul li{line-height:24px; background-color:transparent;} #panel.question h3{float:left; color:#333;} #panel.question:before{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #E2A70F; content:""; top: -21px; left: 21px; } #panel.question:after{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #ffe; content:"";top: -20px; left: 21px; } .switch{float: right; margin-top: 2px; right: 0;} .switch a,.switch label{font-size:12px; color:#666; padding: 3px 9px; cursor:pointer; border-radius:4px;padding:6px 9px 7px 9px; background:#e0e0e0; margin:0px 10px;} .switch label input{position:absolute; top:-9999999px; left:-999999px;} .switch .active{background:#1c64a1; color:#fff; border-radius:4px; padding:6px 9px 7px 9px; margin:0px 10px;} .main-btn{float:right; margin:15px 10px; line-height: 30px; } .main-btn a:first-child{padding: 6px 18px;} .main-btn a{background:#014580; background-image: -moz-linear-gradient(center top, #014580 20%, #105692 100%); cursor: pointer; font-size: 14px; font-weight: normal; line-height: 27px; margin:4px; padding: 6px 8px; border-radius:4px; color:#fff; cursor:pointer;} .main-btn a:hover{background-color:#105692; background-image: -moz-linear-gradient(center top, #1c64a1 20%, #1c64a1 100%); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color:#fff; text-decoration:none;} .tooltip.app-tool{left:-30px; width:94px;bottom:42px; line-height: 14px;} .tooltip.app-tool:before{top:40px; right:50%;} .tooltip.tm-app{right: -50px; width: 140px; bottom: 40px; line-height: 14px;} .tooltip.tm-app:before{top:40px; right:50%;} .container-inner-small.appraisal .emp-name{margin-top:0px;} .appraisal-sub-heading .search-item{margin: 0 0 0 20px;} .appraisal-sub-heading .search-item input{background:#f3f3f3;} .attributes{list-style:none; width:97.5%;} .attributes li:first-child{margin:0px; padding:10px; border-bottom:1px solid #f3f3f3; color: #333;font-size: 14px;} .attributes li{width: 92%; margin:5px; float:left;} .attributes li a{display:block; float:left; padding:5px; color:#666; font-size:14px;width: 95.8%; position:relative;} .attributes li a.selected, .attributes li a:hover{color:#fff; background:#1c64a1; } .attributes li a:hover:before, .attributes li a.selected:before{width:0; height:0; position:absolute; border:10px solid transparent; border-left:10px solid #1c64a1; content:""; top: 0px; right: -19px; } .next-form{float:left; margin: -4px 10px 0;} .next-form label{color:#333; font-size:15px; line-height:32px;} .next-form span{font-size: 14px; color: #3399cc; margin: 0 5px;} #faq .close-faq-panel{position:relative; top:8px; right:10px; background:url(../images/client/tenant-lite/tenant-lite-2/close-faq.png) no-repeat center top; width:12px; height:12px; float:right;} .open-faq{color:#1c64a1;} .white-bg{/*background: #fff; box-shadow: 0px 1px 1px #333;*/ position:fixed !important; top:38px; height:51px; margin-left:-1.9%; left:4%; width: 95.9%; display:none;} .white-bg-grey{background: #fff; position:fixed !important; top:38px; height:60px; margin-left:-3.5%; left:4%; width: 95.9%; display:none; border: solid #f3f3f3; border-width: 1px 5px 5px 5px;} .gray-bg{height: 180px; /*background-color: rgb(243, 243, 243);border-radius:70px; border: 2px solid #1c64a1; */ left:0px; width:100%; z-index: 0; position: absolute; margin:15px 0px;} .gray-bg-thin{height: 20px; background-color: rgb(243, 243, 243); position:relative; left: -26px; width: 100%; border-top: 1px solid rgb(204, 204, 204); z-index: 0;} .pos-app-emp-panel{position:relative; top:0px; z-index:2} .fix-panel{position:fixed !important; top:90px; height:50px; margin-left:4.5%; width: 95.1%;} .fix-panel-emp{position:fixed !important; top:95px; width:70%; margin-left: 18%;} #header.pos-att-button,#header-app.pos-att-button{margin:20px 0px; right: 38px; width: 100%; border-bottom:0px!important;} #header.pos-att-button2,#header-app.pos-att-button2{position:absolute; top:-77px; left:40px; width:550px} .pos-next-button{right:0; /*top:-14px; position:absolute;*/} .pos-next-button2{position:absolute; right:0; top:-10px;} .pos-next-button-fix{/*position:fixed !important; top:100px; padding-right: 45px;*/} .pos-next-button-fix-dropdown{/*position:fixed !important; top:25px; width:90% !important; z-index:999; left:4%;*/} .display-it{display:block !important; z-index:10;} .display-hide{display:none !important; z-index:10;} .fix-preport-btn{/*position: fixed !important; top: 45px; width: 91.5%; z-index: 99;*/} #header.fix-form-name{/*position:fixed !important; top:25px; z-index:999; margin-left:65px; left:2%;*/} #header.fix-form-emp-attr{/*position:fixed !important; top:25px; z-index:999; margin-right:45px;*/} .li_items td.li_l_side{width:9px; background:#f3f3f3 url('../images/client/tenant-lite/tenant-lite-2/li_list_curve_left.png') no-repeat top left;} .li_items td.li_r_side{width:9px; background:#f3f3f3 url('../images/client/tenant-lite/tenant-lite-2/li_list_curve_right.png') no-repeat top right;} .li_items .li_item_head{background-color:#1c64a1;} .tool-list{background: #fff; z-index: 999; width: 77.75%; right: 26px; border: solid #f3f3f3; border-width: 1px 5px 5px 5px;} /*login page css*/ .login-image{width:73%; min-height:478px; float:left; background:url(../images/client/tenant-lite/tenant-lite-2/login-image.jpg) center no-repeat; background-size:contain; background-color:#1160a2; display:block;} .login-details{min-height:454px; width:378px; border-left:6px solid #1660a1; background: rgba(255, 255, 255, 0.9); position:relative; float:right;} .login-details.alt{background:#fff; position:absolute; right:0; float:right; width:378px; border:none;} .login-details .details-outer{position:absolute; right:18px; top:40px;} .login-details.alt .details-outer{position:absolute; right:18px; top:8px;} .login-logo{width:300px; height:65px; background: #fff url(../images/client/tenant-lite/tenant-lite-2/login-logo.png) no-repeat center 7px; float:left; background-size:contain; padding:0px;} .login-fields{float:left; color:#666; border-bottom: 1px solid #1660a1 ; width: 100%; padding: 0px 0px 25px 0px; margin-top: 0;} .login-fields div{margin: 15px 0; font-size:14px;} .username input{width:235px; padding: 0px 15px 0px 28px; height:36px; color:#333; font-size:12px; box-shadow: 1px 1px 0px 0px #f3f3f3 inset; border: 0px solid #f3f3f3; outline:none; background:#f3f3f3 url(../images/client/tenant-lite/tenant-lite-2/icon_login.png) no-repeat 6px 10px; margin-top: 10px;} .password input{width:235px; padding: 0px 15px 0px 28px; height:36px; color:#333; font-size:12px; box-shadow: 1px 1px 0px 0px #f3f3f3 inset; border: 0px solid #f3f3f3; outline:none; background:#f3f3f3 url(../images/client/tenant-lite/tenant-lite-2/icon-pass.png) no-repeat 6px 10px; margin-top: 10px;} .company input{width:235px; padding: 0px 15px 0px 28px; height:36px; color:#333; font-size:12px; box-shadow: 1px 1px 0px 0px #f3f3f3 inset; border: 0px solid #f3f3f3; outline:none; background:#f3f3f3 url(../images/client/tenant-lite/tenant-lite-2/login-company.png) no-repeat 6px 10px;margin-top: 10px;} .copyright{font-size:10px; color:#666;} /*button-login*/ .button-blue{ background: #1160a2; background: -webkit-gradient(linear, left top, left bottom, from(#258aca), to(#1160a2) ); background: -moz-linear-gradient(-90deg, #258aca, #1160a2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#258aca', endColorstr='#1160a2'); } .button-c-white{color:#fff !important;} .button{ text-decoration: none; font: bold 16px "Arial","Tahoma","Verdana",sans-serif; display: inline-block; text-align: center; border: 1px solid #9c9c9c; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); } .button, .button span{-moz-border-radius: .2em; border-radius: .2em;} .button span{border-top: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.5); display: block; padding: 0.3em .7em; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))); background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%); /* Pattern settings */ -moz-background-size: 3px 3px; -webkit-background-size: 3px 3px; background-size: 3px 3px; } .button:active{position: relative; top: 1px; } .button-blue:hover{background: #258aca; background: -webkit-gradient(linear, left top, left bottom, from(#1160a2), to(#258aca) ); background: -moz-linear-gradient(-90deg, #1160a2, #258aca); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1160a2', endColorstr='#258aca'); } .button-blue:active{background: #1160a2;} .login-problems{margin-top: 7px; margin-right: 36px; padding: 5px; font-size:12px; float:right; color:#3399cc;} .login-problems:hover{text-decoration:underline;} .form-heading{font-size: 20px !important;} /*Report-popup-page*/ .popup-inner{/*width:840px;*/ margin:0px auto; background:#fff; padding:20px; padding-top: 0;} .popup-inner .popup-heading{font-size:14px; color:#333; float:left; font-weight:normal;} .popup-inner .popup-heading a{font-size:14px; color:#666; float:left; font-weight:600;} .main-heading.alt{font-size:13px !important; padding: 4px 8px 8px 8px;} .main-heading.popup{font-size:14px !important; padding:10px 0px; border-bottom: 1px solid #333; box-shadow:0px 1px 0px 0px #666; width:100%;} .report-box-outer{overflow-y:auto; float:left; /*height:412px;*/ margin-top:1px;} .report-box{float:left; /*width:378px;margin:10px;*/ border-bottom:1px solid #f3f3f3;padding: 10px 0px; border-radius:5px; /* position:relative;display: flex;flex-wrap: wrap; */} .report-box:hover{background:#eee; color:#000; box-shadow:0px 3px 6px #ddd;} .report-box .popup-heading{padding:8px 8px 4px 8px; /*text-transform:uppercase;*/} /* .ul-outer{float:left;width:100%; /* border-top:1px solid #ddd; } .ul-outer ul{display:table; margin:0 auto; list-style:none;} */ ul .webpage{float:left; text-indent: 26px; background:url(../images/client/tenant-lite/tenant-lite-2/webpage-h.png) no-repeat 6px 6px; } ul .csv{float:left;text-indent: 26px;background:url(../images/client/tenant-lite/tenant-lite-2/csv-1-h.png) no-repeat 6px 6px; } ul .pdf{float:left; text-indent: 26px; background:url(../images/client/tenant-lite/tenant-lite-2/pdf-h.png) no-repeat 6px 6px;} ul .xml{float:left; text-indent: 26px;background:url(../images/client/tenant-lite/tenant-lite-2/xml-h.png) no-repeat 6px 6px; } .ul-outer{font-size:14px; padding:6px 6px 0px 0; text-transform:none;} .ul-outer a{display:inline; color:#1c64a1; font-size:14px; padding:6px 6px 0px 0; margin-right: 10px;border-bottom:1px dotted #333;} .ul-outer a:hover{text-decoration:none; color:#000;} /*My profile page*/ .container-inner-block .container-inner-help{padding:10px;padding-left:20px;font-size: 14px;line-height: 28px;color: #666;} .container-inner-block.alt{margin:0px 10px; } #header.profile{margin-top:10px; height:0px;} .page-info{margin:5px 0; background:rgba(255, 188, 3, 0.81); color:#fff; font-size:12px; font-weight:600; padding:0 5px; height:24px; line-height:24px; position:relative; } .page-info .close-page-info{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq.png) no-repeat center top; width:12px; height:12px; float:right; top: 6px; right: 10px; position: absolute;} .page-info .close-page-info:hover{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq-w.png) no-repeat center top;} .emp-name{font-size:14px; color:#333; font-weight:normal; margin-top:10px !important padding-bottom:14px;/* border-bottom:1px solid #f3f3f3;*/ margin-bottom:0; float: right} .emp-name a{/*float:right;*/} .emp-name .actions a{text-align:left;float:left;} .emp-name .edit{background:url(../images/client/tenant-lite/tenant-lite-2/edit.png) no-repeat center 4px; width:16px; height:28px; padding:0px 10px;} .emp-name .sandwich{background:url(../images/client/tenant-lite/tenant-lite-2/sandwich.png) no-repeat center 4px ;width:16px; height:24px; padding: 0px 10px; border-right:1px solid #f3f3f3;} .emp-name .edit:hover{background:url(../images/client/tenant-lite/tenant-lite-2/edit-h.png) no-repeat center 4px;} .emp-name .sandwich:hover{background:url(../images/client/tenant-lite/tenant-lite-2/sandwich-h.png) no-repeat center 4px;} .emp-name span{float:right;} .emp-pic{/*width: 152px; height: auto; margin-top: 20px; float: left;*/} .emp-info-outer{width:98%; float: left; margin-top: 5px; } .emp-info-outer .emp-inner{float:left; margin: 10px 20px 10px 20px; width: 29%;} .emp-info-outer .emp-inner span{font-size:12px; color:#666; } .emp-code-outer{width: 100% ; float: left; border:5px solid #f3f3f3; margin-top:9px; margin-left:20px;} .emp-code-outer .emp-code-inner{float:left; color:#333; font-size:12px; margin:5px 65px 0px 15px;} .emp-code-outer .emp-code-inner span{color:#666;} .block-heading{border-bottom:1px solid #d0d7e0; cursor:pointer; float:left;color: #333; background:url(../images/client/tenant-lite/tenant-lite-2/minus.png) #d0d7e0 no-repeat 8px 14px; text-indent: 10px; width:100%;} .block-heading.alt{border-bottom:none; background:url(../images/client/tenant-lite/tenant-lite-2/plus.png) no-repeat 0px 16px; } .block-heading span{float:left; width:95.8%; padding:10px;} .block-heading p a{color: #1c64a1;} .li_common_header .edit{background:url(../images/client/tenant-lite/tenant-lite-2/edit.png) no-repeat 3px 2px; width:30px; height:32px; float:right; position:relative;} .li_common_header .edit.dvt{background:url(../images/client/tenant-lite/tenant-lite-2/edit-d.png) no-repeat 3px 2px;} .li_common_header .edit.dvt:hover{background:url(../images/client/tenant-lite/tenant-lite-2/edit-d.png) no-repeat 3px 2px; cursor:default;} .li_common_header .edit:hover{background:url(../images/client/tenant-lite/tenant-lite-2/edit-h.png) no-repeat 3px 2px;} .block-heading .edit{background:url(../images/client/tenant-lite/tenant-lite-2/edit.png) no-repeat center 13px; width:16px; height:32px; float:right; position:relative;} .block-heading .edit.dvt{background:url(../images/client/tenant-lite/tenant-lite-2/edit-d.png) no-repeat center 13px;} .block-heading .edit.dvt:hover{background:url(../images/client/tenant-lite/tenant-lite-2/edit-d.png) no-repeat center 13px; cursor:default;} .block-heading .edit:hover{background:url(../images/client/tenant-lite/tenant-lite-2/edit-h.png) no-repeat center 13px;} .outer{float:left; width:35%; padding:20px 10px 15px 10px;} .outer label{display: block; float: left; width: 47%; font-size:12px; color:#333; text-align:right; line-height:30px;} .outer span{display: block; float: right; width: 47%; font-size:12px; color:#666; line-height:30px;} .sub-heading{float:left; width:98.9%; border-bottom:1px solid #f3f3f3; padding-bottom:10px; color:#333; padding: 15px 0 10px 10px; } .sub-heading .edit{background:url(../images/client/tenant-lite/tenant-lite-2/edit.png) no-repeat center 4px; width:16px; height:24px; padding:0px 10px; float:right;} .sub-heading .plus{background:url(../images/client/tenant-lite/tenant-lite-2/plus_15.png) no-repeat center 4px ;width:16px; float:right; height:24px; padding: 0px 10px; border-right:1px solid #f3f3f3;} .sub-heading .edit:hover{background:url(../images/client/tenant-lite/tenant-lite-2/edit-h.png) no-repeat center 4px;} .sub-heading .plus:hover{background:url(../images/client/tenant-lite/tenant-lite-2/plus_15-h.png) no-repeat center 4px ;} .block-outer .family-box{float:left; width:46%; margin:1%; } .family-box span{font-size:12px; color:#333;} .family-box span.highlighted{font-size:12px; color:#666; font-weight:600;} .block-content{margin-left:1.5%; display:none;} .block-content.alt{display:block;} .block-outer .address-box{float:left; width:46%; margin:1.5% 1.5% 1.5% 0; } .address-box span{font-size:12px; color:#333;} .address-box span.highlighted.alt{font-size:14px; color:#333; font-weight:600; margin-bottom:10px; display:block;} .address-box span.highlighted{font-size:12px; color:#666; font-weight:600; } .profile-box{float: left; margin: 0 0px 0px 20px;} .address-box input{float:left; margin:3px 7px 0 0;} .profile-action{float:right; display:none;} .profile-action .edit{background:url(../images/client/tenant-lite/tenant-lite-2/edit.png) no-repeat center; float:left; width:16px; height:16px; margin:0 5px; } .profile-action .edit:hover{background:url(../images/client/tenant-lite/tenant-lite-2/edit-h.png) no-repeat center; float:left; width:16px; height:16px; } .profile-action .delete{background:url(../images/client/tenant-lite/tenant-lite-2/delete.png) no-repeat center;float:right; width:16px; height:16px; margin:0 5px;} .profile-action .delete:hover{background:url(../images/client/tenant-lite/tenant-lite-2/delete-h.png) no-repeat center;float:right; width:16px; height:16px;} .block-outer .report-to-box{float:left; width:46%; margin:2%; } .report-to-box .report-pic{background:url(../images/client/tenant-lite/tenant-lite-2/girl-65.png) no-repeat center 4px; width:65px; height:65px; float:left; margin-right:10px;} .report-to-box span{font-size:12px; color:#333;} .report-to-box span.highlighted.alt{font-size:14px; color:#333; font-weight:600; display:block; margin-bottom:10px; } .report-to-box span.highlighted{font-size:12px; color:#666; font-weight:600; } .block-outer .publication-box{float:left; width:46%; margin:1.5% 1.5% 1.5% 0; } .publication-box span{font-size:12px; color:#333;} .publication-box span.highlighted.alt{font-size:14px; color:#333; font-weight:600; margin-bottom:10px; display:block;} .publication-box span.highlighted{font-size:12px; color:#666; font-weight:600; } /*-----Tooltip-modelbox-----*/ .modal-body div.tooltip span{margin-left:-50px;width:170px;padding: 7px;} /*Tool tips for my profile*/ .tooltip.myprofile{bottom: 30px; right: -19px; width: 150px; } .tooltip.myprofile:before{top: 29px; right: 9%; } .tooltip.myprofile p{font-size: 12px;} /*my team page*/ #header.myteam{height:0px; margin-top:25px;} .grid-view{display:none;} .myteam-grid-outer{float:left; height:auto; margin-top:1px; width:100%;} .team-box{float:left; width:31%; height:auto; border:1px solid #f3f3f3; border-radius:5px; margin:10px; position:relative;} .team-box ul{list-style:none; float:left;} .team-box .outer{float:none; width:87%; padding: 5px 0 ;} .team-box .outer label{display: block; float: left; width: 27.5%; font-size:12px; color:#333; text-align:right;line-height:22px; } .team-box .outer span{display: block; float: right; width: 70%; font-size:12px; color:#666; line-height:22px;} .team-box .outer span.negative{color:#ff3333;} .team-box .report-to-box{padding:10px;} .team-box .action-bar{float:left; height:36px; border-top:1px solid #f3f3f3; width:100%;} .action-bar .do-action{float:right; background:url(../images/client/tenant-lite/tenant-lite-2/sandwich.png) no-repeat; margin:10px; width:16px; height:16px;} .action-bar .do-action:hover{background:url(../images/client/tenant-lite/tenant-lite-2/sandwich-h.png) no-repeat;} .webhelp{} .webhelp-inner-col{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /*goalsheet*/ #header.goalsheet{height:0; margin-top:5px;} .main-heading.goalsheet{font-size:12px !important; padding: 10px 0;} .goalsheet-grid-outer{float:left; height:auto; margin-top:1px; width:100%;} .semibold a, .semibold a:hover{color:#3399cc;} .goalsheet-title{text-align: center;font-size: 25px !important;position: relative !important; top: -20px;} .goalsheet-title i{font-size:22px; font-weight:bold; margin-right:5px;color: #666;} .goalsheet-title span{font-weight:bold;font-size: 20px;} .goalsheet-title span:hover{text-shadow: 0px 4px 12px #888;} .goalsheet-configure-section{background:#f1f1f1;padding:10px;} .trackingsheet-title{text-align: center;margin: 0px 0px; margin-top: 0px;font-size: 25px !important;margin-top: 0px; position: relative !important;top: 5px;} .trackingsheet-title i{font-size:22px; font-weight:bold; margin-right:5px;color: #666;} .trackingsheet-title span{font-weight:bold;font-size: 20px;} .trackingsheet-title span:hover{ text-shadow: 0px 4px 12px #888;} /*my leaves popup*/ .leave-inner{width:722px; height:300px; margin:0px auto; background:#fff; padding:20px;} .horizontal-steps.popup{padding:10px; border-bottom:1px solid #e5e5e5; text-transform: none; } .horizontal-steps.popup ul li{line-height:18px;} .horizontal-steps.popup ul li:first-child a{padding:0 16px 0 0;/* width:61px;*/ } .horizontal-steps.popup ul li:before, .horizontal-steps.popup ul li:after{top:0px;} .popup-btn a,#actionbuttons a{padding: 6px 8px; display: block; float: right; margin-left: 10px; font-size: 14px!important; color: #fff; background: #01457f; border: 0px solid #01457f; border-radius:4px;} .popup-btn a:hover,#actionbuttons a:hover{border:0px solid #01457f;} .leave-inner .outer{width:95%; padding:10px; margin-top: 80px; float:left;} #actionbuttons{float:right;} #actionbuttons li{float:left; list-style:none;} #actionbuttons a{padding: 6px 8px; display: block; margin-left: 10px; font-size: 14px!important; color: #fff; background: #01457f; border: 0px solid #01457f; border-radius:4px; } #actionbuttons a:hover{border: 0px solid #fff;} /*info line*/ .main-heading.payroll{font-size:14px !important; padding: 8px 5px 10px; color:#333; /*position: absolute; top: 145px;*/ background:#e8f0f8; width:100%; } .main-heading strong{color:#333333; font-size: 20px} /*Tool tips*/ .tooltipold{background:transparent; padding:5px; border:0px solid #000; border-radius:6px; bottom: 44px; /* top: -43px; */right: 0; width: 200px; } /*.tooltip{background:#fff; padding:5px; border:0px solid #000; border-radius:6px; display:block; bottom: 44px; top: -43px; right: 0; width: 200px; } .tooltip:before{width:0; height:0; position:absolute; border:8px solid transparent; border-top:8px solid #000; content:""; top: 40px; right: 26%; }*/ .tooltipold p{color: #fff; font-size: 10px;} /*main buttons ends*/ .li_option li a.menu-down{background:url('../images/client/tenant-lite/menu-down.png') no-repeat 83% 50% #1c64a1;} .ui-datepicker .ui-datepicker-header{background:#1c64a1 !important; border:1px solid background:#083f6d !important;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:#1c64a1!important; color:#fff!important} .ui-state-active, .ui-widget-content .ui-state-active{background:#052c53 !important; border:1px solid #64b2ff !important;} .ui-state-default{background:rgba(51, 153, 255, .51) !important; border:1px solid rgba(51, 153, 255, .51) !important; } .ui-state-default:hover{background:#589ad3 !important; border:1px solid #64b2ff !important;} .ui-timepicker-minutes{border-left:0px solid #052c53;} .ui-timepicker-title{font-weight:normal!important;} .ui-timepicker .ui-timepicker-minute-cell .ui-state-default{background:#287fd1!important;} .ui-timepicker .ui-timepicker-minute-cell .ui-state-active, .ui-timepicker .ui-timepicker-minute-cell .ui-widget-content .ui-timepicker .ui-timepicker-minute-cell .ui-state-active,.ui-state-active, .ui-widget-content .ui-state-active{background:#052c53!important; color: #fff;font-weight: bold!important;} .ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover{background:#ffffff !important; top:2px !important; cursor:pointer;} .main-heading_new{background:#f4f4f4; line-height:30px; border-bottom:1px solid #546172 ; padding:8px 10px; font-size:19px; font-weight:bold; margin:0px;min-height: 45px!important;} .headerbar{background:#11252c; line-height:30px;padding:8px 10px; font-size:17px; margin:0px;min-height: 45px!important; color:#fff;} .main-heading.alt{margin-bottom:0; min-height: 88px;} .li_common_header.open-box{border-bottom: none; padding-left: 10px; cursor: pointer; border-top:none;border-radius:4px; padding:5px!important; } .li_common_header.open-box::before{ font: var(--fa-font-solid); font-weight: 400; content: "\f07c"; color:#fff; font-size:20px; } .li_common_header.open-box-empty{border-bottom: 0px solid #1c64a1; cursor: pointer; color: #000; background:#d0d7e0; text-indent: 10px; padding-left: 10px; border-top:none; margin:0px!important;} .li_common_header.close-box{border-bottom: none; padding-left: 10px; cursor: pointer; border-top:none;border-radius:4px; } .li_common_header.close-box::before{ font: var(--fa-font-solid); font-weight: 400; content: "\f07b"; color:#fff; font-size:20px; } .li_common_header.info-box{border-bottom: none; padding-left: 10px; cursor: pointer; border-top:none;border-radius:4px; padding:10px; background-color:#428bca!important;} .li_common_header.info-box::before{ font: var(--fa-font-solid); content: "\e522"; color:#fff; font-weight:bold; font-size:15px; } .li_common_header.info-box-payroll{border-bottom: none; padding-left: 10px; cursor: pointer; border-top:none;border-radius: 50%; padding: 11px 19px;background-color: #428bca !important;height:50px; width:50px;} .li_common_header.info-box-payroll::before{ font: var(--fa-font-solid); content: "\f103"; color:#fff; font-weight:bold; font-size:21px; } .li_common_header.create-box{border-bottom: none; padding-left: 10px; cursor: pointer; border-top:none;border-radius:4px; padding:5px!important; } .li_common_header.create-box::before{ font: var(--fa-font-solid); font-weight: 400; content: "\f044"; color:#fff; font-size:20px; } .li_common_header.open-box span, .li_common_header.close-box span{display: inline-block; /*left: -21px; padding-left: 25px;*/ position: relative; text-indent: 0;/* width:100%; text-transform:uppercase;*/} .li_common_header.open-box a{visibility:visible;} .li_common_header.close-box a{visibility:hidden;} /*-----li_common_headerwithoutbackground ----*/ .li_common_header_nonbg{border-bottom: 2px solid #1c64a1; cursor: pointer; color: #000; margin:0px; margin-left: 20px; border-top:none;font-weight: bold;font-size: 15px; /*text-transform: uppercase;*/padding: 20px 0px 8px 0px;} .new_profilesection .personalprofile{margin-left:10px;} .new_profilesection .personalprofile .detail_profile{margin:0px;} .new_profilesection .personalprofile .detail_profile .text{margin-left:5px; display:inline;float:unset;} /*--------reportsshortcuts----*/ .reports_header.open-box{border-bottom: 1px dashed #333; cursor: pointer; color: #000; background: url("../images/client/tenant-lite/tenant-lite-2/minus.png") no-repeat scroll 0px 15px; background-color:#eee; text-indent: 4px; padding: 10px; border-top:none; margin:0px!important;} .reports_header.close-box{border-bottom: 1px dashed #333; background: url(../images/client/tenant-lite/tenant-lite-2/plus.png) no-repeat 0px 15px; text-indent: 4px; cursor: pointer; padding: 10px; border-top:none; } .enter-achievement .open-box-goalsheet{border-bottom: 0px dashed #333; cursor: pointer; color: #000; background: url("../images/client/tenant-lite/tenant-lite-2/minus.png") no-repeat scroll 0px 8px; text-indent: 4px; padding: 10px; border-top:none; margin:0px!important;} .enter-achievement .close-box-goalsheet{border-bottom: 0px dashed #333; background: url(../images/client/tenant-lite/tenant-lite-2/plus.png) no-repeat 0px 8px; text-indent: 4px; cursor: pointer; padding: 10px; border-top:none; } .reports_header.open-box span, .reports_header.close-box span{display: inline-block; font-weight: bold; font-size: 14px !important;/*left: -21px; padding-left: 25px;*/ position: relative; text-indent: 0;/* width:100%; text-transform:uppercase;*/} .reports_quicklinks{margin-left:10px;} .reports_quicklinks .graybar{padding:10px 0px; padding-left:5px; color:#fff; /*text-transform: uppercase;*/ font-size:14px;} .reports_quicklinks ul{margin:0px; padding:0px;} .reports_quicklinks ul li{margin:0px; padding:5px 0 5px 23px; background:url(../images/client/tenant-lite/tenant-lite-2/arrow-quick.png) no-repeat 14px 10px; border-bottom:1px solid #ddd; font-size:14px; list-style: none;} .reports_quicklinks ul li a{color:#333; text-decoration:none;} .reports_quicklinks ul li a:hover{color:#029fe1; text-decoration:none;} .reports_quicklinks .active{color:#000;font-weight: bold} .actions span{background:url(../images/client/tenant-lite/tenant-lite-2/sandwich.png) no-repeat; cursor:pointer; margin-top:0px; position:relative; display:block; width:16px; height:16px;margin-right: 8px; margin-top:5px; float:right; } .actions span:hover{background:url(../images/client/tenant-lite/tenant-lite-2/sandwich.png) no-repeat;} #expanedCollapseMainDiv{/* margin-right: -26px; margin-top: -17px;*/ position: absolute; right: -12px;top: -25px;} #panel.act{right: 30px;top: -12px; background: #fafafa; border-right:10px solid transparent; box-shadow: 0px 0px 1px 1px #ccc; width:auto;z-index: 8;} #hrManager-section #panel.act{z-index: 8!important;} #panel.act:before{width:0;height:0;position:absolute;border:10px solid transparent;border-left:10px solid #a3a3a3; opacity: 0.35;content:"";top: 3px;right:-31px;} #panel.act:after{width:0;height:0;position:absolute;border:10px solid transparent;border-left:10px solid #fafafa;content:"";top:3px; right: -29px;} #panel.act .hide-menu-1 a{color:#666; font-size:14px; white-space: nowrap;} #panel.act .hide-menu-1 a:hover{color:#3399cc;} #panel.act-grid{right: 40px;top: 3px; background: #fafafa; border-right:10px solid transparent; box-shadow: 1px 1px 2px 0px #333;} #panel.act-grid:before{width:0;height:0;position:absolute;border:10px solid transparent;border-left:10px solid #333; opacity: 0.35;content:"";top: 5px;right:-31px;} #panel.act-grid:after{width:0;height:0;position:absolute;border:10px solid transparent;border-left:10px solid #fafafa;content:"";top:5px; right: -29px;} #panel.act-grid .hide-menu-1 a{color:#666; font-size:14px;} #panel.act-grid .hide-menu-1 a:hover{color:#3399cc;} #left-suc #panel.act{left: 30px!important;top: -12px; background: #fafafa; border-right:10px solid transparent; box-shadow: 0px 0px 1px 1px #ccc; z-index: 999; position: absolute;min-height:35px;height:auto; min-width:200px;width:auto; } #left-suc #panel div{word-break: break-all;} #left-suc #panel.act:before{width:0;height:0;position:absolute;border:10px solid transparent!important;border-right:10px solid #a3a3a3!important; opacity: 0.35;content:"";top: 3px;left: -21px!important; transform: rotate(0deg)!important; -webkit-transform: rotate(0deg)!important; -moz-transform: rotate(0deg)!important; -ms-transform: rotate(0deg)!important; -o-transform: rotate(0deg)!important;} #left-suc #panel.act:after{width:0;height:0;position:absolute;border:10px solid transparent!important;border-right:10px solid #fafafa!important;content:"";top:3px; left:-20px!important;} #left-suc #panel.act .hide-menu-1 a{color:#666; font-size:14px; white-space: nowrap;} #left-suc #panel.act .hide-menu-1 a:hover{color:#3399cc;} #left-suc #panel.act-grid{left: 40px;top: 3px; background: #fafafa; border-right:10px solid transparent!important; box-shadow: 1px 1px 2px 0px #333;} #left-suc #panelLeft.act-grid:before{width:0;height:0;position:absolute;border:10px solid transparent!important;border-right:10px solid #333!important; opacity: 0.35;content:"";top: 5px;left: -21px!important; transform: rotate(90deg)!important; -webkit-transform: rotate(90deg)!important; -moz-transform: rotate(90deg)!important; -ms-transform: rotate(90deg)!important; -o-transform: rotate(90deg)!important;} #left-suc #panel.act-grid:after{width:0;height:0;position:absolute;border:0px solid transparent!important;border-right:0px solid #fafafa!important;content:"";top:5px; left: -20px!important;} #left-suc #panel.act-grid .hide-menu-1 a{color:#666; font-size:14px;} #left-suc #panel.act-grid .hide-menu-1 a:hover{color:#3399cc;} .dataTables_length{padding-bottom:10px;} #empSalaryDataDiv, #personalDetailsDiv, #contactDetailsDataDiv, #qualificationDataDiv, #experienceDataDiv, #reportingStructureDataDiv, #empDocDataDiv, #empConfidentialDataDiv, #empPaperPublicationDataDiv, #empEventsDivData,#myNotesDataDiv{display:none;} a.hide-it, .hide-it{display:none;} .profile-container-outer{float: right;width: 100%; } .profile-container-outer.inner-big{/*width: 99.5%;*/} .profile-container-left{/*float:left; width:62%;*/} .profile-container-left .container-inner-small{width:100%; float:left;} .profile-container-left .block-heading span{width:93%;} .profile-container-right{float:right; /*width:35%;*/} .profile-container-right .container-inner-small{width:100%; float:right;} .profile-container-right .block-heading span{width:90%;} .profile-container-left.alt{/*float:left; width:48.5%; clear:left;*/ padding: 0px 10px 10px 0px;} .profile-container-left.alt .container-inner-small{/*width:95%; float:left;*/ margin-bottom:0;} .profile-container-left.alt .block-heading span, .profile-container-right.alt .block-heading span{width:96%;} .container .container-inner-small .container-inner-block.alt{margin: 10px 0px; /*width:100%;*/} .profile-container-right.alt{float:right; /*width:48.5%;*/ clear:right;padding: 0px 10px 10px 0px;} .profile-container-right.alt .container-inner-small{width:100%; float:right; margin-bottom:0;} .profile-container-left .block-heading span{width: 92%;} .profile-container-right .block-heading span{width: 85%;} .container-inner-block.alt{margin: 0px 6px;} .container-inner-block{width:100%;padding:0px 4px; /*background: #fff;*/ float:left; } .padding{10px;} .container-jobportal-block{/*width:97%;background: #fff;*/ margin:15px; float:left; } .job_listing{border:1px solid #ccc; border-radius:6px; color:#333; padding:0px!important} .job_listing:hover{background:#f3f3f3; color:#000!important;box-shadow: 0px 0px 10px #666;transition: all 1s ease-in-out 0s;} .job_listing h3{padding:10px 10px!important; /*background:#000!important;*/ font-size:14px!important;font-weight:600;color:#00c7f5!important;} .job_listing a.li_f_button{color:#00c7f5!important;} .right-table-div{overflow-x: auto; position: relative; width:99%;} .inner-right-table-div{width:940px;} /*setting page*/ li.hidden{display:none;} ul.setting-dash{list-style:none; float:left; width:100%;} ul.setting-dash li{float:left; width:50%;} ul.setting-dash li a{display:block; font-size:12px; padding: 8px 5px; line-height: 22px; color:#333; width:98%;} ul.setting-dash li a:hover{color:#3399cc;} .container-inner-block.alt.settings .block-heading{background:none;} .block-heading > p{padding:10px 0px; color:#333; font-size:14px;} /*----margin-left----*/ .mgr-left{margin-left:20px; margin-bottom:5px; padding:10px; background:#f1f1f1;} /*----------360 feedback--------------*/ #renderTableInitiate360feedback select[multiple], #renderTableInitiate360feedback select[size]{ min-height: 135px; height: auto; } /*------------feedback 360------------*/ .bg-danger{ background-color: #ff4141; font-size: 10px !important; font-weight: 600 !important; line-height: 10px; color:#fff!important } .manage_feedback .progress-notes .li_common_header.open-box{background-position:9px 9px;background-color: #eceff4 !important; border: 1px solid #ccc; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-radius: 50%; height: 30px; width: 30px !important; padding: 0px 4px !important; } .manage_feedback .progress-notes .li_common_header.close-box{border-radius: 50%; background-position:9px 9px; background-color: #eceff4 !important; height: 30px; border: 1px solid #ccc; width: 30px !important; padding: 0px 4px !important;} .manage_feedback .btn-default{background: #fff; border: 1px solid #333; font-weight:600px; padding: 4px !important; color:#222!important; font-size:13px;} .manage_feedback .btn-default i{color:#000; font-size:16px;} .manage_feedback .th_header{background: #ddd;padding: 10px;font-size: 14px;/*font-weight: bold;*/ color:gray;} .manage_feedback .t_body{padding:4px 10px;font-size: 14px;} .manage_feedback .t_body span{display:inline;} .status-label{display:inline-block;min-width:152px;} .manage_feedback .acc-penal{/*background:#e7f7fd;*/height: 63px !important;} /*-----progressnotes----*/ .progress-notes{margin-top:7px;} .progress-notes .li_common_header.open-box{border-bottom:0px!important;} .progress-notes .li_common_header.open-box{background-color:#fff;} .progress-notes .li_common_header{font-size:15px!important; margin-top:0px!important;} .progress-notes .open-box-goalsheet{border-bottom: 0px dashed #333; cursor: pointer; color: #000; background: url("../images/client/tenant-lite/tenant-lite-2/minus.png") no-repeat scroll 0px 8px; text-indent: 4px; padding: 10px; border-top:none; margin:0px!important;} .progress-notes .close-box-goalsheet{border-bottom: 0px dashed #333; background: url(../images/client/tenant-lite/tenant-lite-2/plus.png) #f3f3f3 no-repeat 4px 5px; text-indent: 4px; cursor: pointer; padding: 10px; border-top:none; height:20px; width:20px; } .progress-notes .close-box-goalsheet::before{content: ""!important;} .btn-edit-goal{position: absolute;right: 0;top: 12px;min-height: 40px !important;} .progress-notes .space-outer{padding:5px; background: #eceff4 none repeat scroll 0 0;} .progress-notes .capture{font-size: 14px !important; font-weight: 600; margin-right: 10px; margin-top: 10px !important;} .progress-notes .li_common_header.open-box span, .progress-notes .li_common_header.close-box span, .new-notes{text-transform:none!important; border-bottom:1px dotted #000; color: #000; font-size: 16px; font-weight: normal; } .progress-notes .li_common_header.open-box span:hover, .progress-notes .li_common_header.close-box span:hover{border-bottom:none; } .progress-notes .add_btn{background: #eceff4 ;border-radius: 4px;padding: 5px 2px;width: max-content;margin-bottom:-3px;} .progress-notes .space-outer{background:#eceff4;/*border-bottom: 2px solid #666;*/} .progress-notes .li_common_header.open-box{background-color: #eceff4;} /*media Files*/ .top-menus-small .center-menu{width: 790px;} /*.top-menus-small .top-info{padding: 8px 6px 0px 0px;} */ .top-menus-small .logo{margin:4px 16px;} .top-menus-small .top-right{right: 16px;} .top-menus li.nav_button{width:105px;} .line-menu.sec{margin-left:-390px;} .top-menus-small li.nav_button{width:125px;} .search-item{margin:8px; width:180px;} .search-item input{width:120px; background-position:132px;} .sort-items li{background-position:72px;} .sort-items li a{width:79px;} .sort-items.dvt li{background-position:72px;} .sort-items.dvt li a{width:79px;} .dropdown-sortby ul li{min-width:82px;} .sidebar-menus .menu2{padding:0px;} .center-item{width: 54%;} .left-table-div .table-body span{width:71%; } .left-table-div.inner-big{width: 16%;} .right-table-div.inner-big{width: 84%;} .first-line .del-rem-hide{width:auto;} .container-inner-small.self .second-line .del-rem-hide{width:auto;} .second-line .del-rem-hide{/*width:265px;*/} tr.last-row, .last-row td{border-bottom:0px solid #ccc!important} .second-line-outer{border-top:1px solid #ddd;} .modal-content .second-line-outer{bottom: 0px;position: relative;width: 100%;clear:both;} .del-rem-hide{margin: 16px 8px 0px 8px} .del-rem-hide.alt{margin: 1px 8px 0px 8px} .team-box{width: 45%;} .bottom-outer textarea{margin-top:10px; margin-left:86px; width:440px;} .bottom-outer textarea.small-text{width:440px; margin-left:20px;} /* .slider-outer{width: 22%;} */ .slider-box img{margin: 2px 8px 0 0;} .slider-btn-next, .slider-btn-prev{width:6%;} .appraisal-block label{width: 8.5%;} .container-inner-small.self{width: 62%;margin: 10px 9px 0 0;} .container-inner-small.self-side .container-inner-block{margin: 0 5px 15px 5px;} .emp-info-outer .emp-inner{margin: 10px 5px 10px 20px;} .emp-info-outer{width: 670px;} .emp-code-outer .emp-code-inner{margin: 5px 5px 0px 15px;} label.lbl{width:20%;} #panel.question{width: 570px;} .faq{top:69px !important;} .block-heading span{width: 95.4%;} .profile-container-left .block-heading span{width: 92%;} .profile-container-right .block-heading span{width: 85%;} .container-inner-block.alt{margin: 0px 6px;} .tool-list{width: 77.8%; right: 17px;} .outer{width: 47%;} .outer span{width: 68%;} .outer label{width: 29.5%} .profile-container-left .report-to-box{width:96%;} .attributes{width: 90%; margin-left:2px;} .req-label.inner-big{margin-left: 23px;} .req-label{margin-left: 10px;} .cnt-shift .container-inner-small.self.inner-big{margin: 0px 13px 0 0;} .team-box.a{width:46%;} .team-box.b{width:46%;} .team-box.c{width:46%;} .left-table-div{width: 19%;} .right-table-div{width: 100%;} .next-link-tbl{width: 23.5%;} .next-link-tbl.inner-big{width: 26.5%;} .add-class{width:40px; /*float:right;*/} .add-class .actions span{background-position:100% 100%;} #panel.act .hide-menu-1 a{font-weight:normal;} .li_common_header.close-box .add-class{visibility: hidden;} .li_common_header.open-box .add-class{visibility: visible;} .container .profile-container-left .container-inner-small .container-inner-block.alt{margin:0px; width:100%;} #work-flow-dig{height:65px; overflow:hidden;} #work-flow-dig .horizontal-steps{margin-left:5px; padding-bottom:0;} #work-flow-dig .horizontal-steps ul li a{width:auto; position: relative; top: -5px; /*max-width: 100px;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #work-flow-dig .horizontal-steps ul li.selected a{color:#2d7fc4} #work-flow-dig .horizontal-steps ul li.selected:after{border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2d7fc4;} .right-table-div:before{width:0; height:0; position:absolute; border:17px solid transparent; border-left:17px solid transparent; content:""; top: 17px; right:-17px;} .right-table-div:after{width:0; height:0; position:absolute; border:17px solid transparent; border-left:17px solid rgba(51, 153, 255, 0.41); content:""; top: 17px; right:-17px;} .emp-name-attend{max-width:200px; min-width:150px} .fix-day-td{width:20px; over-flow:hidden; height:0; font:0;} .color-square{border-radius: 6px; color: #FFFFFF; font-size: 10px; height: 20px; left: 2px; line-height: 20px; position: relative; text-align: center; top: -7px; width: 20px;} .fade-red{background:#f76954} .sky-blue{background:#65b7e9} .lite-orange{background:#65b7e9} .deep-purple{background:#c382c6} .popup-btn div a{float:left; margin-bottom:10px;} .popup-btn div{float:right;} .google-chart-border{border:1px solid #cccccc; margin:10px 15px 15px 0;} .line-menu{display:none; position:absolute; background:#fff; width:640px; margin-left:-210px; margin-top: 0px; border-bottom: 5px solid #3399cc; box-shadow: 2px 5px 5px 0px #333; padding:5px; z-index:9999;} .line-menu ul{width:30%; float:left; padding: 20px 10px 0px 10px; } .line-menu.alt{width:460px; margin-left:-132px;} .line-menu.alt .dm-outer{width:50%;} .top-menus ul li.nav_button .line-menu.sec{width:820px; margin-left:-340px;} .line-menu.sec .dm-outer{width:25%;} .line-menu .dm-outer{float:left; width:33%; padding-top:5px;} .line-menu .dm-menu{float:left; width:100%; margin:0 2%;} .line-menu .dm-menu ul{width:100%!important; padding:0 !important; } .line-menu ul.alt{width:44%;} .line-menu ul li{width:100%;} .line-menu ul h4{font-size:14px; color:#333; font-weight:normal;border-bottom:1px solid #f3f3f3; padding: 10px 0 5px 0; } .line-menu ul h4:hover{color:#3399cc;} .top-menus ul li.nav_button .line-menu.sec2{width:820px; margin-left:-240px;} .line-menu.sec2 .dm-outer{width:25%;} .top-menus ul li.nav_button .line-menu .dm-menu ul.sec li a{padding:5px 0 0} .min-height{min-height:450px;height:auto;} .min-height-set{min-height:120px;border: 1px solid #ddd;} .tnav-fixed{margin-top: -60px; padding-top: 60px}*/ .right-side-activity{/*width: 36%;*/} .left-side-activity{/*width: 63%;*/} /*Activity page*/ .container-inner-small.act{float:left; /*width:97.5%;*/} .container-inner-small.act #header{margin-top:0;} .container-inner-small.act .main-heading{width:100%;} .container-inner-block.act{width:100%; margin:0 10px;} .main-heading.act-msg{font-size:14px;} .main-heading.act-msg span{font-weight:normal !important;} .left-side-activity{float:left;/* width:68.2%;*/} .right-side-activity{float:right;/* width:30.8%;*/ margin-right:10px;} .container-inner-small.act .block-heading{width:97%;} .right-side-activity .block-content span{font-size: 14px;color: #666;margin: 10px 5px; float: left;}/*14-feb*/ .right-side-activity .block-heading>span{width:89%;} .left-side-activity .block-heading{border-bottom:none;} .container-inner-small.act .filter-item{float:left; margin: 8px 8px;} .container-inner-small.act .block-content{margin-left:0;} .filter-container{float:left; width:99%; border: 5px solid #f3f3f3; margin: 15px 0;} .filter-container > span{float:left; color:#f3f3f3; font-size:16px;} .filter-container .filter-item ul li.more{background:#fafafa; padding-left: 5px; padding-right: 20px;} .filter-container .filter-item ul li.time,.filter-container .filter-item ul li.status, .filter-container .filter-item ul li.filter{background:#fafafa; text-align: center;} .left-side-activity .filter-item ul li{padding:0 4px;} .left-side-activity .filter-item li.refresh{width:19px;} .filter-border{float: left;width: 1px;height: 34px;margin: 6px 3px;background: #f3f3f3;} li.more.sm{display:none;} .table_activity tr:first-child{background:#fff;} .table_activity tr:first-child:hover{background:#f3f3f3;} .table_activity tr td{vertical-align:top; min-width:inherit;} .super-outer-qkl{float:left; width:100%;} .outer-qkl-container{float:left; width:97%;} .left-navi{float:left;} .left-navi a{float:left; width:12px; height:120px; background:url(../images/right-navi.png) no-repeat center;} .qkl-container{float:left; width:20.6%; margin: 5px 18px 20px 17px; } .qkl-container span{background:url(../images/qklinks.png) no-repeat center; width:164px; height:96px; float:left;} .qkl-container a{float:left; color:#3399cc; font-size:14px; margin-left:22.5%; margin-top:10px;} .qkl-container:nth-child(4) a{margin-left:7%;} .qkl-container a:hover{color:#666;} .right-navi{float:left;} .right-navi a{float:left; width:12px; height:120px;background:url(../images/left-navi.png) no-repeat center;} .polls-outer{float:left; width:100%; height:240px; } .polls-inner-1,.polls-inner-2, .polls-inner-3{float:left; width:33.33%; height:185px; position:relative;} .polls-inner-1 div, .polls-inner-2 div, .polls-inner-3 div{float:left; width:17.5%;margin-top:5px;font-size:10px; font-weight:600; color:#333; position:relative;} .polls-inner-1 > span{float:left; width:100%; position:absolute; font-size:10px!important; font-weight:600; bottom:-37px; right:-10px;} .polls-inner-2 > span{float:left; width:100%; position:absolute; font-size:10px!important; font-weight:600; bottom:-37px; right:0px;} .polls-inner-3 > span{float:left; width:100%; position:absolute; font-size:10px!important; font-weight:600; bottom:-37px; right:-20px;} .polls-inner-1 div span, .polls-inner-2 div span,.polls-inner-3 div span{float:left; width:100%; margin:0 0 10px 0!important; position:absolute; bottom:-195px; right:0px;} .polls-inner-1 div.p1 span{background:red; height:150px;} .polls-inner-1 div.p1 span:before{width:0; height:0; position:absolute; content:"100"; top: -18px; right: 22px; font-size:12px; font-weight:600;} .polls-inner-1 div.p2 span{background:blue; height:60px;} .polls-inner-1 div.p2 span:before{width:0; height:0; position:absolute; content:"40"; top: -18px; right: 18px;font-size:12px; font-weight:600;} .polls-inner-1 div.p3 span{background:green; height:90px;} .polls-inner-1 div.p3 span:before{width:0; height:0; position:absolute; content:"60"; top: -18px; right: 18px; font-size:12px; font-weight:600;} .polls-inner-1 div.p4 span{background:orange; height:30px;} .polls-inner-1 div.p4 span:before{width:0; height:0; position:absolute; content:"20"; top: -18px; right: 18px; font-size:12px; font-weight:600;} .polls-inner-1 div.p5 span{background:brown; height:15px;} .polls-inner-1 div.p5 span:before{width:0; height:0; position:absolute; content:"10"; top: -18px; right: 18px;font-size:12px; font-weight:600;} .polls-inner-2 div.p1 span{background:red; height:45px;} .polls-inner-2 div.p1 span:before{width:0; height:0; position:absolute; content:"30"; top: -18px; right: 18px; font-size:12px; font-weight:600;} .polls-inner-2 div.p2 span{background:blue; height:75px;} .polls-inner-2 div.p2 span:before{width:0; height:0; position:absolute; content:"50"; top: -18px; right: 18px; font-size:12px; font-weight:600;} .polls-inner-2 div.p3 span{background:green; height:120px;} .polls-inner-2 div.p3 span:before{width:0; height:0; position:absolute; content:"80"; top: -18px; right: 18px;font-size:12px; font-weight:600;} .polls-inner-2 div.p4 span{background:orange; height:54px;} .polls-inner-2 div.p4 span:before{width:0; height:0; position:absolute; content:"36"; top: -18px; right: 18px;font-size:12px; font-weight:600;} .polls-inner-2 div.p5 span{background:brown; height:23px;} .polls-inner-2 div.p5 span:before{width:0; height:0; position:absolute; content:"15"; top: -18px; right: 18px;font-size:12px; font-weight:600;} .polls-inner-3 div.p1 span{background:red; height:75px;} .polls-inner-3 div.p1 span:before{width:0; height:0; position:absolute; content:"50"; top: -18px; right: 18px; font-size:12px; font-weight:600;} .polls-inner-3 div.p2 span{background:blue; height:45px;} .polls-inner-3 div.p2 span:before{width:0; height:0; position:absolute; content:"30"; top: -18px; right: 18px; font-size:12px; font-weight:600;} .polls-inner-3 div.p3 span{background:green; height:15px;} .polls-inner-3 div.p3 span:before{width:0; height:0; position:absolute; content:"10"; top: -18px; right: 18px;font-size:12px; font-weight:600;} .polls-inner-3 div.p4 span{background:orange; height:135px;} .polls-inner-3 div.p4 span:before{width:0; height:0; position:absolute; content:"90"; top: -18px; right: 18px;font-size:12px; font-weight:600;} .polls-inner-3 div.p5 span{background:brown; height:105px;} .polls-inner-3 div.p5 span:before{width:0; height:0; position:absolute; content:"70"; top: -18px; right: 18px;font-size:12px; font-weight:600;} .link-activity{float:left; width:100%; margin:10px;} .link-activity a{float:left; color:#3399cc; font-size:14px;} .link-activity a:hover{color:#666; } .approvers-1 .head{float: left;width: 97%;font-size: 14px;color: #333;border-bottom: 1px solid #333;margin-top: 10px;} .desc-app{float:left; width:97%; margin:15px 0;} .desc-app img{float:left; margin-right:5px;} .approvers-1 .pf-outer span{font-size:12px; color:#666; margin:0!important; line-height:15px;} .approvers-1 .pf-outer span.highlighted{font-weight:600;} .container-inner-small.act #panel.instruction, .container-inner-small.act #panel.links{right: -150px;} .container-inner-small.act #panel.instruction:before, .container-inner-small.act #panel.links:before{right:158px;} .container-inner-small.act #panel.instruction:after, .container-inner-small.act #panel.links:after{right:158px;} .activity-table-outer{float:left; width:100%; height:663px; overflow-y:scroll;} .load-more{float: left;width: 100%;margin: 25px 0 5px 0;} .load-more a{float:right; font-size:14px; color:#3399cc; } .load-more a:hover{color:#666;} .rp-outer.full{width:92%;} #appraisalDataDiv{margin:5px 0;} #appraisalDataDiv table tr td{padding:4px 0;} .highlight-row-on-hover .actionItemsInDropDownMenu, .table-responsive tr .actionItemsInDropDownMenu, .no-more-tables tr .actionItemsInDropDownMenu, .no-more-tables tr .actionItemsInDropDownMenuFirstRow,.highlight-row-on-hover .actionItemsInDropDownMenuFirstRow, .table-responsive tr .actionItemsInDropDownMenuFirstRow{display:none;position:relative;right:9px; width: max-content; width: -moz-max-content;} .highlight-row-on-hover:hover .actionItemsInDropDownMenu, .table-responsive tr:hover .actionItemsInDropDownMenu, .no-more-tables tr:hover .actionItemsInDropDownMenu{display:block; position: absolute;right:0px;z-index: 998;background:rgba(243,243,243,0.9); padding:0px 20px;} .dropdown-backdrop{ position: inherit;} .highlight-row-on-hover{opacity: 0.9; transition: 0.3s;padding:5px;} .actionItemsInDropDownMenu .fa, .actionItemsInDropDownMenu .fas, .actionItemsInDropDownMenu .far, .actionItemsInDropDownMenu .fab, .actionItemsInDropDownMenu .fa-solid:hover, .actionItemsInDropDownMenuFirstRow .fa, .actionItemsInDropDownMenuFirstRow .fas, .actionItemsInDropDownMenuFirstRow .far, .actionItemsInDropDownMenuFirstRow .fab, .actionItemsInDropDownMenuFirstRow .fa-solid{margin:0px 2px; font-size:15px; height:30px; width:30px;color:#666;padding:7px;border-radius: 50%;text-align: center;} .actionItemsInDropDownMenu .fa:hover, .actionItemsInDropDownMenu .fas:hover, .actionItemsInDropDownMenu .far:hover, .actionItemsInDropDownMenu .fab:hover, .actionItemsInDropDownMenu .fa-solid:hover, .actionItemsInDropDownMenuFirstRow .fa:hover, .actionItemsInDropDownMenuFirstRow .fas:hover, .actionItemsInDropDownMenuFirstRow .far:hover, .actionItemsInDropDownMenuFirstRow .fab:hover, .actionItemsInDropDownMenuFirstRow .fa-solid:hover {background #fff; height:30px; width:30px; color:#000; background:#fff;padding:7px;border-radius: 50%;text-align: center; box-shadow: 0px 0px 8px #ccc;} .btn-default{color: #fff;background-color:#6c757d;border-color: #6c757d;} .position-top i{font-size: 15px !important;height: 25px !important;width: 25px !important; color:#000;} table.li_leave_table_three td{padding-bottom:0px;} table.li_leave_table_three th span{width:16px;} .actionItemsInDropDownMenu .overlay-action-secondary{color: #6c757d;background-color: transparent;background-image: none; padding: 2px 4px !important;font-size: 13px !important;border: 1px solid #6c757d;border-radius: 4px;} .actionItemsInDropDownMenu .overlay-action-secondary:hover{color: #fff; background-color:#6c757d; background-image: none; border-color: #6c757d;box-shadow: 0px 0px 7px #999;} .actionItemsInDropDownMenu .btn-default{background-color: #c7c7c7; border-bottom-color: #c7c7c7; border-left-color: #c7c7c7; border-right-color:#c7c7c7; border-top-color: #c7c7c7; color: #333;} .actionItemsInDropDownMenu .btn-default:hover{background-color: #4c4c4c; border-bottom-color: #4c4c4c; border-left-color: #4c4c4c; border-right-color: #4c4c4c; border-top-color: #4c4c4c; color: #fff!important;} .btn{font-size: 12px;} .actionItemsInDropDownMenu .btn-default:active{color:#333!important;} .actionItemsInDropDownMenu .btn-default:focus{color: #fff!important;} .ui-widget.ui-widget-content{margin-left:10px;} .highlight-row-on-hover:hover{background:#f3f3f3;box-shadow:0px 5px 7px #ccc; padding:5px;opacity: 1;} .highlight-row-on-hover .new-notes_hover_enable{visibility:hidden;} .highlight-row-on-hover:hover .new-notes_hover_enable{visibility: visible;background:green;color:white;} .highlight-image-on-hover img{-webkit-filter: brightness(1.20); box-shadow:2px 2px 7px #333 ;margin: 0px auto; margin-top:0px;text-align: center;display: block;margin-top: 10px;cursor: pointer;} .highlight-image-on-hover img:hover{box-shadow:none; } /* images scroller css */ #stop-on-scroll .wrapper, #stop-on-scroll2 .wrapper{ /* max-width: 850px; width: 600px;*/ max-width:90%; padding: 0 0px 15px 0px; padding: 0 10px 5px 10px; margin: auto;} .jcarousel-wrapper{ margin: 0px; position: relative; border-top:0px; border-bottom:0px; border-left: 10px solid #fff; border-right: 10px solid #fff;} .content-section .rightpenel .content .contentbox .jcarousel-wrapper h4{text-align:center;font-size:12px!important;} #stop-on-scroll2 .jcarousel .goal-sheet-menu a{top:0px;} /** Carousel **/ .jcarousel{ position: relative; overflow: hidden; width: 100%; margin-bottom:10px; padding: 0px; transform-style:; height:180px;} .jcarousel ul{ width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;} .jcarousel li{ width: 200px; float: left; border: 1px solid #eee; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 4px; margin-right: 6px;} .jcarousel li:hover{box-shadow:2px 2px 4px #ddd; border:1px solid #ddd;} .jcarousel img{ display: block; max-width: 100%; height: auto !important; -webkit-box-shadow: 0 0 1px #333; -moz-box-shadow: 0 0 1px #333; box-shadow: 0 0 1px #333; border:1px solid #F0EFE7;} /** Carousel Controls **/ #showSubordinatesList .jcarousel-control-prev, #showSubordinatesList .jcarousel-control-next{margin-top:0px;} .jcarousel-control-prev, .jcarousel-control-next{ position: absolute; top: 50%; margin-top: -30px; width: 30px; height: 30px; text-align: center; background: #1c64a1; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-box-shadow: 0 0 4px #F0EFE7; -moz-box-shadow: 0 0 4px #F0EFE7; box-shadow: 0 0 4px #F0EFE7; } .jcarousel-control-prev a, .jcarousel-control-next a{color:#fff!important; text-decoration:none;} .jcarousel-control-prev a:hover, .jcarousel-control-next a:hover{color:#fff!important; text-decoration:none;} .jcarousel-control-prev a:focus, .jcarousel-control-next a:focus{color:#fff!important; text-decoration:none;} .jcarousel-control-prev{ /* margin-left: 55px; margin-top: -18px;*/ } .jcarousel-control-next{ right: 0px; /*margin-right: 55px; margin-top: -18px;*/ } /** Carousel Pagination **/ .jcarousel-pagination{ position: absolute; bottom:-10px; left: 35%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; } .jcarousel-pagination a{ text-decoration: none; display: inline-block; font-size: 10px; height: 8px; width: 8px; line-height: 8px; background: #fff; color: #4E443C; text-indent: -9999px; margin-right: 7px; border:1px solid #F0EFE7; -webkit-box-shadow: 0 0 1px #4E443C; -moz-box-shadow: 0 0 1px #4E443C; box-shadow: 0 0 1px #4E443C; } .jcarousel-pagination a.active{ background: #1c64a1; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7; box-shadow: 0 0 2px #F0EFE7; border:1px solid #F0EFE7; } /* images scroller css end */ .appraisal-head{position:relative;} #appraisal-head #panel.instruction{display:none; width: 700px; padding: 10px 24px; top:40px; background:#FCFEFE; font-size:14px; border: 1px solid #3399cc;} #appraisal-head2 #panel2.instruction{display:none; width: 700px; padding: 10px 24px; background:#FCFEFE; font-size:14px; border: 1px solid #3399cc;Z-index:999;position:absolute;right:0;} #appraisal-head2 #list2{margin-right:20px;} #appraisal-head #panel.instruction ul, #appraisal-head2 #panel2.instruction ul{float:left; list-style-image:url('../images/client/tenant-lite/tenant-lite-2/arrow.png');} #appraisal-head2 #panel2.instruction ul li {/*display:inline-block;*/} #appraisal-head2 #panel2.instruction ul li a{width:unset;font-weight:400;cursor:pointer;display:inline-block;} #appraisal-head2 #panel2.instruction ul li a:hover{color:var(--brand-color-2);} #appraisal-head #panel.instruction ul li,#appraisal-head2 #panel2.instruction ul li{line-height:24px;} #appraisal-head #panel.instruction h3{float:left; color:#333;} #appraisal-head #panel.instruction:before,#appraisal-head2 #panel2.instruction:before{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #3399cc; content:""; top: -21px; right: 8px; } #appraisal-head #panel.instruction:after,#appraisal-head2 #panel2.instruction:after{width:0; height:0; position:absolute; border:10px solid transparent; border-bottom:10px solid #ffe; content:"";top: -20px; right: 8px; } #appraisal-head.top-right-side div a.top1{background:url(../images/client/tenant-lite/tenant-lite-2/menu.png) no-repeat center;z-index: 9; position: relative; } #appraisal-head.top-right-side div a.top1:hover, #appraisal-head.top-right-side div a.top1.active{background:url(../images/client/tenant-lite/tenant-lite-2/menu-h.png) no-repeat center; } #appraisal-head.top-right-side div a.tracking{background:url(../images/client/tenant-lite/tenant-lite-2/trackingSheet.png) no-repeat center; } #appraisal-head.top-right-side div a.tracking:hover, #appraisal-head.top-right-side div a.tracking.active{background:url(../images/client/tenant-lite/tenant-lite-2/trackingSheet.png) no-repeat center; } #appraisal-head #panel.instruction table td{color:#000;} #appraisal-head #panel.instruction table td label{color:#777777;} .jcarousel a h4{font-weight:500; text-align:center; font-size:14px; padding:0; margin:0; position:relative; top:8px; letter-spacing: -0.6px; } .jcarousel .msg-summery{line-height:18px; padding:0 4px; display:block; margin:5px 2px; position:absolute;} .container .container-inner-small .container-inner-block.space-reset{margin-top:0; margin-bottom:0;/* width:94%;*/} .jcarousel a{margin:2px; position:relative; display:block;} .t-msg{text-align: center; top: 15px; width: 125px; color:#000} .r-today{text-align: center; top: 65px; width: 125px; color:#000} #displayQuickLink td li{list-style:none; padding:10px;} #stop-on-scroll2 .jcarousel img{margin:0 auto; width:60px !important; height:60px !important; } #stop-on-scroll2 .jcarousel a{position: relative; top: 4px;} #stop-on-scroll2 .jcarousel li{height:125px;} #stop-on-scroll2 .jcarousel li a h4{font-size:12px; background:none!important; border:none!important} #stop-on-scroll2 .jcarousel-wrapper{border:0;} .appraisal-head-fixed{/* position: fixed; right: 3%; top: 43px; z-index: 99;*/} #stop-on-scroll2 .jcarousel li.selectedEmpOnScroll{border:1px solid #1c64a1; background:#fff; box-shadow: 1px 1px 3px 0 #1c64a1;} #stop-on-scroll2 .jcarousel li.selectedEmpOnScroll a h4{font-weight:bold; font-size:11px; background:none!important; border:none!important } .left-side-activity.full-width{width:100%;} .jcarousel li.for-ie8b{visibility:hidden; position:absolute; top:-9999px; left:-9999px;} #myApproverDataDiv{padding-bottom:10px;} .pf-outer,.rp-outer{float:left; width:81%;} .pf-outer.alt{width:100%;} .rp-outer.alt{width:87%;} .rp-outer.tm{width:73%;} .block-heading.alt{border-bottom:none; background:url(../images/client/tenant-lite/tenant-lite-2/plus.png) no-repeat 6px 14px; } .block-heading > span{float:left; width:96%; padding:10px; font-size:14px;} .block-heading > span p{float: right; font-size:12px; font-weight:600; color:#cc3333;} .block-heading > span span{float:none; margin-left:10px; font-size:12px; padding:0 5px; border-radius: 3px;color: #fff;background: #ff0000;} .display_content_data_filter{margin:0px 10px 15px; background:#eceff4; box-shadow:1px 1px 1px #c7d2e3; padding:8px; border-radius:4px; border:1px solid #c8d0de;} .block-outer{float: left; width: 100%; padding:0px;} .togglebox{/* position: relative; right: 45px; top: -22px; float:right;*/ float: right; position: absolute;right: 34px; top: -38px;} .trans-link{float: right;line-height: 35px;padding: 0 10px 0 0; position: relative;} .mrg-box{margin:5px 0;} a.view-right{float:right; margin:5px 5px 0 0;} table.border-on tr.bb td{border:1px solid #d0dced !important; border-bottom:1px solid #d0dced;} div.bb{border-bottom:1px solid #d0dced;} table.border-on tr.bb td:first-child{border-left:none !important;} table.border-on tr.bb td:last-child{border-right:none !important;} table.border-on tr.bb td table tr td{border:none !important;} a.ui-state-highlight{background:rgba(211, 233, 255, .11) !important; border:1px solid rgba(211, 233, 255, .11) !important;} #quickLinksDataDiv{padding-top:10px;} h4{font-size:14px;} h4 small{font-size:12px; font-weight:normal;} .progress-status,.delet-rec{border:1px solid black; text-align:center;} .congr{position:absolute; top:-45px} .setup-left{float:left; width:65%} .setup-right{float:right; width:30%} .no-border{border-collapse:collapse;} .no-border td{border:none; vertical-align:middle; padding:5px;} .no-border th{text-align:left; padding:5px; vertical-align:top;} .steps{border:1px solid #333; padding:5px 10px; margin-bottom:10px; margin-top:15px;} .steps legend{font-size:14px; font-weight:bold;} .steps .li_font_green{border-bottom:none; font-size:14px;} .li_link_right .show_msg a,.li_button,.li_gray_button{background:#00457f;background-image: -moz-linear-gradient(center top, #014580 20%, #105692 100%); color: #fff; cursor: pointer; font-size: 14px;font-weight: normal; line-height:23px; margin:4px; padding: 6px 8px; border-radius:4px; position: relative;} .li_gray_default{color: #333!important; cursor: pointer; font-size: 14px; font-weight: normal; line-height:23px; margin:4px; padding: 6px 8px;border:1px solid #ddd; border-radius:4px; position:relative;} .li_gray_default a{color:#333!important;} .li_gray_default a:hover{color:#333!important; background:#ddd;} .li_button a{color:#fff;} .li_button a:hover{color:#fff!important;} .li_link_right .show_msg a:hover,.li_button:hover,.li_gray_button:hover{background:#1c64a1; background-attachment: scroll; background-clip: border-box; background-image:-moz-linear-gradient(center top, #1c64a1 20%, #1c64a1 100%); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color:#fff} .attendence-box{min-height:80px; padding:5px; width:85%; border: 5px solid #f3f3f3;} .li_form_list_item li a.selected,.li_form_list_item li a.selected:hover, td .li_request_option a.selected,.li_common_link_top .selected{background-color: #1c64a1; color: #FFFFFF; } .ln24{line-height: 24px; } .grey-text{color: #8D8D85;} .attendence-box h3{font-size:14px; margin-bottom:5px;} .c-head{font-size: 20px;margin-bottom: 15px;font-weight: bold;} .del-rem-hide a{border-bottom:1px dotted;} .del-rem-hide a:hover{border-bottom:none; text-decoration:none;} .level-one-pos{float: right; margin: 0 0 0 5px; position: relative; top: 6px; text-align:left;} .level-two-pos{float: right; margin: 0 0 0 5px; position: relative; top: 2px; text-align:left;} .paging_full_numbers{margin:10px 0px;} .paging_full_numbers a.paginate_button{border-radius:2px; background:#f1f1f1!important; border:1px solid #ddd!important; font-size:12px;} .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active{border-radius:2px!important; border:1px solid #01315a; font-size:12px!important;} .li_com_radio_bar label.selected,#ajax_listOfOptions .optionDivSelected, .li_common_checkbox label,.paging_full_numbers a.paginate_active,.nofbreaks{background-color:#1c64a1} .full-width{width:100%} .scroll-x{width:100%; max-width:950px; overflow-x:auto;} #panel.instruction.bgFFF{background-color:#fff !important;} .li_common_form td a.li_f_button{color:#1c64a1;} #TextBoxContainer input[type='image']{border:none;} #table-border-on table td, #table-border-on table th{border:1px solid #ccc !important;} .cam{letter-spacing: -0.9px;} .plus-i{padding:0px 5px;} /* Component styles */ .component{ line-height: 1.5em; padding: 0; width: 100%; overflow: hidden; } .component .filler{ color: #d3d3d3;} .component table{ border-collapse: collapse; margin-bottom: 3em; width: 100%; background: #fff;} .component td, component th{ padding: 0.75em 1.5em; text-align: left;} .component td.err{ background-color: #e992b9; color: #fff; font-size: 0.75em; text-align: center; line-height: 1;} .component th{ font-weight: bold; white-space: nowrap; padding:5px; border:1px solid #E1E1E1; background-color: #f2f2f2; text-align:left;} .component tbody th{ padding:5px; text-align:left;} .component tbody tr:nth-child(2n-1){ background-color: #f5f5f5; transition: all .125s ease-in-out;} .component tbody tr:hover{ background-color: rgba(129,208,177,.3);} /* For appearance */ .sticky-wrap{ overflow-x: auto; overflow-y: hidden; position: relative; margin: 1em 0; width: 100%; } .sticky-wrap .sticky-thead, .sticky-wrap .sticky-col, .sticky-wrap .sticky-intersect{ opacity: 0; position: absolute; top: 0; left: 0; transition: all .125s ease-in-out; z-index: 50; width: auto; /* Prevent table from stretching to full size */} .sticky-wrap .sticky-thead{ box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125); z-index: 100; width: 100%; /* Force stretch */} .sticky-wrap .sticky-intersect{ opacity: 1; z-index: 150;} .sticky-wrap .sticky-intersect th,.sticky-wrap th{ padding:5px; border:1px solid #E1E1E1; background-color: #f2f2f2; text-align:left; color:#333; white-space: nowrap; box-sizing: border-box;} .sticky-wrap td { box-sizing: border-box;} .sticky-wrap tbody th { box-sizing: border-box; background-color:#fff !important; border:1px solid #E4E4E4 !important;} .number-format{padding-right:5px; text-align:right;} /* Not needed for sticky header/column functionality */ .sticky-wrap.overflow-y{ overflow-y: auto; max-height: 50vh;} /* dropdown menu button style */ #bt-menu, #bt-menu ul{ margin: 0; padding: 0; list-style: none; float:left;} #bt-menu{ width: 32px; height:32px;} #bt-menu:before, #bt-menu:after{ content: ""; display: table;} #bt-menu:after{ clear: both;} #bt-menu{ zoom:1;} #bt-menu li{ float: left;position: relative;} #bt-menu a{ float: left; padding: 12px; color: #000000; /*text-transform: uppercase;*/ font: bold 12px Arial, Helvetica; text-decoration: none;} #bt-menu li:hover > a{color: #fafafa;} *html #bt-menu li a:hover{/* IE6 only */ color: #1c64a1;} #bt-menu ul{ margin: 20px 0 0 0; _margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; top: 38px; left: -170px; z-index: 9999; background: #efefef; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-shadow:0 1px 1px #ccc;} #bt-menu li:hover > ul{ opacity: 1; visibility: visible; margin: 0; } #bt-menu ul ul{ top: 0; left: 150px; margin: 0 0 0 20px; _margin: 0; /*IE6 only*/} #bt-menu ul li{ float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/} #bt-menu ul li:last-child{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #bt-menu ul a{ padding:6px 10px; width: 180px; _height: 10px; /*IE6 only*/ display: block; float: none; /*text-transform: none;*/ font-weight:normal; } #bt-menu ul a:hover{ background-color: #1c64a1; } #bt-menu ul li:first-child > a{ -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #bt-menu ul li:first-child > a:after{ content: ''; position: absolute; left: 177px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #1c64a1; } #bt-menu ul ul li:first-child a:after{ left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #1c64a1; } #bt-menu ul li:first-child a:hover:after{ border-bottom-color: #DADFE1; } #bt-menu ul ul li:first-child a:hover:after{ border-right-color: #DADFE1; border-bottom-color: transparent; } #bt-menu ul li:last-child > a{ -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .btn-grp{background: transparent url('../images/client/tenant-lite/multi-button.png') no-repeat scroll; display:block; width:26px; height:26px;} td.asm-t-zero .li_advance_search{margin-top:0;} #TextBoxContainer td input[type='image']{border: medium none; float: left; margin: 0; padding: 0; position: relative; top: 5px;} .bdr-ab tr td{border:1px solid #333999 !important;} .top-menus .logo{width:auto; margin-left:7px;} /* Responsive style should be in bottom */ @media screen and (min-width: 220px) and (max-width: 1023px){ .cd-header-buttons{display:none;} .hr-home .module-head{min-height:100px;} .main-heading.payroll{top: 258px;} .top-menus-small .center-menu{margin-top:0 !important; padding:0 5% !important; position: fixed !important; top: 0 !important;} .top-menus .center-menu{background: none repeat scroll 0 0 #1c64a1; float: left; margin: 10px auto; clear: both; width:100%; padding: 0 17%;} .top-menus .top-right{background: none repeat scroll 0 0 #1c64a1; float:right; position: absolute; text-align: right;} .top-menu-outer{margin-bottom:104px} .bread-pos{/*top:165px;*/} .free-trial{/*top:183px;*/} .li_faq_panel{/*top:164px;*/} .sidebar-menus{width:100%} .container .container-inner-small{margin: 10px; width: 97.5%;} html{overflow-x:auto !important;} .top-menus-small .logo_outer, .top-menus-small .top-right{display:none;} .top-menus .logo img{width:100%} .top-menus .top-info .info-mid{width:auto;} .top-menus .top-right{width:auto;} #content{position: relative; width: 380px;} #topHeader{height: 28px; padding-top: 16px; padding-left: 16px; padding-right: 5px; } #over-menu{position: absolute; box-shadow: 0 1px 1px #333999; float: left; top: 171px; left: -240px; width: 240px; z-index:99; background:#fff;} #accountImageMobile{width: 24px; height: 24px; display:block; margin: 1px 0 0 1px; cursor: pointer; background: url("../images/client/tenant-lite/tenant-lite-2/menu_999.png") no-repeat scroll left 0 rgba(0, 0, 0, 0); } #close{background: url('../images/client/tenant-lite/left_round.png') no-repeat 0 0 transparent; position: absolute; display: block; width: 26px; height: 26px; top: 5px; right: 5px; cursor: pointer; } #display220{overflow: hidden; display:block !important; position:relative;} .side-menu{display:none;} .left-side-activity{float: none; width: 98.2%;} .right-side-activity{float: none; margin-right: 10px; width: 98.8%; } .sidebar-menus .menu{font-size:16px} .sidebar-menus .menu1 a{font-size:14px;} .sidebar-menus .menu1{padding:5px;} } @media screen and (min-width: 1024px){ #display220{overflow: hidden; display:none;} } @media screen and (max-width: 220px){ .main-heading.payroll{ top: 132px; } .free-trial{ top: 71px !important; right: 2px !important; } .org-chart{width:800px; margin:0 auto;} .top-menus li.nav_button{width:90px !important;} .top-menus{width:100%; font-size:12px; height: 38px; float:left; background: #1c64a1; position:fixed; } .top-menus ul{list-style:none; } .top-menus li.nav_button{height: 38px; float:left;width:90px; border-right:1px solid #2b84de; border-left:1px solid #6db3f9; position:relative;} .top-menus li.nav_button:hover{border-right:1px solid #fff; border-left:1px solid #fff; background:#fff;} .top-menus li.nav_button a{display:block; padding:0; color:#fff;} .top-menus li.nav_button:hover a{color:#333;} .top-menus li.nav_button ul a{display:block; color:#666; padding:5px;} .top-menus li.nav_button ul a:hover{font-weight:500; color:#3399cc; } .top-menus ul li.nav_button:hover .line-menu{display:block;} .top-menus li.nav_button a span{display:block; padding: 16px 0px 0px 28px; height:22px; text-align:center;} .top-menus li.Home span{background:url(../images/client/tenant-lite/tenant-lite-2/hr-small.png) no-repeat 6px 10px;} .top-menus li.Home:hover span, .top-menus .Home.active span{background:url(../images/client/tenant-lite/tenant-lite-2/hr-small-h.png) no-repeat 6px 10px; } .top-menus .nav_button.Home.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus .nav_button.Home.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus li.MyProfile span{background:url(../images/client/tenant-lite/tenant-lite-2/profile-small.png) no-repeat 6px 10px;} .top-menus li.MyProfile:hover span,.top-menus .MyProfile.active span{background:url(../images/client/tenant-lite/tenant-lite-2/profile-small-h.png) no-repeat 6px 10px;} .top-menus .nav_button.MyProfile.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus .nav_button.MyProfile.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus li.MyTeam span{background:url(../images/client/tenant-lite/tenant-lite-2/manage-small.png) no-repeat 6px 10px;} .top-menus li.MyTeam:hover span, .top-menus .MyTeam.active span{background:url(../images/client/tenant-lite/tenant-lite-2/manage-small-h.png) no-repeat 6px 10px;} .top-menus .nav_button.MyTeam.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus .nav_button.MyTeam.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus li.Report span{background:url(../images/client/tenant-lite/tenant-lite-2/report-small.png) no-repeat 6px 10px;} .top-menus li.Report:hover span, .top-menus .Report.active span{background:url(../images/client/tenant-lite/tenant-lite-2/report-small-h.png) no-repeat 6px 10px;} .top-menus .nav_button.Report.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus .nav_button.Report.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus li.Settings span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small.png) no-repeat 6px 10px;} .top-menus li.Settings:hover span, .top-menus .Settings.active span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small-h.png) no-repeat 6px 10px;} .top-menus .nav_button.Settings.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus .nav_button.Settings.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus li.SettingsEmp span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small.png) no-repeat 6px 10px;} .top-menus li.SettingsEmp:hover span, .top-menus .Settings.active span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small-h.png) no-repeat 6px 10px;} .top-menus .nav_button.SettingsEmp.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus .nav_button.SettingsEmp.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus li.SetupTrial span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small.png) no-repeat 6px 10px;} .top-menus li.SetupTrial:hover span, .top-menus .SetupTrial.active span{background:url(../images/client/tenant-lite/tenant-lite-2/settings-small-h.png) no-repeat 6px 10px;} .top-menus .nav_button.SetupTrial.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus .nav_button.SetupTrial.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus li.Help span{background:url(../images/client/tenant-lite/tenant-lite-2/help-small.png) no-repeat 6px 10px;} .top-menus li.Help:hover span, .top-menus .Help .active span{background:url(../images/client/tenant-lite/tenant-lite-2/help-small-h.png) no-repeat 6px 10px;} .top-menus .nav_button.Help.active{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus .nav_button.Help.active:hover{border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;} .top-menus li.nav_button.alt{border-right:1px solid #2b84de;} .top-menus li.nav_button.alt:hover{border-right:1px solid #f3f3f3;} .top-menus .center-menu{width:554px; margin:0 auto;} .top-menus .side-border{height:38px; width:1px; background:#6db3f9; float:left;} .top-menus .side-border.alt{height:38px; background:#2b84de;} .top-menus ul li.nav_button .line-menu{display:none; position:absolute; background:#fff; width:640px; margin-left:-230px; margin-top: 0px; border-bottom: 5px solid #3399cc; box-shadow: 2px 5px 5px 0px #333; padding:5px; z-index:9999;} .top-menus ul li.nav_button .line-menu ul{width:30%; float:left; padding: 20px 10px 0px 10px; } .top-menus ul li.nav_button .line-menu ul li{width:100%;} .top-menus ul li.nav_button .line-menu ul h4{font-size:14px; color:#333; font-weight:normal; border-bottom:1px solid #f3f3f3; padding-bottom: 5px;} .top-menus ul li.nav_button .line-menu ul h4:hover{color:#3399cc;} .top-menus .logo{width:110px; height:30px; float:left; margin:4px 12px; padding:0px 0px;} .top-menus .top-info{float:left; padding: 8px 10px 0px 0px; width:auto;} .top-menus .top-info span{color:#fff; font-weight:normal;} .top-menus .top-info .name-info{padding:0px 0px 0px 10px;} .top-menus .top-info .name-info strong{margin-right:3px;} .top-menus .top-info .name-info h4{float:left; color:#fff;} .top-menus .top-info .info-mid{display:none;} .top-menus .top-info .calendar img{display:none;} .top-menus .top-info .clock img{display:none;} .top-menus .top-info .clock,.top-menus .calendar{display:none;} .top-menus .profile-pic{width:30px; height:30px; float:left; margin-left:0px; padding-top:4px;} .top-menus .log-out{background:#fff; color:#1c64a1; padding:2px 8px; float:right; margin-left:8px;} .top-menus .top-right{position:absolute; right:32px;} .top-menus-small .center-menu{margin-top:0 !important; padding:0 5% !important; position: fixed !important; top: 0 !important;} .logo_outer{display:block; position:relative; width:100%; text-align:center;} .top-menus .center-menu{background: none repeat scroll 0 0 #1c64a1; float: left; margin: 0; clear: both;} .top-menus .top-right{background: none repeat scroll 0 0 #1c64a1; float: left; padding: 0 10px 10px 35px; position: relative; text-align: right; width: 100%;} .top-menu-outer{margin-bottom:0px; background:none; height:55px;} .top-menus .logo{margin-left:12%;} .top-menus .logo img{width:100%} .bread-pos{top:40px;} .free-trial{top:40px;} .li_faq_panel{top:55px;} .sidebar-menus{width:100%} .container .container-inner-small{margin: 10px; width: 97.5%;} html{overflow-x:auto !important;} .top-menus-small .logo_outer, .top-menus-small .top-right{display:none;} .top-menus-small .logo img{max-height: 30px; width: auto; } .top-menu-outer .logo_outer,.top-menu-outer .top-right{display:none;} .top-menus-small .center-menu{padding: 0 5% 0 0 !important;} .serach-bar-pos{margin-top:35px;} .search-logobar #ajax_listOfOptions{width:39%!important;} .search-home-logobar{border-bottom:0px solid #3c3c3c!important;padding: 3px 10px !important;text-align: right;top: -5px;position:relative;} .search-logobar{padding-right:35px!important; background:#fff url('./images/client/tenant-lite/tenant-lite-2/search.png') no-repeat; background-position:305px; font-style:italic;} .top-menus-small .serach-bar-pos{margin-top:19px;} .top-menus-small .search-logobar{padding-top: 0px !important; height: 27px;} .serach-bar-pos{font-size:28px;} .top-menus-small .serach-bar-pos{font-size:24px;} .top-menus-small .search-home-logobar{top: -10px;} #content{position: relative; width: 380px;} #topHeader{height: 28px; padding-top: 16px; padding-left: 16px; padding-right: 5px; } #over-menu{position: absolute; box-shadow: 0 1px 1px #333999; float: left; top: 45px; left: -240px; width: 240px; z-index:99; background:#fff;} #accountImageMobile{width: 24px; height: 24px; display:block; margin: 1px 0 0 1px; cursor: pointer; background: url("../images/client/tenant-lite/tenant-lite-2/menu_999.png") no-repeat scroll left 0 rgba(0, 0, 0, 0); } #close{background: url('../images/client/tenant-lite/left_round.png') no-repeat 0 0 transparent; position: absolute; display: block; width: 26px; height: 26px; top: 5px; right: 5px; cursor: pointer; } #display220{overflow: hidden; display:block !important; position:relative;} .side-menu{display:none;} .left-side-activity{float: none; width: 98.2%;} .right-side-activity{float: none; margin-right: 10px; width: 98.8%; } .sidebar-menus .menu{font-size:16px} .sidebar-menus .menu1 a{font-size:14px;} .sidebar-menus .menu1{padding:5px;} } .fa-border{border:0em!important;} .breadcrumb-gray a:hover{color:#20d3ff; } /*----responsive tabs------*/ .transformer-tabs{border-bottom-color: #2f3031; border-bottom-style: solid; border-bottom-width: 5px; margin-bottom:20px;} .transformer-tabs ul{ list-style: none; padding: 0; margin: 0; /*border-bottom: 3px solid white;*/ } .transformer-tabs li{ display: inline-block; padding: 0; vertical-align: bottom; } .transformer-tabs li:nth-child(1) .active{ color:#fff; border-bottom-color: #2f3031; } .transformer-tabs li:nth-child(2) .active{ color:#fff; border-bottom-color: #2f3031; } .transformer-tabs li:nth-child(3) .active{ color:#fff; border-bottom-color: #2f3031; } .transformer-tabs li:nth-child(4) .active{ color:#fff; border-bottom-color: #2f3031; } .transformer-tabs a{ font-size:14px; font-weight:500; color:#333; padding: 0px 16px; text-decoration:none; display: block!important; background:#e0e0e0;border-radius:4px; border-bottom-left-radius: 0; margin-right:5px; border-bottom-right-radius: 0; line-height: 35px; } .transformer-tabs a.active{ /* border-bottom: 3px solid transparent;*/ background-color: #2f3031; color:#fff!important; position: relative; bottom:0; } @media (max-width: 700px){ #snackbar{ margin-left: 27px;} .transformer-tabs{border-bottom:none;} .transformer-tabs ul{ border-bottom: 0; overflow: hidden; position: relative; background: #666; /* fallback */ background: linear-gradient(#666, #222); } .transformer-tabs a{border-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px; border-bottom:1px dotted #333;} .transformer-tabs ul::after{ content: "\f0c9"; font-size:18px; font: var(--fa-font-solid); position: absolute; top: 4px; color:#fff; right: 15px; z-index: 2; pointer-events: none; } .transformer-tabs ul.open a{ position: relative; display: block; } .transformer-tabs li{ display: block; } .transformer-tabs a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .transformer-tabs a.active{ border: 0; z-index: 1; background: #666; /* fallback */ background: linear-gradient(#666, #222); } } .tabs > div{ display: none; padding: 1rem; } .tabs > div:nth-of-type(1){ background: #2f3031; } .tabs > div:nth-of-type(2){ background: #2f3031; } .tabs > div:nth-of-type(3){ background: #2f3031; } .tabs > div:nth-of-type(4){ background: #2f3031; } .tabs > .active{ display: block; } /*-----Succession planning------*/ .Succession-planning{margin-top:20px;} .header-t{background-color:#1c64a1; color:#fff; font-size:14px; line-height:25px;padding: 5px; height:32px;} .body-t{padding:5px; margin-top:20px;} span.icon{float: left; position: absolute;right: -9px;} /* stylesheet for goalsheet*/ #goalsheet{ background:#fff; width:100%; position:relative; text-align:left; z-index:1; float:left; } #goalsheet .empl_dv_pl{ font-weight:normal; width:100%; background:transparent; border-radius:5px; position:relative; min-height:600px; text-align:center; margin:0 0% 0 0; } #goalsheet .onerow{ width:99%; clear:both; padding:0 0px; vertical-align:top; border:0px solid #ccc; display:block; margin:0 0 0 0.5%; } #goalsheet .col2{ width:6%; color: #666; font-size:12px; font-weight:bold; margin:2% 0% 0% 2%; padding: 0px 0; display:inline; vertical-align:top; border:0px solid #ccc; text-align:left; position:relative; float:left; } #goalsheet .empl_dv_pl .col2 a{ color: #666; text-decoration:none; } #goalsheet .col4{ width:10%; color: #666; font-size:12px; margin:2% 0% 0% 2%; padding: 0px 0; display:inline-block; vertical-align:top; border:0px solid #ccc; text-align:left; position:relative; float:left; } #goalsheet .col3,col4.last{ margin:0; position:relative; float:left; } #goalsheet .col4 input{ border:1px solid #ccc; background:#fff; vertical-align:top; position:relative; float:left; } #goalsheet .col3{ width:58%; border:0px solid #ccc; color: #666; font-size:12px; margin:1.5% 8% 0% 0%; text-align: left; padding: 5px 0; display:inline-block; vertical-align:top; position:relative; float:left; } #goalsheet .col3 a{ color: #666; text-decoration:none; position:relative; float:left; } #goalsheet .col3 input{ border:1px solid #ccc; background:#fff; position:relative; float:left; } #goalsheet .col3 textarea{ border:1px solid #ccc; background:#fff; vertical-align:top; } #goalsheet .col3 select{ border:1px solid #ccc; background:#fff; vertical-align:top; } #goalsheet .col12{ color: #666; font-size:12px; font-weight:normal; width:97%; border:0px solid #ccc; text-align:center; margin:3% 0 0 0%; display:inline-block; } #goalsheet .col14{ color: #666; font-size:12px; font-weight:normal; width:80%; border:0px solid #ccc; text-align:left; margin:1.5% 0 0 20%; display:inline-block; } #goalsheet .col12_lft{ border:0px solid #ccc; font-weight:bold; text-align:left; margin:0; float:left; } #goalsheet .col12_rght{ border:0px solid #ccc; text-align:left; margin:0 8.1% 0 2%; float:right; } /* stylesheet for goalsheet form2*/ #goalsheet .col2_a{ width:50%; color: #666; font-size:12px; font-weight:bold; margin:2% 0% 0% 2.5%; padding: 0px 0; display:inline; vertical-align:top; border:0px solid #ccc; text-align:left; position:relative; float:left; } #goalsheet .col2_a_hdr{ width:20%; color: #666; font-size:12px; font-weight:normal; margin:1% 25% 0% 2.5%; padding: 0px 0; display:inline; vertical-align:top; border:0px solid #ccc; text-align:left; position:relative; float:left; } #goalsheet .col2_b{ width:12%; color: #666; font-size:12px; font-weight:normal; margin:2% 0% 0% 2%; padding: 0px 0; display:inline; vertical-align:top; border:0px solid #ccc; text-align:left; position:relative; float:left; } #goalsheet .col2_c{ width:12%; color: #666; font-size:12px; font-weight:normal; margin:2% 0% 0% 2.5%; padding: 0px 0; display:inline; vertical-align:top; border:0px solid #ccc; text-align:left; position:relative; float:left; } #goalsheet .col2_d{ color: #666; font-size:12px; font-weight:normal; margin:2% 0% 0% 2%; padding: 0px 0; display:inline; vertical-align:top; border:0px solid #ccc; text-align:left; position:relative; float:left; } #goalsheet .col2_d img{ display:block; margin:2.5% 0 0 0; } #goalsheet .col2_e{ color: #666; font-size:12px; font-weight:normal; width:97%; border:0px solid #ccc; text-align:left; margin:0% 0 0 2.5%; display:inline; float:left; } #goalsheet .col2_f{ color: #666; font-size:12px; font-weight:normal; width:85%; border:0px solid #ccc; text-align:left; margin:1% 0 0 13%; display:inline; float:left; } #goalsheet .col2_e_lft{ color: #333; font-size:12px; font-weight:normal; border:0px solid #ccc; text-align:left; margin:0% 0 0 0%; display:inline; float:left; width:10%; } #goalsheet .col2_e_rght{ color: #666; font-size:12px; font-weight:normal; border:0px solid #ccc; text-align:left; margin:0% 0 0 1%; display:inline; float:left; } .myprofile_editor{height:28px; width:25px; float:right; margin-top:30px; margin-right:5px; background:url(../images/client/tenant-lite/tenant-lite-2/edit.png) no-repeat center 4px;} .myprofile_editor:hover{background:url(../images/client/tenant-lite/tenant-lite-2/edit-h.png) no-repeat center 4px;} #feedback a:hover{background: none repeat scroll 0% 0% #06C;} #feedback a{ display: block; background: none repeat scroll 0% 0% #39f; padding: 8px 15px 8px 15px; color: #FFF; font-size: 15px; font-weight: bold; text-decoration: none; border-bottom: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #FFF; box-sizing: content-box; position:fixed; text-align:center; float:right; bottom:0; right:0; border-radius:5px; vertical-align: baseline; z-index: 99999; } #feedback_container .feedback_hdr { font-size:18px; font-weight:normal; color: #333; } #feedback_container .feedback_txt { font-size:12px; font-weight:normal; color: #333; margin:10px 0 10px 0; } #feedback_container .feedback_icon div { font-size:12px; font-weight:normal; color: #333; margin:10px 10px 10px 0; display:inline-block; } #feedback_container input, textarea { border:1px solid #ccc; border-radius:2px; /*margin:10px 0 10px 0;*/ } #feedback_container .submit_btn { border:1px solid #ccc; border-radius:5px; background:#606060; color:#fff; margin:10px 0 10px 0; width:120px; font-size:14px; font-weight:normal; text-align:center; padding:10px; display:inline-block; } #feedback_container .submit_btn a { color:#fff; text-decoration:none; } #feedback_container .submit_btn a:hover { color:#ccc; } /*div + p{ color: red; }*/ /* Hide radio button (the round disc) we will use just the label to create pushbutton effect */ #feedback_container input[type=radio]{ display:none; margin:10px; } /* Change the look'n'feel of labels (which are adjacent to radiobuttons). Add some margin, padding to label */ #feedback_container input[type=radio] + label{ display:inline-block; margin:-2px; padding: 4px 12px; background-color: transparent; border-color: #ddd; } /* Change background color for label next to checked radio button to make it look like highlighted button */ #feedback_container input[type=radio]:checked + label{ background:#606060; color:#fff; border-radius:5px; border:1px solid #606060; } /* stylesheet for recruitment page */ #app_track{ /* background: transparent; */ padding:5px; display:inline; float:left; /*background:none repeat scroll 0% 0% rgba(243, 243, 243, 0.001);*/ } #app_track .row{ float:left; display:inline; /*margin-right:10px;*/ } .row-interview{/* border:1px solid #bed2e2; */ border-radius:6px; background:#f3f3f3; padding:5px; margin:15px 0px 25px;} .row-interview .img{border:1px solid #ccc; height:70px!important;width:80px!important} .row-interview p.job-dis{font-size: 16px; color: #000; font-style: italic; letter-spacing: 0.5px; padding-top:5px; font-weight: 500; } .row-interview p.job-dis span{font-size:17px; font-weight:bold; padding:0px 5px; color:#1c64a1; font-style:normal;} .row-interview p.job-dis span a{color:#1c64a1} #app_track .interview{ color:#000;font-size: 14px; line-height:25px; /*float:left; display:inline; margin-left:10px; margin-right:30px; margin-left:30px;*/ } #app_track .interViewCandidate_name{ font-weight:normal; text-align:left; float:left; /*margin-right:50px;*/ } #app_track .candidate_N{ font-size:20px; font-weight:normal; text-align:left; float:left; /*margin-right:50px; width:70%; margin-left:10px;*/ } #app_track .candidate_N a{ border-bottom:1px dashed #000; color:#333; } #app_track .candidate_N a:hover{ border:0; } #app_track .txt{ color:#000; font-size:15px; line-height:20px; } #app_track .txt_main{ color:#000; font-size:15px; line-height:20px; padding:10px 0px; /*margin:10px 0 10px 30px;*/ } #app_track .job_des{ color:#000; font-size:18px; padding:4px; margin-right:2px; } #app_track .job_des a{ color:#39f; border-bottom:1px dotted #39f; } #app_track .job_des a:hover{ border-bottom:0; } #app_track .num_req{ color:#555; font-size:13px; font-weight:normal; font-weight:bold; float:left; margin-top: 9px; } #app_track .creat_by{ color:#000; font-size:14px; font-weight:normal; } #app_track .jobs{ font-weight:bold; font-size:14px; line-height:20px; color:#555; margin-top: 7px; } #app_track .actions{margin-top:10px!important;} #app_track .bdr-bottom{ border-bottom:1px dashed #666; } #app_track .email{ background: url('../images/client/tenant-lite/tenant-lite-2/email.png'); background-repeat:no-repeat; height:16px; text-align:left; float:left; margin-top: 12px; } #app_track .email a{ display:block; } #app_track .note{ background: url('../images/client/tenant-lite/tenant-lite-2/note1.png') no-repeat scroll center center transparent; width:20px; height:16px; text-align:left; float:left; /*margin-left:15px;*/margin-top: 12px; } #app_track .note a{ display:block; } #app_track .note_txt{ color:#555; float:left; margin-left:22px; margin-top: -27px; } #app_track .shortlist{ color:#555; /*float:right;*/ font-weight:bold;text-align: right; margin-top:10px; } #app_track .cross{ background: url('../images/client/tenant-lite/tenant-lite-2/close-faq.png') no-repeat scroll center center transparent; width:16px; height:16px; text-align:left; display:block; } #app_track .cross a{ display:block; } #app_track .menu{ background:url('../images/client/tenant-lite/tenant-lite-2/menu.png') no-repeat scroll center center transparent; width:19px; height:16px; border-radius:5px; float:left; margin:0 30px; } .icon_manpower{position: absolute;right: 0px;z-index: 9;top: 0;} .icon_manpower li{padding:0px 7px;border-right: 1px dotted #ccc; display: inline;} .icon_manpower li a{color:#333; font-size:15px} .icon_manpower li a:hover{color:#000;font-size:17px; transition: all 1s ease-in-out 0s; -webkit-transition:all .3s linear; -o-transition:all .3s linear;transition:all .3s linear;} .container{width:100%!important; padding:0px!important;} .row{margin:0px;margin-right:0px!important;margin-left:0px!important; } .clear{clear:both;} .logoarea{/* height:80px; padding:5px 10px;*/ } .breadcrumb-gray{padding:7px 0 7px 10px; /*border-bottom:1px solid #fff;*/width: 100%; color:#1c64a1; background:#11252c; height: 44px; /*---margin-top for sticky menu--*/margin-top:80px; position:fixed!important;} .breadcrumb-gray a{color:#fff;} .breadcrumb-gray a:hover{color:#666; } .top-right-side #enableOrgCharForLogin .fa{color:#acacac; } .top-right-side #enableOrgCharForLogin .fa:hover{color:#acacac;} .shortcut_icons a{padding:3px 5px;} #breadcrumb-icons .top-right-side a{color:#acacac!important;cursor: pointer;} #breadcrumb-icons .top-right-side a:hover{color:#acacac!important} .breadcrumb-gray freetrail{color:#f1f1f1;} .content-section{margin:0px; padding:0px; /*margin-top:121px;*/ position:absolute;} .content-section h2{font-size:25px; padding:0px 0px; color:#555; } .homepageh2{text-transform:none!important;} .content-section h3{font-size:18px; padding:10px 0px; color:#333; text-transform:none;} .content-section h4{font-size:16px!important; padding:10px 0px; color:#666;} #hrManager-section h2, #hrManager-section-order h2, #manager-section h2, #manager-section-order h2, #employee-section h2, #employee-section-order h2{font-size:20px!important;padding: 10px !important;} .content-section .leftpenel{/*background:#fff; padding:0px 0px 0px 10px; */ } .content-section .leftpenel{/*background:#fff; padding:0px 0px 0px 10px; min-height:500px; border:1px solid #ddd;border-right:1px solid #ccc; */border-top:0px!important; box-shadow:1px 2px 1px #eee; border-left:0px; padding-right:5px;} #display_page_quickLinks{/*background:#fff;*/ margin-right:5px;} .populatedShortCutMenu .graybar{padding-left:13px!important;} .content-section .leftpenel .filters{padding:10px 10px 10px 10px; position:relative; letter-spacing: -0.5px;} .content-section .leftpenel .filters button, .content-section .leftpenel .filters input,.content-section .leftpenel .filters optgroup, .content-section .leftpenel .filters select, .content-section .leftpenel .filters textarea{margin-bottom:7px; } .chosen-container-single .chosen-single{height: 34px!important;border: 1px solid #ccc!important;border-radius: 4px!important;background: #fff!important;line-height: 31px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);color:#464646!important;} .section_filter{padding: 15px 0px;background: #fff; border: 1px solid #fff; box-shadow: 0 1px 15px 1px rgba(184,211,232,0.8)!important; margin:10px 10px 6px;border-radius:30px!important;} .section_filter:hover{box-shadow: 0 0px 0px 0px rgba(184,211,232,0.8) !important; border: 1px solid rgba(184,211,232,0.8);transition: all 1s ease-in-out 0s; -webkit-transition:all .3s linear; -o-transition:all .3s linear;transition:all .3s linear;} .section_filter i{color:#666!important; font-size:16px!important; margin-top: 10px;font-weight: bold;} .section_filter i:hover{color:#000!important} .section_filter label{font-weight:bold!important; padding:5px 0px; padding-top:0px;} .section_filter .icon_filter{text-align: center;border-radius: 50%;border: 3px dotted #000;padding: 5px; padding-top: 5px;margin:-7px auto;display: block;height: 50px;width: 50px;padding-top: 8px;font-size: 24px !important;} .section_filter .editLayout{position: absolute;top: 10px;right: 28px;} #panel-quick .chosen-container .chosen-results{letter-spacing:-0.6px;} .chosen-container{width:98%!important} .chosen-disabled, .chosen-disabled{ width: 98% !important;} .chosen-container .chosen-results li{padding: 5px 5px!important;} #panel-quick .chosen-container-single .chosen-single{display: block !important;height: 30px !important;} .chosen-container-single .chosen-drop{margin-top: -3px!important;z-index:9999999999 !important;} .top-right-side div a.chosen-single{margin: 1px 0px!important;} .top-right-side #serachBar{display:none!important} .chosen-container .chosen-drop{border: 1px solid #ccc!important;z-index:9999999999 !important;} .chosen-container-single .chosen-drop{} .chosen-container .chosen-results{z-index:40000;} .chosen-container .chosen-results li{width:100%!important} .chosen-container-single .chosen-single div{top: 4px!important;} .chosen-container-multi .chosen-choices{border: 1px solid #ccc!important; background: #fff!important;border-radius: 4px!important;min-height: 34px!important;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);color:#464646!important;} .chosen-container-multi .chosen-choices:focus, .chosen-container-single .chosen-single:focus{ border-color: #66afe9!important; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)!important; } .chosen-container-active .chosen-choices, .chosen-container-active .chosen-single{ border: 1px solid #66afe9!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)!important; } .popup_new .chosen-container-single .chosen-single span{margin: 3px 10px 10px 0px!important;} .chosen-container-single .chosen-single span{margin-top: 3px;} .overlay .chosen-container{width: 50% !important;} .overlay .chosen-container-single .chosen-single div{top: 1px !important;} .overlay .chosen-container-single .chosen-single{line-height: 20px!important; height:25px!important;} /* .chosen-disabled{width: 25% !important;} */ /* .appraisal-form .chosen-container{ margin: 10px 0px; } .appraisal-page .chosen-container .chosen-results{max-height: 80px;} */ .form-control{padding:4px!important; /*height:auto;*/ color:#464646; width: 98%!important;} .form-control textarea{margin-right:10px!important;} .form-control select{border:none!important; padding:0px;!important; margin:10px 0px;} .form-control option{background:#fff; float: none !important; line-height:normal !important; position: static !important; text-align: match-parent; text-indent: 0; white-space: nowrap !important; word-wrap: normal !important; height:25px;} .form-control input{padding:2px 4px!important; } select:focus > option:checked, select:focus > optgroup > option:checked{ background-color:#1c64a1 !important; color: highlighttext !important; } .filter .fa{font-size:13px!important;} .content-section .rightpenel{background:#fff; border-left:0px solid #ccc; } .content-section .rightpenel .content{padding:10px;} .content-section .rightpenel .content .contentbox{clear: both;} .shadow_box_outer{clear: both; box-shadow: 0 1px 15px 1px rgba(184,211,232,0.8) !important; border-radius:6px; padding: 5px;min-height: 450px;} .content-section .rightpenel .content .contentbox .content-text{margin:15px 6px; /*border:1px solid #74899e;*/ border-left:0px;border-top:0px; color:#333333;} .content-section .graybar{background:#5f5f5f ; color:#fff; padding:5px 10px 5px 8px; padding-left:8px; /*text-transform:uppercase;*/letter-spacing: -0.5px; } .content-section .rightpenel .content .contentbox .content-text .content-emp{/*padding:5px 10px;*/ color:#333;} .content-section .rightpenel .content .contentbox .content-text .img{/* padding:1px ; border:1px solid #546172;*/} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail{padding:0px 5px;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail p{padding:0px 0px 3px; margin:0px;} .footer{text-align:center; padding:5px 10px; background:#eceff4;} /*ol, ul{ list-style: none; }*/ span.star{ color: #ff0000;!important;margin: 0px !important;} h3{margin:0px; padding:5px 0px ;color:#1c64a1; font-size:14px;} /*----------personalprofile------------*/ .personalprofile{margin:0px; padding:10px; padding-top:0px; margin-top:0px; background:#fff; font-size:14px!important;} .personalprofile h3{margin:0px; padding:5px 0px ; font-weight:bold; color:#1c64a1; font-size:14px; } .personalprofile .images{} .detail_profile{margin:10px 0px 0px;} .personalprofile .color{color: #1c64a1; float: left; font-size: 16px; margin-right: 10px; margin-top: 6px; } .personalprofile .fa-phone{transform: rotate(90deg);} label{font-weight:normal; font-size: 14px; margin-bottom:0px; padding:0px 0px;} .personalprofile .detail_profile label{margin-left: 10px;margin-top: 3px; padding:2px 0px; line-height:20px; font-weight:normal!important;} .personalprofile .detail_profile .text{margin:0px 0px; padding:0px 0px; line-height:30px; float: left; font-weight: 600; font-size: 12px; margin-left:10px;} displabel{margin-left: 10px;margin-top: 3px; padding:2px 0px; line-height:20px; font-weight:normal!important; float:left;color:#666;} dispcontentdiv{margin:0px 0px; padding:0px 0px; line-height:30px; float: left; font-weight: 600; font-size: 12px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width:110px;color:#333;} dispcontentdivfullsize{margin:0px 0px; padding:0px 0px; line-height:30px; float: left; font-weight: 600; font-size: 12px;color:#333;} dispcontentlargefont{margin:0px 0px; padding:0px 0px; line-height:30px; float: left; font-weight: 600; font-size: 15px;color:#333;} dispcontentlargefontname{margin:0px 0px; padding:0px 0px; line-height:30px; float: left; font-weight: 600; font-size: 15px;color:#333;} .dispcontentlargefont{margin:0px 0px; padding:0px 0px; line-height:30px; float: left; font-weight: 600; font-size: 15px;color:#333;} .dispcontent{margin:0px 0px; padding:0px 0px; line-height:30px; float: left; font-weight: 600; font-size: 12px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width:110px;color:#333;} .dispcontentfullsize{margin:0px 0px; padding:0px 0px; line-height:30px; float: left; font-weight: 600; font-size: 12px;color:#333;} label.text{margin:3px 0px; padding:2px 0px; line-height:25px;font-weight:bold!important; font-size: 13px; display:block;} .personalprofile .detail_profile .details{margin:0px; padding:0px; padding-right:20px;word-wrap: break-word;} .detail-person{border:1px solid #ddd; padding:10px; margin:10px;border-radius: 10px;} .detail-person .text{padding:0px!important;font-size: 13px; font-weight: bold; line-height: 30px; /*text-transform: uppercase;*/} .bottom{margin-bottom:10px;} .table-bordered{margin:10px 0px; font-size:14px;} /*a.li_f_button{font-size:13px!important;}*/ /*----btn--underline--*/ .button-underline{text-decoration:none; margin:0px 7px!important;} .button-underline:hover{border-bottom:1px dotted #333;} /*----top right----*/ .toprightN{margin:0px; padding:0px; color:#fff;} .toprightN .left-cont{line-height: 20px; margin-bottom: 0; margin-top: 18px;} .toprightN .img{padding:5px; margin-top:13px;} .toprightM, .singleInfoInM{display:none;} .singleInfoInD{display:block;} .singleInfoInD h5{border-bottom:0px!important;} .singleInfoInD .li_emp_name{font-weight:bold!important;} .user h5{padding:0px!important;} .toprightN .fullname{float:right; margin: 20px 0 0; padding:0px; } .toprightN .fullname .name_em{font-size:15px; font-weight:bold; display:inline; float:left; margin-right:10px;} .toprightN .fullname .name_em a{color:#fff; text-decoration:underline;} .toprightN .fullname .name_em a:hover{color:#fff; text-decoration:none;} .toprightN .fullname .btn-logoff{float:left; background:#fff; border:1px solid #eee; color:#333; border-radius:4px; padding:1px 5px; margin-left:2px; } .toprightN .fullname .btn-logoff a{color:#333!important; text-decoration:none !important; } .toprightN .fullname .btn-logoff a:hover{color:#000!important; } .toprightN .inf_em{float:right; font-size:14px; font-weight: normal!important;} .toprightN .cal_em{float:right; font-size:14px; font-weight: normal!important;} .toprightN .img-emp{border:none; margin:0px;margin-top: 15px;padding:0px; background:none;float:left;} .toprightN .emp-des{width: 72%;float:left; padding:5px; color:#333;} .toprightN .img-emp .image{border-radius:25px;margin-left: 0 !important;cursor: pointer; height:50px;width:50px;} .toprightN .border-bb{border-bottom:1px dashed #ccc; padding:3px 0px;} .toprightN .fullname .name_em{margin-right:0px;} .toprightN .pull-right{float: right; margin-right: 13px} .toprightN .dropdown-menu{width: 280px; padding:5px;margin-right: 20px;} .toprightN .dropdown-menu li{margin-bottom:5px;} .toprightN .dropdown .dropdown-menu{ -webkit-transition: all 0.8s!important; -moz-transition: all 0.8s!important; -ms-transition: all 0.8!important; -o-transition: all 0.8!important; transition: all 0.8!important; max-height: 0!important; display: block!important; overflow: hidden!important; opacity: 0!important; } .toprightN .dropdown.open .dropdown-menu{max-height: 500px !important;opacity: 1!important;} .toprightN .btn-pos{float:left; /*width:23%;*/margin-top:5px;font-size:12px;} .toprightN .login-pos{float:right;font-style:italic;margin-top:10px; color:#333; font-size:11px; margin-right:5px;} .icon-v{background:url(../images/client/tenant-lite/tenant-lite-2/free-trial/menu-arrow.png) no-repeat;height: 5px; position: absolute; right: 0px; top: 38px; width: 8px; cursor:pointer;} .log-off-mobile{display:none;} .btn{padding:2px 2px; margin:0px 5px;} .home_left{margin-right:5px; padding:2px 0px;} .home_left .boxmain{margin-bottom:10px; background:#fff; } .home_left .boxmain .box{padding:0px!important; } .home_left .boxmain .mails{padding:13px 0px; margin:0px 2px; } .home_left .boxmain .simplebar-content .selected{background:#dde3eb;} .home_left .boxmain .mails .selected, .home_left .boxmain .cdmt-message-box .selected{background:#e5e5e5;} .home_left .boxmain .cdmt-message-box{background:#fff;border-bottom:1px solid #ddd;/* margin:10px 0px;margin-bottom:5px; border-radius:2px; */} .home_left .boxmain .cdmt-message-box:hover{background:#e5e5e5; box-shadow: 2px 2px 5px #ccc; } .home_left .boxmain .cdmt-message-box a, .home_left .boxmain .cdmt-message-box .fa-flag{visibility:hidden;} .home_left .boxmain .cdmt-message-box .fa-star{font-size:15px;margin-top: 3px;} .home_left .boxmain .cdmt-message-box a .fa-star{visibility:visible!important; color:#f3c800; } .home_left .boxmain .cdmt-message-box:hover a,.home_left .boxmain .cdmt-message-box:hover .fa-flag{visibility:visible;} .home_left .boxmain .cdmt-message-box .simplebar-content-wrapper{padding-right:0px!important;} .home_left .boxmain .cdmt-message-box .hidden_div{position: absolute !important;} .home_left .boxmain .cdmt-message-box:hover .hidden_div{position: absolute !important;right: 0px;top:0px;background: #e5e5e5;text-align: center; } #mailbox-buttons .btn{ font-size: 13px!important; margin: 0 2px!important; padding: 2px 1px!important; } /* Styling Checkbox Starts */ .checkbox-label{ display: block; position: relative; margin: auto; cursor: pointer; font-size: 22px; line-height: 24px; height: 18px; width:18px; clear: both; } .checkbox-label input{ position: absolute; opacity: 0; cursor: pointer; } .checkbox-label .checkbox-custom{ position: absolute; top: 0px; left: 0px; height:15px; width:15px; background-color: transparent; border-radius: 2px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; border: 2px solid #ccc; } .checkbox-label input:checked ~ .checkbox-custom{ background-color: #ccc; border-radius: 2px; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity:1; border: 2px solid #ccc; } .checkbox-label .checkbox-custom::after{ position: absolute; content: ""; left:15px; top: 15px; height: 0px; width: 0px; border-radius: 2px; border: solid #040404; border-width: 0 3px 3px 0; -webkit-transform: rotate(0deg) scale(0); -ms-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); opacity:1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .checkbox-label input:checked ~ .checkbox-custom::after{ -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); opacity:1; left: 3px; top: -1px; width: 6px; height: 11px; border: solid #282828; border-width: 0 2px 2px 0; background-color: transparent; border-radius: 0; } .hidden_div i{font-size:20px;line-height:40px; width:40px;border-radius:50%; color:#666; margin:0px 5px;text-align: center;top: -13px; position: relative;} .hidden_div i:hover{background:#f4f4f4; color:#000; line-height:40px; width:40px;border-radius:50%;} #mergeEmpNotificationDisplay .hidden_div i:hover{background:#ddd;} .cdmt-message-box .hidden_div [data-title]:hover:after{ opacity: 1; transition: all 0.1s ease 0.5s; visibility: visible; } .cdmt-message-box .hidden_div [data-title]:after{ content: attr(data-title); position: absolute; bottom: -16px; left: 15%; padding:4px; color:#EDEDED; white-space: nowrap; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-image:#0A0A0A; opacity: 0; z-index: 99999; visibility: hidden; } .cdmt-message-box .hidden_div [data-title]{ position: relative; } #mergeEmpNotificationDisplay .cdmt-message-box{border:1px solid #888; border-radius:4px; margin:5px 0px;padding: 10px; padding-bottom:10px;box-shadow: 2px 2px 5px #ccc;} #mergeEmpNotificationDisplay .cdmt-message-box:hover{box-shadow: 0px 0px 0px #ccc;} #mergeEmpNotificationDisplay .checkbox-label{margin-right:6px;} #mergeEmpNotificationDisplay .buddy-box{ border: 1px solid #888;border-radius:4px;} #mergeEmpNotificationDisplay #mailbox-buttons{text-align: right;border-radius: 0px 0px 4px 4px; border-top:1px solid #ddd;margin-top:10px; padding:4px 10px;} #mergeEmpNotificationDisplay #mailbox-buttons:hover{background:#f4f4f4;} #mergeEmpNotificationDisplay #mailbox-buttons a{color:#333;font-size: 14px;} #mergeEmpNotificationDisplay #mailbox-message-type{text-align:center;} .comm-box{width:85%;} .mailbox-controls{/*background:#eceff4 ;*/ padding:7px 5px; padding-left:3px; } .cdmt-menu .refresh{color:#495057;height:30px; width:30px;text-align: center; center;top: -9px;position: absolute;padding: 6px;font-size: 16px;} .cdmt-menu .refresh:hover{color:#8b8f94;height: 30px;width: 30px;background:#fff;border-radius: 50%; box-shadow: 1px 1px 4px#ddd;text-align: center;top: -9px;position: absolute;padding: 6px; font-size: 16px;cursor: pointer;} .cdmt-menu .actions span{margin-top:0px;float:left!important;background:url(../images/client/tenant-lite/tenant-lite-2/dotedmenu.png) center center no-repeat;height:34px;width: 34px;top: -8px;} .cdmt-menu .actions span:hover{background:url(../images/client/tenant-lite/tenant-lite-2/dotedmenu-h.png) center center no-repeat;height:34px;width: 34px;} .cdmt-menu #panel.act{ left: 38px; top: 0px; width: 160px; background:#000;color:#ccc; z-index: 8;border-left: 10px solid transparent; border-left: 10px solid transparent; border-right:0px solid transparent; } .cdmt-menu #panel .hide-menu-1{float:left; width:auto; border-bottom: 0px;padding: 0px 10px 3px;} .cdmt-menu #panel.act .hide-menu-1 a{white-space: normal; padding:0px; line-height: 27px; font-size: 17px; } .cdmt-menu #panel.act .hide-menu-1 a.hightlight{font-weight:bold; color:#3094e8;} .cdmt-menu #panel .hide-menu-1 .fa{margin-right: 8px;} .cdmt-menu #panel.act::before{ border: 10px solid transparent; border-right-color: transparent; border-right-style: solid; border-right-width: 10px; border-right: 10px solid #000; opacity: 1; content: ""; top: 3px; left: -30px;} .cdmt-menu #messageModuleFilter{height:30px;} .maildays ul{list-style-type: none; margin: 0; padding: 0; } .maildays ul li{float:left; margin:0px; padding:0px 7px ; border-right:1px solid #ddd; font-weight:normal!important} .maildays ul li a{color:#428bca; text-decoration:none;} .maildays ul li a:hover{color:#333; text-decoration:none;} .mailbox-subject a{color:#428bca; text-decoration:none;} .mailbox-subject a:hover{color:#000; text-decoration:none;} .mailbox-subject{font-weight:normal;padding-left: 5px;} .home_right{margin-left:5px; padding:0px;} .home_right .box{border:1px solid #d0dced; margin-bottom:10px; background:#fff; padding:0px!important;} .home_right .box h3{background:#d0d7e0; padding:8px 5px; border-bottom:1px solid #d0dced; color:#333; margin:0px; font-size:16px; } .home_right .box .content{padding:10px;} .personal{border:2px dashed #ff87bd!important;border-left:0px!important; border-right:0px!important; margin:10px 0px; font-weight:bold; padding:5px; cursor:pointer;} .personal a, .real a, .leaves a{color:#333!important; text-decoration:none;} .personal a:hover, .real a:hover, .leaves a:hover{color:#333!important; text-decoration:none;} .real{background:#e7f3f6!important; border:2px dashed #96d5e7!important;border-left:0px!important; border-right:0px!important; margin:10px 0px; font-weight:bold; padding:5px; cursor:pointer;} .leave{background:#fdfdd8!important; border:2px dashed #cece00!important;border-left:0px!important; border-right:0px!important; margin:10px 0px; font-weight:bold; padding:5px; cursor:pointer;} .spacer{padding:10px;} .top-spacer{padding-top:4px;} label{font-weight:normal; font-size:14px; color:#333; display: inline-block !important;;} .yellow-star{color : #ffd800!important;} .white-star{color :#c4c4c4!important;} .trial-page{background:#fff!important;} .archive-icon{margin:0px 5px; width:30px;line-height:30px; border-radius:50%;display: inline-block; background:url(../images/client/tenant-lite/tenant-lite-2/archive-message.png) center center no-repeat;height:30px;width: 30px;text-align: center;float: right;top: -10px;} .archive-icon:hover{background:url(../images/client/tenant-lite/tenant-lite-2/archive-message-h.png) #f4f4f4 center center no-repeat;line-height:30px; width:30px;border-radius:50%;} /*----datepickerzoom------------*/ .timePopupWrapper{ width:100px; height:170px; box-shadow: 0 0 10px rgba(6,6,6,0.4); -webkit-box-shadow: 0 0 10px rgba(6,6,6,0.4); border-radius:4px; padding:10px 0px; overflow:hidden; background:white; z-index:9; } .timeslot{ overflow-y:auto; height:170px; background:white; scrollbar-width:thin; } .timeslot_li_frame{ width:100%; color:gray; text-align:left; background:white; line-height: 23px; padding: 5px; } .timeslot_li_frame:hover{ color:#000; background:#f3f3f3; cursor:pointer;font-weight:bold; } .timePickerHighlight{ color:#000; background:#f3f3f3; cursor:pointer;font-weight:bold; } /*-----team-----*/ .content-section .bottombar{/*background:#d3dae5;height:32px;*/ color:#546172; padding:5px 10px; padding-bottom:0px; } .content-section .bottombar:hover{/*background:#546172;*/ color:#fff; } .content-section .bottombar a{color:#0f5998; text-decoration:none;} .content-section .bottombar a:hover{color:#de00d1; text-decoration:none;} /*.my-team-box{height:115px;}*/ .content-section .rightpenel .content .contentbox h4{padding:7px 0px; margin:0px; /*background:#fff;*/font-size:16px; color:#1c64a1; font-size:18px; font-weight: normal;} .heading_page{width: max-content; float:left;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail p{padding:0px 0px 3px; margin:0px;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail .h-bar{padding:5px; /*background:#73899e;*/ background:none!important;clear: both;height:36px;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail .h-bar-td{background:none!important;clear: both;height:36px;padding-left:5px;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail .h-bar h3{color:#333!important; text-shadow: 0 0px 0px rgba(0, 0, 0, 0.4)!important;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail h3{font-size:15px; margin:0px ; padding:0px; background:none!important; border:none!important; font-weight:600; text-overflow: ellipsis; white-space: inherit; word-wrap: break-word; overflow:hidden;color: #333; float: left; padding-top: 0; /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);*/ /*text-transform: uppercase;*/} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail .des{color:#1c64a1; font-size:14px;font-weight:bold; text-overflow: ellipsis; font-style:italic; padding:0px 5px; white-space: nowrap; word-wrap: break-word; overflow:hidden;width:150px;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail .content_detail{color:#000; font-size:14px; font-weight:normal; line-height: 15px; overflow-x: clip; padding-left:5px; text-overflow: ellipsis; white-space: nowrap; } .content-section .rightpenel .content .contentbox .content-text .img{/* border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);*/ display: block; width: 100%;} .content-section .rightpenel .content .contentbox .content-text .emp-image{ float: left; outline-color: transparent; outline-style: solid; outline-width: 1px; overflow-x: hidden; overflow-y: hidden; position: relative; transition-delay: 0s; transition-duration: 0.1s; transition-property: scale; transition-timing-function: ease-in-out; border:0px!important; } .content-section .rightpenel .content .contentbox .my-team-box .content-text .emp-image img{height:105px; width:153px;} .count-team{padding: 23px 10px;} .count-team a{border-bottom:1px dotted #000; font-size:14px; font-weight:bold;color: #1c64a1; margin-right:3px;} .count-team span{color:#000;font-weight: 600;} .home_left .admintop{padding:0px 10px;} .home_left .admintop a{border-bottom-color: #0098bc; border-bottom-style: dotted; border-bottom-width: 1px; color:#000; text-decoration:none;} .home_left .admintop a:hover{text-decoration:none;} .home_left .admintop ul{list-style-type:none; margin:0px; padding:0px;} .home_left .admintop ul li{list-style-type:none; margin:0px; padding:5px 0px; } .home_left .admintop .admintext{font-size:14px; color:#484848; font-weight:normal; margin-top: 15px } .home_left h3{font-size:28px; color:#1c64a1; text-align:center; margin:0px; padding:13px 0px!important;} .trial-page a{color:#333; border-bottom:1px dotted #4A4B4D!important;} .trial-page a:hover{color:#000; text-decoration:none; } .free-trial-pm{margin:0px; padding:0px; padding:10px 0px;} .free-trial-pm .sec-pm .content-pm{height:100px; font-size:22px;line-height: 22px;} .free-trial-pm .sec-pa{margin:0px; padding:10px; background:#f1f1f1; font-size:15px;} .free-trial-pm .sec-pa img{height: 310px; margin-top: 32px;} .free-trial-pm .sec-pa p{padding-top:125px;} .free-trial-pm .sec-pa h3{border-bottom:2px solid #ff4500; padding-bottom: 4px !important; text-align: right; color:#313131; margin:5px 0px!important; font-size: 28px;} .free-trial-pm .sec-pa .pa-content{background:#fff; display:block; margin-bottom: 10px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; width: 81%; min-height: 75px;} .free-trial-pm .sec-pa .emp{direction: rtl!important; border:1px solid #bfcfdc; border-right:4px solid #00adbf;} .free-trial-pm .sec-pa .mgr{direction: rtl!important; border:1px solid #bfcfdc; border-right:4px solid #fd6524;} .free-trial-pm .sec-pa .hr{direction: rtl!important; border:1px solid #bfcfdc; border-right:4px solid #efa80f; } .free-trial-pm .sec-pa .pa-content span{color:#ff4500; margin-right:5px; font-size:15px;} .free-trial-pm .sec-gs{margin:0px; padding:10px; font-size:15px;} .free-trial-pm .sec-gs a{border-bottom:1px dotted #4A4B4D!important;} .free-trial-pm .sec-gs p{margin:0px; padding:8px 0px; padding-right:10px;} .free-trial-pm .sec-gs h3{border-bottom:2px solid #ccc; color:#ff4500; padding:0px 0px 4px 0px !important; text-align: left; margin:0px 0px 5px!important; font-size: 24px;} .gs-content span{color:#ff4500; margin-right:5px; font-size:15px;} .gs-content .text-d{padding:15px; background:#fff; border:1px solid #bfcfdc; width:270px!important;} .free-trial-pm .sec-gs .gs-content .emp{margin-bottom: 53px; border-left:4px solid #00adbf; } .free-trial-pm .sec-gs .gs-content .mgr{text-align: right; border-left:4px solid #fd6524;} .free-trial-pm .sec-gs .gs-content .hr{margin-top: 10px; border-left:4px solid #efa80f;} .free-trial-pm .sec-gs h4{color: #000!important; font-weight: 600; /*text-transform: uppercase;*/} .free-trial-pm .sec-360{font-size:15px; color:#333; padding:15px;} .free-trial-pm .sec-360 p{margin:0px; padding:6px 0px; color:#000;} .free-trial-pm .sec-360 h3{border-bottom:2px solid #ccc; color:#ff4500; padding-bottom: 4px !important; text-align: left; margin:5px 0px!important; font-size: 28px;} .free-trial-pm .sec-360 .text-d{padding:15px; background:#fff;} .free-trial-pm .sec-360 span, .free-trial-pm .sec-360 .fa-arrow-circle-o-right{color:#ff4500; margin-right:5px; font-size:15px;} .free-trial-pm .sec-360 img{display: block; margin: auto; width: 60%;} .free-trial-payroll{margin:0px; font-size:15px; padding:15px; } .free-trial-payroll h3{border-bottom:2px solid #ccc; color: #ff4500; margin-bottom: 10px; font-size:24px!important; padding-bottom: 4px !important; text-align: left; } .free-trial-payroll p{margin: 10px 0px; font-size:15px;} .free-trial-payroll .payroll-emp{margin-top: 128px; width: 25%; float:left; } .free-trial-payroll .text-d{width:270px; padding:10px; } .free-trial-payroll .payroll-emp .text-d{background:#eee; border:1px solid #bfcfdc; border-left:4px solid #00a8ff; padding:20px;border-radius:4px;margin-left: 40px;} .free-trial-payroll .payroll-mgr{margin-top: 87px;} .free-trial-payroll .payroll-mgr .text-d{background:#eee; border:1px solid #bfcfdc; border-right:4px solid #fe0000; text-align:right; padding:20px; width: 40%; border-radius:4px; float: right;} .free-trial-payroll .payroll-hr{margin-top:0px; padding-left: 236px} .free-trial-payroll .payroll-hr .text-d{background:#eee; border:1px solid #bfcfdc; border-left:4px solid #7dd101; padding:20px; border-radius:4px;float: right; margin-top:20px; margin-top: 120px;} .free-trial-payroll .payroll-hr .text-d li{padding:5px 0px; border-bottom:1px solid #ccc;} .free-trial-recruitment{margin:0px; padding:0px;padding:15px; background:#f1f1f1; font-size:15px;} .free-trial-recruitment a{color:#eee; border-bottom:1px dotted #878787;} .free-trial-recruitment a:hover{color:#fff; } .free-trial-recruitment .text-top{text-align:center; font-size:15px; line-height:24px; color:#333;} .free-trial-recruitment .rec-mgr{background:url(../images/client/tenant-lite/tenant-lite-2/free-trial/rec-mgr.png) no-repeat; background-size: 95% auto; height: 425px;} .free-trial-recruitment .rec-mgr ul{color: #fff; font-size: 14px; margin-right: 132px; margin-top: 151px; text-align: right; width:214px; border:1px solid #4c4c4c; border-left:4px solid #fd6524; float:right; padding:10px 5px 10px 0px;} .free-trial-recruitment .rec-mgr li{padding:10px 0px;} .free-trial-recruitment .rec-hr{background:url(../images/client/tenant-lite/tenant-lite-2/free-trial/rec-hr.png) no-repeat; background-size: 87% auto; background-position:center right; height: 425px;} .free-trial-recruitment .rec-hr ul{color: #fff; font-size: 15px; margin-left: 166px; margin-top: 131px; width:200px; border:1px solid #4c4c4c; border-left:4px solid #efa80f; padding:10px;} .free-trial-recruitment .rec-hr ul li{margin-bottom: 20px; } .free-trial-recruitment .text-rec{padding-top: 116px; text-align: center; font-size:30px; color:#333; font-weight: bold;} .free-trial-recruitment .rec-hr-text{background:#333; border:1px solid #DCDCDC; border-left:4px solid #efa80f; color:#333; padding:15px;float:right; font-size:15px;} .free-trial-recruitment .rec-hr-text span{color:#fff;} .free-trial-recruitment .rec-hr-text li{padding:6px 0px; border-bottom:1px solid #232323;} .free-trial-core-hr{padding:0px; margin:0px; } .free-trial-core-hr .hris{margin:0px; padding:20px 15px; background:#f1f1f1; font-size:15px;} .free-trial-core-hr .hris h3{border-bottom:2px solid #ff4500; margin:0px; padding-bottom: 4px !important; font-size:24px; text-align: right; color:#313131; } .free-trial-core-hr .hris p{margin:0px; padding:15px 0px;} .free-trial-core-hr .hris .text-core{background:#f9f9f9;padding:4px; width:70%; margin-left:20px; border-radius:4px;} .free-trial-core-hr .hris .text-core li{border-bottom:1px dashed #ddd; padding:5px 0px;} .free-trial-core-hr .hris .text-core span, .free-trial-payroll .text-d span{color:#ff4500; margin-right:5px; font-size:15px;} .free-trial-core-hr .hris img{float: left; margin-bottom: 20px; margin-left: 0; margin-right: 0; margin-top: 20px; } .free-trial-core-hr .sms{margin:0px; padding:0px; background:url(../images/client/tenant-lite/tenant-lite-2/free-trial/core-hr-sms.png) no-repeat #fff; background-position:center 46px; background-size: 48% auto; font-size:15px; padding:10px;} .free-trial-core-hr .sms h3{border-bottom:2px solid #ccc; margin-bottom: 10px; padding-bottom: 4px !important; text-align: left; color: #ff4500; font-size:24px; } .free-trial-core-hr .sms p{margin: 10px 0px; padding-right: 40px; font-size:15px;} .free-trial-core-hr .sms .sms-emp{float: right; width: 30%;} .free-trial-core-hr .sms .sms-emp .text-d{background:#ffffff; border:1px solid #bfcfdc; border-left:4px solid #00adbf; padding:20px;border-radius:4px; margin-top: 20px; width:85%; margin-left:20px; } .free-trial-core-hr .sms .sms-emp .text-d span{color:#d91e19; font-weight:bold; margin-right:4px;} .free-trial-core-hr .sms .sms-emp .text-d li{padding:5px 0px; border-bottom:1px dashed #ccc;} .free-trial-core-hr .sms .sms-mgr .text-d{background:#ffffff; border:1px solid #bfcfdc; border-right:4px solid #fd6524; padding:15px 10px; width: 50%; border-radius:4px; margin-top:0px; float:right;margin-right: 134px;} .free-trial-core-hr .sms .sms-mgr .text-d span{color:#03a679; font-weight:bold; margin-right:4px} .free-trial-core-hr .sms .sms-mgr .text-d li{padding:5px 0px; border-bottom:1px dashed #ccc;} .free-trial-core-hr .sms .sms-hr{margin-top:0px; padding-left: 236px} .free-trial-core-hr .sms .sms-hr .text-d{background:#ffffff; border:1px solid #bfcfdc; border-left:4px solid #efa80f; padding:20px; border-radius:4px;width: 60%; float:right;} .free-trial-core-hr .sms .sms-hr .text-d span{color:#446cb2; font-weight:bold; margin-right:4px;} .free-trial-core-hr .sms .sms-hr .text-d li{padding:5px 0px; border-bottom:1px dashed #ccc;} .emp{background:#ffffff; border:1px solid #bfcfdc; border-right:4px solid #00adbf; } .mgr{background:#ffffff; border:1px solid #bfcfdc; border-right:4px solid #fd6524; } .hr{background:#ffffff; border:1px solid #bfcfdc; border-right:4px solid #efa80f; } .free-trial-core-hr .sms .sms-hr .text-d{background:#ffffff; border:1px solid #bfcfdc; border-left:4px solid #efa80f; padding:20px; border-radius:4px;width: 60%; float:right;} span.red-content{color:#c23b3f; } span.green-content{color:#6d9106; float:right;margin-right: 5px; margin-top: 31px; } span.purple-content{color:#5173ef; margin-left: 70px; } span.blue-content{color:#348cbb; float:right;margin-right: 30px; margin-top: 9px; } span.orange-content{color:#e97d0f; margin-left: 50px; } span.blue{color:#387697 ; display:block; padding:5px 4px; border:1px dashed #387697; font-size:17px; background:#f1f1f1;} span.blue a{color:#387697 ; border-bottom:none!important;} span.blue a:hover{color:#387697 ;} span.green{color:#3eac75; display:block; padding:5px 4px; border:1px dashed #3eac75; font-size:17px; background:#f1f1f1;} span.green a{color:#3eac75 ; border-bottom:none!important;} span.green a:hover{color:#3eac75 ;} span.red{color:#e73c71; display:block; padding:5px 4px; border:1px dashed #e73c71; font-size:17px; background:#f1f1f1;} span.red a{color:#e73c71;border-bottom:none!important;} span.red a:hover{color:#e73c71 ;} .home_right{margin-left:5px; padding:0px;} .blue-font{font-size:12px; color:#387697 } .green-font{font-size:12px; color:#3eac75 } .red-font{font-size:12px; color:#e73c71 } .home_left .heading-text{border-bottom-color: #ddd; border-bottom-style: dashed; border-bottom-width: 1px; color: #333; font-size: 17px; line-height: 47px; /*text-transform: uppercase;*/} .bg-green{/*background-color:#00a65a !important;*/ border:2px solid #00a65a} .icon-green{color:#00a65a!important;} .bg-green .green{background:#00a65a!important;} .bg-green .home-m-links{text-align:center; background:#008d4d;color:#fff; padding:3px 0px;} .bg-green-sel, .home_left .bg-green:hover{box-shadow:1px 1px 8px #00a65a!important;} .bg-org{/*background-color:#f39c12 !important;*/ border:2px solid #f39c12; } .icon-org{color:#f39c12!important;} .bg-org .org{background:#f39c12!important;} .bg-org .home-m-links{text-align:center; background:#008d4d;color:#fff; padding:3px 0px;} .bg-org-sel, .home_left .bg-green:hover{box-shadow:1px 1px 8px #f39c12!important;} .bg-red{/*background-color:#dd4b39 !important;*/ border:2px solid #dd4b39;} .icon-red{color:#dd4b39!important;} .bg-red .red{background:#dd4b39!important;} .bg-red .home-m-links{text-align:center; background:#008d4d;color:#fff; padding:3px 0px;} .bg-red-sel, .home_left .bg-green:hover{box-shadow:1px 1px 8px #dd4b39!important;} .bg-blue{/*background-color:#4700ef !important;*/ border:2px solid #4700ef;} .icon-blue{color:#4700ef!important;} .bg-blue .blue{background:#4700ef!important;} .bg-blue .home-m-links{text-align:center; background:#008d4d;color:#fff; padding:3px 0px;} .bg-blue-sel, .home_left .bg-blue:hover{box-shadow:1px 1px 8px #4700ef!important;} .bg-gray{/*background-color:#434343 !important;border:2px solid #434343;*/} .icon-gray{color:#434343!important;} .bg-gray .gray{background:#434343!important;} .bg-gray-sel, .bg-gray:hover{box-shadow:1px 1px 8px #ccc;} .small-box .bg-green h3{color:#333!important} .small-box{border-radius:2px;position:relative;display:block;margin-bottom:20px; margin-right:7px;box-shadow:0 1px 1px rgba(0,0,0,0.1); font-size:14px; z-index: 0; } .box-last{margin-right:0px!important;} .small-box>.inner{padding:5px 10px; padding-bottom:0px; } .small-box>.small-box-footer{position:relative;text-align:center;padding:3px 0;color:#fff;color:rgba(255,255,255,0.8);display:block;z-index:10;background:rgba(0,0,0,0.1);text-decoration:none} .small-box>.small-box-footer:hover{color:#fff;background:rgba(0,0,0,0.15)} .small-box h3{font-size:32px;font-weight:bold;margin:0px!important;white-space:nowrap;padding:0px!important; color:#333; text-align:left!important;padding-top: 17px !important;} .small-box p{font-size:15px; color:#fff; margin:0px; padding:0px;} .small-box p a{color:#fff; text-decoration:none;} .small-box p a:hover{color:#f9f9f9; text-decoration:none;} .small-box p>small{display:block;font-size:13px;margin-top:5px} .small-box h3,.small-box p{z-index:5px} .small-box .icon{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute; top:-5px;right:7px;z-index:0;font-size:27px;color:rgba(0,0,0,0.15)} .small-box a:hover{text-decoration:none;color:#fff!important} .small-box:hover{text-decoration:none;color:#ddd} .small-box:hover .icon{font-size:32px;} .payroll-steps{margin:0px; padding:10px 0px;} .home_right .box_green{border:1px solid #00a65a; border-top:3px solid #00a65a; margin-bottom:10px; background:#fff;} .home_right .box_green h3{background:#fff; padding:6px 5px; border-bottom:2px dashed #00a65a; color:#00a65a; margin:0px; font-size:14px; } .home_right .box_green .content{padding:10px; color:#333; font-weight: normal !important; line-height: 20px !important;} .home_right .box_green a{color:#00a65a!important; text-decoration:none; } .home_right .box_green a:hover{color:#000!important; text-decoration:none; } .home_right .box_org .li_gray_button a{color:#fff!important;} .home_right .box_org .li_gray_button a:hover{color:#fff!important;} .home_right .box_org{border:1px solid #f39c12; border-top:3px solid #f39c12; margin-bottom:10px; background:#fff;} .home_right .box_org label{font-size:12px!important;} .home_right .box_org a{color:#f39c12; text-decoration:none; } .home_right .box_org a:hover{color:#000!important; text-decoration:none; } .home_right .box_org h3{background:#fff; padding:6px 5px; border-bottom:2px dashed #f39c12; color:#f39c12; margin:0px; font-size:14px; } .home_right .box_org .content{padding:10px; color:#333; font-weight: normal !important; line-height: 20px !important;} .home_right .box_org #displayBirthday{background:none;} .home_right .box_red{border:1px solid #dd4b39; border-top:3px solid #dd4b39; margin-bottom:10px; background:#fff;} .home_right .box_red a{color:#dd4b39!important; border-bottom-style: dotted; border-bottom-width: 1px; } .home_right .box_red a:hover{color:#000!important; border-bottom-style: dotted; border-bottom-width: 1px; color: #1c64a1; } .home_right .box_red h3{background:#fff; padding:6px 5px; border-bottom:2px dashed #dd4b39; color:#dd4b39; margin:0px; font-size:14px; /*text-transform:uppercase;*/} .home_right .box_red .content{padding:10px; color:#333; font-weight: normal !important; line-height: 20px !important;} .box_org .content{overflow:scroll;max-height:150px;} .home_right .box_red .li_myQuick_links ul{margin:0px; padding:0px;} .home_right .box_red .li_myQuick_links ul li{margin:0px; padding:7px 0px; float:left; width:50%; letter-spacing: -0.5px;} .home_right .box_red .li_myQuick_links ul li a{color:#333!important; text-decoration:none;} .home_right .box_red .li_myQuick_links ul li a:hover{color:#dd4b39 !important; text-decoration:none;} .home_right .box_blue{border:1px solid #4700ef; border-top:3px solid #4700ef; margin-bottom:10px; background:#fff;} .home_right .box_blue h3 span a{color:#4700ef!important; text-decoration:none; } .home_right .box_blue h3 span a:hover{color:#000!important; text-decoration:none; } .home_right .box_blue a{color:#fff!important; text-decoration:none; } .home_right .box_blue a:hover{color:#000!important; text-decoration:none; } .home_right .box_blue h3{background:#fff; padding:6px 5px; border-bottom:2px dashed #4700ef; color:#4700ef; margin:0px; font-size:14px; } .home_right .box_blue .content{padding:10px; color:#333; font-weight: normal !important; line-height: 20px !important;} .personal{font-size:14px; border:0px!important; margin:10px 0px; font-weight:500; padding:5px; cursor:pointer; text-align:center;} .personal a{color:#3d3d3d!important; text-decoration:none;} .personal a:hover{color:#000!important; text-decoration:none;} .quicklinks ul{margin:0px; padding:0px; border-radius:5px;} .quicklinks ul li{margin:0px; padding:5px 0px; padding-left: 21px; background:url(../images/client/tenant-lite/tenant-lite-2/arrow-quick.png) no-repeat 9px 10px; border-bottom:1px solid #ddd; font-size:14px;letter-spacing: -0.2px; } .quicklinks .filter-list .filter{border-bottom:0px solid #ddd !important;} .quicklinks ul li a{color:#333; text-decoration:none;} .quicklinks ul li a:hover{color:#000; text-decoration:none;} .quicklinks ul li.active{background-color:rgba(0, 0, 0, 0); /*background-image: linear-gradient(#ffffff, #f1f1f1);*/ color:#546172; display:block;color:#029fe1; font-weight:bold;} ul.quicklinks_sub{padding-left: 20px; line-height: 30px;position: relative;left: -8px;} ul.quicklinks_sub li{padding:0px 0px 0px 20px;border-bottom: 0px;font-size: 13px;width: 100%;} ul.quicklinks_sub li a{width: 180px;display: inline-block;} ul.quicklinks_sub li small{font-size: 11px;letter-spacing: -0.4px;} /*----welcomePageFreeTrial---*/ #welcomePageFreeTrial .welcome-popup{background:#efefef; border:1px solid #ddd;} #welcomePageFreeTrial .welcome-popup h3{text-align:left!important; color:#4c4c4c; margin:0px; padding:4px 0px; font-size:21px; font-weight:600; } #welcomePageFreeTrial .welcome-popup .text-welcome{padding:15px; color:#001627;} #welcomePageFreeTrial .welcome-popup .footer-wel{text-align:right; color:#fff; margin-top:10px; padding:20px 15px; background:#252525; font-size:20px;} #welcomePageFreeTrial .welcome-popup .footer-wel a{color:#fff; border-bottom:1px dashed #f1f1f1;} #welcomePageFreeTrial .welcome-popup .footer-wel a:hover{color:#ccc; border-bottom:0px dashed #f1f1f1;} #welcomePageFreeTrial .welcome-popup .table-details{background:#fff; padding:5px; margin:5px 0px;} #welcomePageFreeTrial .welcome-popup .table-details span{color:#362800; font-weight:bold; margin-right:6px;} #welcomePageFreeTrial .welcome-popup .table-details h4{font-size:18px; color:#333;} #welcomePageFreeTrial .welcome-popup .table-details .border-rtl{border-right-color: #e3e3e3; border-right-style: solid; border-right-width: 1px ; border-left-color: #e3e3e3; border-left-style: solid; border-left-width: 1px ; padding:0px 10px; margin:0px 10px;} .close-hierarchy{font-size:16px; position: absolute; right: 5px; top: 10px; color:#7a7a7a;} .close-hierarchy:hover{color:#000} /*-------------myattendance--------*/ .fullarea{color:#333; margin:0px; padding:0px;} .fullarea h3{font-size:18px; color:#222d32; font-weight:600; margin:0px; padding:6px 0px;} .fullarea h3 span{color:#1c64a1;} .fullarea .left{background:#fff; margin-right:10px; padding:0px 7px; } .fullarea .right{background:#fff; padding:0px 7px 7px;} .fullarea .right input{border:1px solid #ddd; width:100%; padding:2px;} /*.fullarea .right a{color:#ff0000; padding-left:2px; text-decoration:underline; font-weight:600;} .fullarea .right a:hover{color:#484848; padding-left:2px; text-decoration:none ; font-weight:600;}*/ .fullarea .right .endday{margin-left:10px;} .fullarea .spacer{border-bottom:0px solid #eee; padding:0px!important;margin-bottom: 10px; padding-bottom: 6px!important;} .fullarea .right .textleft{margin-right:5px;} /*a.links{color:#ec9923!important; text-decoration:underline; font-weight:normal; font-size:12px;} a:hover.links{color:#484848; text-decoration:none; font-weight:normal; font-size:12px;} a.resume{color:#479e47!important; text-decoration:underline; font-weight:normal; font-size:12px;} a:hover.resume{color:#479e47; text-decoration:none; font-weight:normal; font-size:12px;} a.break{color:#3172aa!important; text-decoration:underline; font-weight:normal; font-size:12px;} a:hover.break{color:#3172aa!important; text-decoration:none; font-weight:normal; font-size:12px;}*/ .fullarea .right .textright{margin-left:5px;} .fullarea .right h3{font-size:15px!important; color:#1c64a1; font-weight:600; margin:0px; padding:6px 0px 0px;text-align: center;} .fullarea .right h3 a{color:#ff6c00; text-decoration:underline;} .fullarea .right h3 a:hover{color:#222d32; text-decoration:none;} .fullarea .cal{margin:0px; padding:10px 0px;} .fullarea .btn{padding:4px; font-size:11px; margin: 0px; text-align:left;} .fullarea .bordernone{border:none!important; background:none!important;} .fullarea .calh{padding-bottom:5px; color:#1c64a1; text-align: center;} .fullarea .calh h3{font-size:16px;} .fullarea table{ border: 0px solid #ddd; background:#fff; border-collapse: collapse; width:100%; } .fullarea table th{ border: 1px solid #eee; background:#e6e6e6; font-size:14px; font-weight:600; /*text-transform: uppercase;*/ padding:10px 0px;text-align:center; } .fullarea table td{ border: 1px solid #eee; /* height: 5em; padding: 5px;text-align:center;*/ width:5em; vertical-align: top; font-size:15px; } .fullarea table td:hover{box-shadow:1px 1px 8px #ccc; cursor:pointer; background:#999999; color:#fff!important;} .fullarea table caption{ font-size: 300%; font-style: italic; } .fullarea .day .status_normaltime{width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 0; border-color: #196a00 transparent transparent transparent; position: relative;top: -30px;left: -5px;} .fullarea .day .status_undertime{width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 0; border-color: #ff8a00 transparent transparent transparent; position: relative;top: -30px;left: -5px;} .fullarea .day .status_overtime{width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 0; border-color: #FF0000 transparent transparent transparent; position: relative;top: -30px;left: -5px;} .fullarea .day{ text-align: center; font-size:18px; padding:5px; } .fullarea .today{color:#217500; text-align:center; box-shadow: 1px 1px 5px #ddd; font-size:18px; background:#fff9e9; padding:5px;} .fullarea .notes{ font-size: 80%; text-align: right; padding-left: 20px; } .fullarea .birthday{ background-color: #ECE; } .fullarea .weekend{ color:#F40004; text-align:center;padding:5px; } .fullarea .premonth{color:#dddddd;} .fullarea .btn-y{/*background:#f4f4f4; border:1px solid #dddddd; border-radius:4px 0px 0px 4px;*/ color:#474747; margin:0px!important; } .fullarea .btn-o{/*background:#f4f4f4; border:1px solid #dddddd; border-radius:0px 4px 4px 0px;*/ color:#474747; margin:0px!important;} .fullarea .btn-y a, .fullarea .btn-o a{color:#474747; text-decoration:none;} .fullarea .btn-y a:hover, .fullarea .btn-o a:hover{color:#474747; text-decoration:none;} .fullarea .selectbox{margin-left: -20px; margin-top: 11px ; } .fullarea .select i{ position: absolute; top: 10px; right: 17px; width: 5px; height: 11px; } .fullarea .select i:after, .fullarea .select i:before{ content: ''; position: absolute; right: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; } .fullarea .select i:after{ bottom: 0; border-top: 4px solid #404040; } .fullarea .select i:before{ top: 0; border-bottom: 4px solid #404040; } .fullarea .select-multiple select{ height: auto; } .fullarea .select { position: relative; display: block;} .fullarea .secl{border:none!important; background:none!important; display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 30px; padding: 2px 10px; outline: none; border-width: 2px; border-style: solid; border-radius: 0; background: #fff; font: 15px/19px 'Open Sans', Helvetica, Arial, sans-serif; color: #404040; font-weight::bold; appearance: normal; -moz-appearance: none; -webkit-appearance: none;} .greencal{color:#2f822f; font-weight:bold;margin-left:2px; font-weight: bold; float: left; position: relative; } .orgcal{color:#ff9c00; font-weight:bold; float: left; margin-left:2px; position: relative;} .bluecal{color:#1486c8; font-weight:bold; float: left; margin-left:2px; position: relative;} .purcal{color:#8500a6;font-weight:bold; margin-left:2px; float: left; position: relative; } .redcal{color:#c63826; font-weight:bold; margin-left:2px; float: left; position: relative;} .pinkcal{color:#e75ee5;font-weight:bold; margin-left:2px; float: left; position: relative;} .darkcal{color:#2c363f;font-weight:bold; margin-left:2px; float: left; position: relative;} .lbluecal{color:#15dbff;font-weight:bold; margin-left:2px; float: left; position: relative;} .links{margin:10px 14px 0px 7px; font-weight:bold; /*border:1px solid #ddd;border-radius:4px;*/padding:0px; } #attendance_choices{border:1px solid #ddd; border-radius: 4px;} .links .fa-caret-up{transform: rotate(-45deg);font-size: 19px;} .links .fa{margin-right:5px; font-size:14px} .links ul{margin:0px; padding:0px; } .links li{float:left; list-style-type:none; margin:4px 0px; padding:0px 18px; font-weight:400;} .links-m{font-weight:normal; font-size:11px!important} .links-m .fa{margin-right:5px; font-size:11px} .links-m ul{margin:0px; padding:0px;} .links-m li{float:left; list-style-type:none; margin:0px; padding:0px 3px; font-weight:500;} .links-m .green, .links .green{color:#2f822f; } .links-m .org, .links .org{color:#ff9c00; } .links-m .blue, .links .blue{color:#1486c8; } .links-m .pur, .links .pur{color:#8500a6; } .links-m .red, .links .red{color:#c63826;} .links-m .pink, .links .pink{color:#e75ee5; } .links-m .dark, .links .dark{color:#2c363f; } .links-m .lblue, .links .lblue{color:#15dbff; } .links-m .red2, .links .red2{color:#FF0000;} .links-m .orange, .links .orange{color:#ff8a00;} .links-m .green2, .links .green2{color:#196a00;} .activity{margin-top:10px; border:0px solid #ddd; background:#fff; padding: 10px 0px!important;} .activity h3{border-bottom:3px solid #1c64a1;} .activity p{margin:0px; padding:7px 0px; } .activity p span{color:#1c64a1; } .fullarea label{display: inline-block; font-weight:normal; margin-bottom:0px1important; color:#484848} .fullarea label.bold{font-weight:600!important; margin-right:5px; color:#000; font-size:12px;} .workflow-steps{broder:1px soild #ddd; padding:5px; color: #333; font-weight: bold; text-align:center;} .workflow-steps .icon{font-size:18px;padding-bottom:10px; color:#000; display: block; background:url(../images/client/tenant-lite/tenant-lite-2/bg-line.png) 0 6px repeat-x;} .workflow-steps .start{text-align:left;margin-top: 25px;} .workflow-steps .mid{text-align:center; margin-top: 25px;} .workflow-steps .end{text-align:right; margin-top: 25px;} .workflow-steps .col{ float: left; min-height: 1px; padding-right:0px!important; padding-left:0px!important; margin-right:0px!important; margin-left:0px!important; box-sizing: border-box; -moz-box-sizing: border-box; } .workflow-steps .bg-label{background:url(../images/client/tenant-lite/bg-workflow.png) 31px 0px no-repeat; color:#fff; height:100px; padding-top:30px;} .workflow-steps .label{font-weight:600!important; text-align:center!important; color:#f1f1f1!important; padding-top:20px;font-size:14px!important; /*text-transform: uppercase;*/} .li_page{font-size:14px; color:#333; line-height:23px; padding:10px;} .li_page .des{font-size:14px; color:#333; display:inline; margin:8px 0px; } .li_page span{margin-right:10px; font-size:14px; font-weight:bold!important;} .li_page .border{border-bottom:1px solid #ddd; margin:10px 0px;} /*----my benefits-----*/ .my-benefits{padding:10px;} .my-benefits label{font-weight:bold!important; padding:0px!important;} .my-benefits .plan_details{display:inline; margin:0px 10px;} .my-benefits h4{color:#000!important;} .my-benefits h4{color:#00356d!important; font-size:18px!important; padding:5px 0px!important; } .my-benefits input{margin:0px 10px;} .my-benefits .content-area{border:0px solid #ddd; margin-bottom:10px;} .my-benefits .content-area .heading_bar{background:#fff; padding:5px 0px!important; font-size:17px; border-bottom:2px solid #333; } .my-benefits .content-area .heading_content{background:#fff; background:#f1f1f1; border:1px solid #eee; padding:10px!important;} /*---tables-----*/ table.dataTable{border-top:3px solid #1c64a1!important; margin-top:5px!important;} table.dataTable thead th{text-transform:uppercase; font-size: 14px; letter-spacing: -0.5px;border-bottom: 1px solid #ddd !important;padding: 7px 18px 7px 10px!important; border-right: 1px solid #ddd;} table.dataTable.no-footer{border-bottom: 0px solid #111!important;} table.dataTable tbody td{padding: 3px 10px 18px 10px!important;} #viewMonthlySheetDetailsDataTable_wrapper table.dataTable thead th{line-height: 15px;padding: 7px 18px 7px 5px !important;} .dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom: 0px solid #111!important;} .fc-list-table td a{cursor:pointer} /*----enrollment---------*/ .enrollment-setup-step{background-image: radial-gradient(circle, #d4d4d4, #eeeeee, #edeef0, #e5e5ec, #cfd2d5); padding:20px; min-height:630px; color:#000;font-size: 17px; padding: 40px !important;border-radius: 20px;} .enrollment-setup-step .survey-area{background: #1660a1; padding: 10px; color: #000;} .text-left{font-size: 28px;text-align: center;padding-top: 46px;} .qus_survey{padding:10px 0px; font-size:17px; font-weight:600; color:#fff} .app_page{padding: 10px;} .app_page h3.pagehead-blue{padding:10px 0px; font-size:20px!important; font-weight:600; color:#1660a1} .left-menudiv{font-size:17px; font-weight:600; text-align:left; padding:4px 0px; padding-bottom:6px; border-bottom:1px dashed #333} .app_page em{font-size:15px; font-weight:500; margul.page-li-pointsin-bottom:10px;} .app_page .video-area{padding:20px 10px;} .enrollment-setup-step #li_edit_photograph{top: 28%;left: 29%;} /*-------------popup form------------*/ .popup{margin:0px; padding:10px; padding-top:0px;} .popup h3{margin:0px; padding:6px 0px; font-size: 18px; color:#333; text-transform:none; } .popup .border{border-bottom:1px solid #ddd!important; padding:0px 0px 10px 0px!important; margin-bottom:10px; } .popup i{text-transform:none!important;} .popup label{font-size:14px; text-transform: none; color:#00315a;} .popup .form-group{margin:0px; padding:6px 0px; } .popup .form-group label{margin:0px 0px 5px; padding:0px 0px 6px; font-weight:600; } .form-group span{font-weight:normal;} .popup_new{margin:0px; padding:10px;} .popup_new p{margin:0px; padding:6px 0px;} .popup_new .clear{padding:5px 0px!important;} .popup_new section{padding:5px 0px;} .head{font-size:16px!important; padding:10px 0px; color:#1c64a1!important; font-weight:600;} .head-potential-graph{font-size:16px; padding:10px 10px; /* color:#1c64a1!important; */ font-weight:600;text-align:center;vertical-align:middle !important;line-height:19px; } /*.popup_new span{margin:10px 10px 10px 0px;}*/ div.l-text{float:left; margin-right:10px;width: 150px; font-weight:bold; border-right: 0px solid #ddd!important ;} label.l-text{font-weight:bold!important; } .hris_newValue{color: #dbdb00; font-weight: bold;} .hris_oldValue{color: #666; font-weight: normal;} .des_newrecord{ color: #333; font-size: 13px; position: absolute; top: -37px; left:0px; width: 130px; border:1px dotted #666; background: #ddd; } .popup_new label{font-size:14px; text-transform: none; padding:5px 0px!important;} .popup .form-control{margin:0px 0px; font-size:14px!important; width: 98%;display: inline; } .popup .form-control input{padding:5px 0px!important} .popup .textbold{font-weight:bold; padding-top: 11px;} .popup .margin-lr{margin-right:15px;} .popup .note{padding:10px; font-size: 13px; color:#184176; background:#fffbbb; border-radius:6px; border:2px dotted #ddd99f;margin-top: 5px;} .popup .form-control input{margin-right:10px!important;} .popup .radio input[type="radio"], .popup .radio-inline input[type="radio"], .popup .checkbox input[type="checkbox"], .popup .checkbox-inline input[type="checkbox"], .popup_new .radio input[type="radio"], .popup_new .radio-inline input[type="radio"], .popup_new .checkbox input[type="checkbox"], .popup_new .checkbox-inline input[type="checkbox"]{ margin-left: -20px; position: relative!important;} .popup .radio-inline, .popup .checkbox-inline{ text-transform: none !important;} .popup input[type="radio"], .popup input[type="checkbox"], .popup_new input[type="radio"], .popup_new input[type="checkbox"]{margin:0px 8px 0px 0px!important;} .popup .height-label{height:60px;} .info_secuity{background:#ffffeb; border:1px solid #d9d9b4; color:#000; padding:15px; border-radius:6px; width:90%;} /*----------------leave button hover-----*/ .edit_hover_class { height:40px; background-color:#fff; padding:4px; } .edit_hover_class:hover{} .edit_hover_class a{ display:none; } .edit_hover_class:hover a{ display:block; } #selectAllMessages{margin-right:10px; } #multipleMessagesHideButton{margin:7px 0px;} #multipleMessagesHideButton .btn{padding:4px!important;} #multipleMessagesHideButton .btn-info, .actionItemsInDropDownMenu .btn-default{ color: #fff; background-color: #1c64a1; border-color: #1c64a1; margin-right:5px; } .actionItemsInDropDownMenu .btn-default :hover{box-shadow: 0px 0px 7px #999;} .li_table_style td, .li_table_style th{color:#333;} a.table_icon_hover{color:#454545!important} a.table_icon_hover:hover{color:#000!important} .table_icon_hover .dropdown-menu > li > a{padding:0px!important} .table_icon_hover .actionItemsInDropDownMenu .fa, .table_icon_hover .actionItemsInDropDownMenu .fas, .table_icon_hover .actionItemsInDropDownMenu .far, .table_icon_hover .actionItemsInDropDownMenu .fab{font-size: 18px!important;height: 28px!important;width: 28px!important;} .actionItemsInDropDownMenuFirstRow{display:block!important;} .li_leave_table_three .pull-right{float:right;} .highlight-row-on-hover .actionItemsInDropDownMenuFirstRow,.table-responsive tr .actionItemsInDropDownMenuFirstRow{right: 10px;} .dropdown-menu > li > a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .position-top{top: 30px;} /* .render-table-row .table_icon_hover{display:none} .render-table-row:hover .table_icon_hover{display:block} */ .dropdown_li-margin{background:#fff;margin-left:5px!important; margin-right:5px;margin-bottom:2px;line-height:25px; border-bottom:1px dotted #ddd;} .dropdown_li-margin:hover{background:#eee;} .dropdown_li-margin i{font-size:17px; color:#000; margin-right:5px;} /*------------render table labels--------------*/ .rt_status_does_not_exist{color:#999!important;} /*-----gray--------*/ .rt_status_in_process{color:#f8a607!important} /*-----orange--------*/ .rt_status_approved{Color:#188116!important} /*-----Green--------*/ .rt_status_rejected{Color:#ee0000!important}/*-----red--------*/ .rt_status_cancel{color:#a8a8a8!important}/*-----lite-gray--------*/ .rt_primary_content{font-weight:bold; color: #000;} .rt_ secondary_content{color:#848282} .rt_link_content{border-bottom:1px dotted #333; color:##0072d3;} .rt_primary_label{color:#848282; } .rt_secondary_label{color:#999; font-size:13px;} /*--------------goal-sheet---------------*/ .goal-sheet{margin:0px; padding:0px;} .goal-sheet .category-name{background:#ccc; color:#001b32;padding:7px 5px!important; font-weight:600; font-size: 14px; /*text-transform: uppercase;*/} .goal-sheet .gs-weight{font-weight:600;} .goal-sheet h3, .goal-sheet .header-gray{margin:0px; padding:7px 5px!important; font-weight:600;background: #ccc;color: #f1f1f1;font-size: 14px;/*text-transform: uppercase;*/} .goal-sheet .goal-rating-area{padding:10px 0px; border-bottom:1px dashed #333} .goal-sheet .goal-rating-area .task{ /*text-transform: uppercase;*/} .goal-sheet .spacel{padding:0px 7px;} .goal-statement{font-size: 16px;margin:0px;color: #000; width:auto;} .goal-sheet .goal-stmt{margin:0px; /*padding:3px 0px; */line-height:20px; min-height:44px; font-size:14px; font-weight:500; color:#000000 } .goal-sheet .disc-goal{font-style:italic; font-size:14px; line-height:24px; color:#5e5e5e; font-weight:normal;} .goal-sheet .frequency{font-style:italic;padding:0px; font-size:12px; line-height:18px; color:#2372b6; font-weight:normal; margin:0px;} .goal-sheet .table > thead > tr > th, .goal-sheet .table > tbody > tr > th, .goal-sheet .table > tfoot > tr > th, .goal-sheet .table > thead > tr > td, .goal-sheet .table > tbody > tr > td, .goal-sheet .table > tfoot > tr > td{padding:4px!important;} .goal-app h4{text-transform: inherit!important;padding-top: 2px;} .goal-app ul, .disc-goal ul{list-style-type:disc!important; list-style:disc!important;margin-left: 15px;} .goal-app ol, .disc-goal ol{list-style-type:decimal-leading!important; list-style:decimal-leading!important;margin-left: 22px; } .goal-sheet .task-measure .tm{background:#fffdec; padding:8px; border:1px solid #eeeabd;border-radius:4px;font-size:13px!important;} .goal-sheet .label{color: #1c71bb; font-size: 13px; text-align: left !important;padding:4px 0px;} .goal-sheet .achievement-measure, .goal-sheet .task-measure{ margin-bottom: 2px; margin-right: 0; margin-top: 2px;} .goal-sheet .achievement-measure .dateformat{word-wrap:break-word;} .goal-sheet .achievement-measure .am{background:#e1e7f1; padding:8px; border:1px solid #cad8ef;border-radius:4px;font-size:13px!important;} .alert{font-size: 15px; font-weight: 600; text-align:center} input.cal{background:url('../images/client/tenant-lite/tenant-lite-2/calender.png') #fff no-repeat scroll right 5px; } .goal-sheet .task-measure h3{font-size:13px!important; font-weight:bold; } .goal-sheet .task-measure a{cursor:pointer;} .goal-sheet .task-measure h3 span{color:#2372b6; font-size:15px; margin-right:10px;} .goal-sheet .task-measure .table-bordered > thead > tr > th, .goal-sheet .task-measure .table-bordered > tbody > tr > th,.goal-sheet .task-measure .table-bordered > tfoot > tr > th,.goal-sheet .task-measure .table-bordered > thead > tr > td, .goal-sheet .task-measure.table-bordered > tbody > tr > td, .goal-sheet .task-measure.table-bordered > tfoot > tr > td, .goal-sheet .task-measure.table-bordered > thead > tr > th,.goal-sheet .task-measure .table-bordered > tbody > tr > th, .goal-sheet .task-measure.table-bordered > tfoot > tr > th,.goal-sheet .task-measure .table-bordered > thead > tr > td, .goal-sheet .task-measure.table-bordered > tbody > tr > td, .goal-sheet .task-measure.table-bordered > tfoot > tr > td{border:1px solid #eee!important; } .goal-sheet .task-measure table{font-size:12px!important} .goal-sheet .progress{height:10px; margin-top: 7px;} .goal-sheet .progress-bar{color: #fff!important; font-size: 10px!important; font-weight: 600!important; line-height:10px;} .progress{height:10px; margin-top: 7px;} .progress-bar{color: #fff!important; font-size: 10px!important; font-weight: 600!important; line-height:10px;} .progress-bar-info{background-color: #006dc3;animation: progress-bar-stripes 2s linear infinite;} .section-header{ overflow-y:hidden; background: #f9fcf7; background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%); background: -webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%); background: linear-gradient(to bottom, #fff 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f2f2f2',GradientType=0 ); border:none;border-left:3px solid #ccc; font-size: 13px; line-height: 20px; overflow-x: hidden; margin-left: 0; margin-bottom:0px; margin-right: 0; padding: 10px; padding-top:0px; position: relative; z-index:0; color:#334650; padding-right: 30px;} .section-header ul, .section-header ul li{list-style:none!important;} .class1{ position:relative; } .class1:before{ background: url(../images/client/tenant-lite/dots-sectionhead.png) no-repeat right bottom; border-radius: 4px; color: #333; content: "\f"; float: right; font: var(--fa-font-solid); height: 16px; line-height: 10px !important; padding: 3px 4px; position: relative; right: 0px; top: -16px; width: 19px; } .section-header .arrow a{color:#4c4c4c!important; outline: 0;} .section-header .arrow a:hover{color:#4c4c4c; outline: 0;} .container-inner-block h5{color: #1c64a1; display: block; font-weight: bold; margin: 0; padding: 8px 0px!important; text-align: right; /*text-transform: uppercase; */} .section-header a{text-decoration:none;} .section-header a:hover{border-bottom:none!important;} .advsearch{padding:14px 0px;} .li_side_menu li{margin:0px; padding:10px 0px; border-bottom:1px dashed #ddd;} .li_side_menu li a{color: #000; text-decoration:none;} .li_side_menu li a:hover{color: #1c64a1; text-decoration:none;} /*-----snackbar-----*/ #snackbar{ visibility: hidden; /* Hidden by default. Visible on click */ min-width: 250px; /* Set a default minimum width */ margin-left: -125px; /* Divide value of min-width by 2 */ background-color: #333; /* Black background color */ color: #fff; /* White text color */ text-align: center; /* Centered text */ border-radius: 2px; /* Rounded borders */ padding: 16px; /* Padding */ position: fixed; /* Sit on top of the screen */ z-index: 1; /* Add a z-index if needed */ left: 10%; /* Center the snackbar */ bottom: 30px; /* 30px from the bottom */ min-height:45px;line-height:30px; } /* Show the snackbar when clicking on a button (class added with JavaScript) */ #snackbar.showSnackbar{ visibility: visible; /* Show the snackbar */ /* Add animation: Take 0.5 seconds to fade in and out the snackbar. However, delay the fade out process for 2.5 seconds */ -webkit-animation: fadein 0.5s; animation: fadein 0.5s; border-radius:6px; } /* Animations to fade the snackbar in and out */ @-webkit-keyframes fadein{ from{bottom: 0; opacity: 0;} to{bottom: 30px; opacity: 1;} } @keyframes fadein{ from{bottom: 0; opacity: 0;} to{bottom: 30px; opacity: 1;} } @-webkit-keyframes fadeout{ from{bottom: 30px; opacity: 1;} to{bottom: 0; opacity: 0;} } @keyframes fadeout{ from{bottom: 30px; opacity: 1;} to{bottom: 0; opacity: 0;} } /**-----box-help-appraisal----**/ .box-help-appraisal{border:1px solid #ddd; padding:10px;padding-right:40px; margin-top:10px; background:#f2f2f2; overflow: hidden; } .box-help-appraisal ul li{margin:5px; padding:2px 10px; list-style:inside;} /*-----------Appraisal -------------------*/ .appraisal-page{margin:0px; padding:0px;} .appraisal-page .head{padding-bottom:6px;padding-right: 16px; /*border-bottom:1px solid #ddd;*/} .heading-appraisal{min-height:50px;} .appraisal-page .head .emp-details{margin-right: 66px;color: #333;right: 0;position: absolute;white-space: nowrap;font-size:14px;} .appraisal-page h3{margin:0px; padding:0px; color:#074c88; font-size:16px; border:none; font-weight:600;} .appraisal-page .fa{font-size:19px; color:#074c88; cursor:hover; margin:0px 4px; margin-left:0px;} .appraisal-page .fa:hover{font-size:19px; color:#000; cursor:hover;} .appraisal-page .box-help{border:1px solid #dfdfdf; background:#eceff4; padding:5px; margin:10px 0px; line-height:30px;} .appraisal-page .box-help strong{color:#074c88; font-size:14px; font-weight:600; } .appraisal-page .box-help .inst{background-color: #11252c; font-size: 20px; color:#fff; margin-left: 17px; margin-top: 103px; padding: 10px; position: absolute; transform: rotate(-90deg); transform-origin: left center 0; float:left; } .appraisal-page h6{text-align: center;margin: 10px 0px;font-size: 17px;color: #000;} .appraisal-page .box-help .inst-content{margin-left:52px; float:left;} .appraisal-page .box-help .inst-content ul{margin:0px; padding:0px; list-style-type:none;} .appraisal-page .box-help .inst-content ul li{margin:0px; padding:0px 0px 0px 20px; list-style-type:none;} .appraisal-page .box-help .inst-content ul li a{color:#074c88; text-decoration:underline;} .appraisal-page .box-help .inst-content ul li a:hover{color:#000; text-decoration:none;} .box-help-letter{border:1px solid #dfdfdf; background:#eceff4; padding:5px; margin:10px 0px;} .box-help-letter strong{color:#074c88; font-size:14px; font-weight:600; } .box-help-letter ul{margin:0px; padding:0px; list-style-type:none;} .box-help-letter ul li{margin:0px; padding:0px 0px 0px 20px; list-style-type:none;} .box-help-letter ul li a{color:#074c88; text-decoration:underline;} .box-help-letter ul li a:hover{color:#000; text-decoration:none;} /*.bs-wizard{border-bottom: solid 1px #e0e0e0; padding: 20px 0 20px 0; } .bs-wizard > .bs-wizard-step{padding: 0; position: relative;} .bs-wizard > .bs-wizard-step + .bs-wizard-step{} .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{color: #595959; font-size: 16px; margin-bottom: 5px; text-align: left; float:left; margin-right:10px;} .bs-wizard > .bs-wizard-step .bs-wizard-info{color: #185880; font-size: 15px; float: left; width:68%; font-family:'Open Sans'; font-weight:bold;} .bs-wizard .fa{position: absolute; font-size:28px;display: block; right: 5%; border-radius: 50%;}*/ #processSelectedEmpGoalSheet .bs-wizard{margin-bottom: 14px !important;} #subordinateGoalsheet .bs-wizard, #empGoalsheet .bs-wizard {margin-bottom: 20px !important;} .bs-wizard{border-bottom: 1px solid #e0e0e0; padding: 0 0 10px 0;} .bs-wizard > .bs-wizard-step{padding: 0; position: relative;} .bs-wizard > .bs-wizard-step + .bs-wizard-step{} .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{color: #595959; font-size: 12px; margin-bottom: 5px; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; white-space: nowrap;} .bs-wizard > .bs-wizard-step .bs-wizard-info{color: #999; font-size: 13px;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot{position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 40px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after{content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .bs-wizard > .bs-wizard-step > .progress{position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin:0px; margin-bottom: 13px; margin-top: 16px;} .bs-wizard > .bs-wizard-step > .progress > .progress-bar{width:0px; box-shadow: none; background: #fbe8aa; } .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar{width:100%;} .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar{width:50%;} .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar{width:0%;} .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar{width: 100%;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot{background-color: #f5f5f5;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after{opacity: 1;} .bs-wizard > .bs-wizard-step:first-child > .progress{left: 50%; width: 50%;} .bs-wizard > .bs-wizard-step:last-child > .progress{width: 50%;} .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{pointer-events: none; } .bs-stepper-header{ width: 90%; margin: 0px auto;margin-bottom: 20px!important;overflow: auto; margin-top:10px; padding-bottom:15px; } .three-workflow{width: 65%!important;} .two-workflow{width: 50%!important;} .bs-stepper-label-name{color: #222; font-size: 14px; margin-bottom: 5px; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; white-space: nowrap; display:block} .bs-stepper-label{color: #999; font-size: 13px;display:block} .bs-stepper .line, .bs-stepper-line{height: 7px; background-color:#fff!important; text-align: center; } .bs-stepper-circle{ display: -ms-inline-flexbox; display: inline-flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; width: 4em; height: 4em; padding: 1.1em 0; margin: .25rem; line-height: 1em; color: #fff; background-color: #6c757d; border-radius: 4em;} .bs-stepper .step-trigger{display:inherit;} .active .bs-stepper-circle{ background-color: #fbe8aa; } .bs-stepper-circle{ background-color: #fbe8aa; } .bs-stepper-circle .fa-circle{color:#fbbd19; font-size:16px;} .bs-stepper .step-trigger{ display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0; font-size: 1rem; font-weight: 700; line-height: 1.5; color: #6c757d; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 2px solid transparent; border-image: linear-gradient(to right, #fbe8aa,#fbbd19); border-image-slice: 1; border-radius:6px; transition: background-color .15s ease-out,color .15s ease-out; width: 170px;height:100px; } .popover{z-index:9999;} .bs-stepper .step-trigger:hover{text-decoration:none;background-color:rgba(0,0,0,.06); border-image: linear-gradient(to right, #fbbd19, #fbe8aa); border-image-slice: 1;} .modal-body .bs-stepper .step-trigger{width: 110px;height: 75px; margin: 10px 0px;} .modal-body .bs-stepper{margin-top: 22px; width: 100%;} .modal-body .bs-stepper-header{width: 95% !important; margin:10px auto; overflow:auto;} .popover-content{line-height:25px;padding: 5px; text-align: center;} .bs-stepper .active{border-image: linear-gradient(to right, green,lightgreen); border-image-slice: 1;} .bs-stepper .active:hover{border-image: linear-gradient(to right, lightgreen, green); border-image-slice: 1;} .bs-stepper-label{ color: #666; font-size: 13px; display: block; background:none; margin: 0px; text-align: center; padding: 2px 5px; font-weight: bold;width: 100%;overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: center; padding: 5px;width: 100%; } .bs-stepper-label-name{ color: #222; font-size: 13px; margin-bottom:0px; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: center; padding:0px;width: 100%; font-weight:bold; } .confi-slide{background: #e1e7f1; padding: 10px; margin-bottom: 10px !important; margin-top: 10px !important; border: 1px solid #cad8ef;} .appraisal-page .appraisal-form{margin:0px; margin-top: 10px; padding:0px;} .appraisal-page .appraisal-form .appraisal-graybar, .appraisal-page .apprasial-sections .appraisal-graybar{background:#878787; color:#fff; /*text-transform:uppercase;*/ font-weight:600!important; font-size:14px!important; padding:3px 10px!important;} .appraisal-page .bs-stepper-header{ width: 100%;} .form_helps{margin:12px 24px 5px 28px;border: 1px solid #ccc;padding: 10px;font-size: 15px !important;line-height: 25px;height:600px; overflow:hidden; overflow-y:scroll; overflow-x:scroll;background:#ddd;} .form_helps_height{margin:12px 24px 5px 28px;border: 1px solid #ccc;padding: 10px;font-size: 15px !important;line-height: 25px; height:200px; overflow:hidden; overflow-y:scroll; background:#ddd;} .form_helps_height_offer{margin:12px 24px 5px 28px;border: 1px solid #ccc;padding: 10px;font-size: 15px !important;line-height: 25px; overflow-x:scroll; overflow-y:scroll;background:#ddd;} .appraisal-page .appraisal-form h4, .appraisal-page .apprasial-sections h4{border:0px!important; margin:0px!important; padding:5px 0px!important;color: #1c64a1;font-size: 16px !important; text-transform: inherit!important; } .appraisal-page .appraisal-form p{font-style: italic; } .appraisal-page .appraisal-form{margin-top:0px!important;} .appraisal-page .employee-ratings{margin: 0px 0px!important;} .content h4{padding:7px 0px; margin:0px; background:#fff; color:#1c64a1; font-size:16px!important; } .content-section .rightpenel .content .contentbox .appraisal-form h4{/*font-size:14px!important;color: #333 !important;*/} .appraisal-page .appraisal-form p, .appraisal-page .apprasial-sections p{color:#333!important; font-size:13px!important; padding:5px 0px!important; margin:0px!important;font-style: italic;} .appraisal-page .space-rightleft{padding:0px 10px; margin:0px;} .appraisal-page .apprasial-sections{margin:0px; padding:0px; padding-bottom:15px;} .appraisal-page .apprasial-sections .form-group label{color:#000;font-size: 13px!important;} .appraisal-page .apprasial-sections .form-group .clear{margin-bottom:0px!important;} /*.appraisal-page .apprasial-sections .clear, .appraisal-page .appraisal-form .clear{margin-bottom:25px;}*/ .appraisal-page .border{border-bottom:1px dashed #074c88; padding-bottom:15px; margin-bottom:15px; font-weight:normal!important; font-size:14px;} .appraisal-page .appraisal-form .form-control{font-size: 14px!important;} .appraisal-page .employee-ratings{font-size:14px; background:#eceff4;border:1px solid #dfdfdf; padding:5px 10px; color:#073a75; margin:10px 0px!important; border-radius:4px; min-height: 60px;} .appraisal-page .manager-ratings{font-size:14px; background:#d3e7ca;border:1px solid #dfdfdf; padding:5px 10px; color:#212b1d; margin:10px 0px!important ; border-radius:4px;min-height: 60px; } .appraisal-page .relation3-ratings{font-size:14px; background:#ffface;border:1px solid #dfdfdf; padding:5px 10px; color:#212b1d; margin:10px 0px!important ; border-radius:4px;min-height: 60px; } .appraisal-page .relation4-ratings{font-size:14px; background:#fce0ff;border:1px solid #dfdfdf; padding:5px 10px; color:#212b1d; margin:10px 0px!important ; border-radius:4px;min-height: 60px; } .appraisal-page .relation5-ratings{font-size:14px; background:#e9e2ea;border:1px solid #dfdfdf; padding:5px 10px; color:#212b1d; margin:10px 0px!important ; border-radius:4px;min-height: 60px; } .appraisal-page .employee-ratings p, .appraisal-page .manager-ratings p, .appraisal-page .relation3-ratings p, .appraisal-page .relation4-ratings p, .appraisal-page .relation5-ratings p{padding:0px!important; margin:0px; line-height:18px;color:#333!important}} .appraisal-page .goal-app h3{margin:10px 0px; padding:7px 5px; font-weight:600; background: #575757; color: #f1f1f1; font-size: 14px; /*text-transform: uppercase;*/} .appraisal-page .goal-app .progress{height:10px; margin-top: 7px;} .appraisal-page .goal-app .progress-bar{color: #333!important; font-size: 10px!important; font-weight: 600!important; line-height:10px;} .appraisal-page .goal-app .disc-goal{font-style:italic; font-size:14px; line-height:24px; color:#333; font-weight:normal;} .border .space-rightleft{ margin: 0; padding: 10px 1px!important;} .box-add-new{background:#f4f3ee; padding:20px; box-shadow:1px 1px 4px #ccc;} .achievement-report{background:#fff; padding:10px;} .achievement-report h3{font-size:20px; border-bottom:1px solid #ccc; padding-bottom:5px;} .achievement-report .name{background: #ccc none repeat scroll 0 0; color: #333; font-size: 15px; font-weight: bold !important; padding: 4px;} .achievement-report .date{ color: #000; border-bottom:1px dashed #ccc; font-size: 15px; font-weight: normal !important; padding: 4px; padding-left:40px;} .achievement-report .statement{font-weight:bold!important; } .achievement-report .statement, .achievement-report .comment{ color: #333; font-size: 15px; padding: 4px;} .achievement-report .comment{padding-left:40px;} .achievement-report .comment span{font-weight:bold; color:#000; margin-right:5px; font-size:12px;} /*-------------filter-pop-----------*/ .empFilterBox{background-color: #fff; border:1px solid #ddd; border-radius: 4px; /* padding: 10px; */ position: absolute; right: 0; top: -11px; width: 300px; z-index: 9999; box-shadow:2px 2px 5px #ddd;} .empFilterBox .filter, .empFilterBox .search-emp{margin:0px; padding:6px 0px; } .empFilterBox .filters{padding:6px;} .empFilterBox .btn-area{margin:10px 0px!important;} .close-empFilterBox{ color: #7a7a7a; font-size: 13px; position: absolute; right: 8px; top: 5px; } /*------------------enrollment-------------*/ .enroll-step1{color:#616161;width:550px; margin:0 auto; background:#FFF; padding:20px; border-radius:4px; border:1px soild #ddd; } .enroll-step1 h3{padding:9px 0px; margin:0px; font-size:24px; color:#616161; font-weight:bold; } .enroll-step1 p{margin:10px 0px; padding:10px 0px;} .btn-enroll{background-color: #55a526; background-image: -moz-linear-gradient(center top, #55a526 0%, #71c341 100%); border-bottom-color: #439014; border-left-color: #439014; border-right-color: #439014; border-top-color: #439014; color: #484848; margin-bottom: 0; margin-left: 10px; margin-right: 0; margin-top: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); } div.btn-enroll:hover{ background-color: #71c341; background-image: -moz-linear-gradient(center top, #71c341 0%, #55a526 100%); } .enroll-step1 .img{margin-top: -79px;} .navlinks{display:block;} .filter-list ul{margin:0px; padding:0px; } .filter-list ul li{margin:0px; padding:0px 6px; float:left; } a.go_btn{color:#fff!important;padding: 5px !important;position: relative;top: 2px;} .home_right .box_org .li_myQuick_links ul{margin:0px; padding:0px;} .home_right .box_org .li_myQuick_links ul li{margin:0px; padding:7px 0px; float:left; width:50%; letter-spacing: -0.5px;} .home_right .box_org .li_myQuick_links ul li a{color:#333!important; text-decoration:none;} .home_right .box_org .li_myQuick_links ul li a:hover{color:#f39c12 !important; text-decoration:none;} .page-li-points{margin:0px; padding:0px;/*margin-top:10px;margin-bottom:10px; font-size:14px;margin-top: 25px; margin-bottom: 0px;*/} .clearprogressbar{ margin: 0; padding: 0; /*margin-left: 22%;*/ /* counter-reset: step; */ } .clearprogressbar li{ list-style-type: none; width: 11%; float: left; font-size: 12px; position: relative; text-align: center; /*text-transform: uppercase;*/ color: #7d7d7d; z-index:0; } .clearprogressbar li span{display: block; height: 68px; width: 68px; text-align: center; margin: 0 auto; background: #f5f6f7; border: 2px solid #e5e5e5; line-height: 65px; font-size: 30px; border-radius: 4px; transform:rotate(45deg);} .clearprogressbar li span:hover{box-shadow: 5px 4px 6px;} .clearprogressbar li p{padding-top:20px; color:#000; text-decoration:none;} .clearprogressbar li p:hover{text-decoration:underline!important; color:#666} .clearprogressbar .not-completed p{box-shadow: 0px 0px 0px #888!important; text-decoration:none!important;} .clearprogressbar .not-completed span:hover{box-shadow: 5px 4px 6px #888;} .clearprogressbar li.selected span{box-shadow: 5px 4px 6px #888;} .clearprogressbar li.selected p{text-decoration:underline!important; color:#ff831f;} .clearprogressbar li.completed p{color:green ; text-decoration:none!important;} .clearprogressbar li.completed a{color: green; } .clearprogressbar li.completed i{background: -webkit-linear-gradient(#2d8800, #113601); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .clearprogressbar li.complete-later a{color:#ff7e00;} .clearprogressbar li a{color:#555;font-weight: bold;padding: 20px; text-align:center;} .clearprogressbar li i{transform: rotate(-45deg); background: -webkit-linear-gradient(#ddd, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .theme-showcase-ws .empfilter-cdmt{border-left: 0px dotted #ddd !important;} .theme-showcase-ws .clearprogressbar li span{display: block; height: 80px; width: 80px; text-align: center; margin: 0 auto; background:none; border: 2px solid #fff; line-height: 80px; font-size: 30px; border-radius: 50%; /* transform:rotate(45deg); */} .theme-showcase-ws .min-height{min-height:auto!important;height:auto;} .theme-showcase-ws .clearprogressbar li span:hover{box-shadow:0px 0px 0px; background:rgba(255,255,255,0.5) ;color:#000;} .theme-showcase-ws .clearprogressbar li p{padding-top:20px; color:#000; text-decoration:none;} .theme-showcase-ws .clearprogressbar li p:hover{text-decoration:underline!important; color:#fff} .theme-showcase-ws .clearprogressbar .not-completed p{box-shadow: 0px 0px 0px #fff!important; text-decoration:none!important;} .theme-showcase-ws .clearprogressbar .not-completed span:hover{box-shadow: 5px 4px 16px #fff;} .theme-showcase-ws .clearprogressbar li.selected span{box-shadow: 0px 4px 16px #fff;} .theme-showcase-ws .clearprogressbar li.selected p{text-decoration:underline!important; color:#fff;} .theme-showcase-ws .clearprogressbar li.completed p{color:#fff ; text-decoration:none!important;} .theme-showcase-ws .clearprogressbar li.completed a{color: #fff; } .theme-showcase-ws .clearprogressbar li.completed i{background: -webkit-linear-gradient(#fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .theme-showcase-ws .clearprogressbar li.complete-later a{color:#fff;} .theme-showcase-ws .clearprogressbar li a{color:#fff;font-weight: bold;padding: 20px; text-align:center;} .theme-showcase-ws .clearprogressbar li i{/* transform: rotate(-45deg); */ background: -webkit-linear-gradient(#fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .theme-showcase-ws #curSelectionDataSetup{padding: 10px; background:#fff; border-radius: 20px;} .theme-showcase-ws #curSelectionDataSetup h3{font-weight:bold; font-size:15px; color:#000;} .product-guide_home{position: absolute;top: 25px;right: 17px;padding: 6px !important;border-radius: 30px;font-size:14px; color:#fff!important; font-weight:bold; } .product-guide_home:hover{color:#FFC837 !important;} .product-guide a{color:#fff;} .product-guide a:hover{color:#000;} .product-guide{position: absolute;top: -18px;right: 26px;padding: 10px !important;border-radius: 30px;font-size: 20px;} .product-guide a{color:#fff;} .product-guide a:hover{color:#000;} /* .clearprogressbar li:before{ width: 40px; height: 40px; content: counter(step); counter-increment: step; line-height: 40px; border: 2px solid #7d7d7d; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: white;z-index:0; } .clearprogressbar li:after{ width: 100%; height: 2px; content: ''; position: absolute; background-color: #7d7d7d; top: 18px; left:-35%; z-index: -1; } .clearprogressbar li:first-child:after{ content: none; } .clearprogressbar li.active{ color: green; } .clearprogressbar li.active:before{ border-color: #55b776; } .clearprogressbar li.active + li:after{ background-color: #55b776; } */ .bg-setup{/*background: #FF8008; fallback for old browsers background: -webkit-linear-gradient(to right, #FFC837, #FF8008); Chrome 10-25, Safari 5.1-6 background: linear-gradient(to right, #FFC837, #FF8008); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ padding:0px 10px;/* margin:-25px !important; */ margin-bottom:30px!important} .bg-setup h1{text-align: center;padding: 9px 0px;font-size: 45px;color: #000;} .bg-setup h2{color: #fff;padding: 22px;text-align: center;font-size: 25px; } span.date-format{font-weight:normal; font-size:11px; color:#444; /*text-transform:uppercase*/} .support-widget .dropdown-menu{border:0px solid #fff;padding:0px; width:100%;padding:0px 0px;box-shadow: 0 0px 0px rgba(0,0,0,.175);} .widget-purchase{background:#1f2a30; border-radius:8px; box-shadow: 0px 5px 18px #999;padding: 5px;} .widget-purchase h4{color:#2196f3!important; text-transform:none!important;border-bottom: 1px dashed;} .widget-content{display:block; color:#eee; font-size:13px;} .widget-content li{margin: 5px;padding: 5px 0px;border-bottom: 1px solid #151d22; list-style-type:none;} .widget-content li:before{ content: "\f00c"; font: var(--fa-font-solid); display: inline-block; color:#2196f3!important; margin-left: 0.3em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ } .btn-support-purchase{ /* width: 200px; height: 55px;*/ font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; margin: 3px auto; text-align:center; border: none; background-size: 300% 100%; border-radius: 50px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;display: block; padding: 5px 10px; } .btn-support-purchase:hover{ background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .btn-support-purchase:focus{ outline: none; color:#000; } .btn-support-purchase.color-9{background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);} .heading-slider{color:#1c64a1;border:1px solid #dadada; border-bottom:1px solid #ccc; border-top:4px solid #1c64a1; padding:10px; font-size: 15px; font-weight: bold; cursor:pointer;} .trialdata-help{background:#fff;border:1px solid #dadada; border-top:none;padding:7px;padding-left: 13px; color:#484848;} .trialdata-help .heading{margin-left:0px!important;} .trialdata-help ul{margin:0px; padding:0px;} .trialdata-help ul li{margin:0px; padding:3px 6px; width:100%;} .trialdata-help p{margin:0px; padding:6px 0px; line-height:18px;} .trialdata-help .fa-arrow-right{float:left; font-size:15px; color:#1c64a1; margin-right:5px;} .form-controlmargin{margin:0px 0px!important} .download-icon{left: 359px; margin-top: 8px; position: absolute;} .form-group, .form-horizontal .form-group{margin:0px; padding:6px 0px; } .form-group ul li{list-style-type:none;} .form-group label{text-align:left;font-weight:600;} .form-group .label-inner{text-align:left;font-weight:normal;} .form-horizontal .control-label{text-align:left; padding-top:0px;} .setting-form{text-align:left;padding-top:7px;} /*---Setup expense types---*/ .setup-expense-types{margin:0px; padding:0px;} .setup-expense-types h3{margin:0px; padding:10px 0px; color:#1c64a1; border-bottom:2px solid #333; font-size: 20px;} .setup-expense-types .box-setup{/*background:#f0f2f5;*/border:1px solid #aeb0b2; margin:10px;} .setup-expense-types .box-setup h4{font-size:16px!important; color:#fff!important; background:#3f4245!important; padding: 5px 10px!important; padding-right: 3px !important;} .setup-expense-types .box-setup a{color:#fff; text-decoration:none; font-weight:normal;} .setup-expense-types .box-setup a:hover{color:#ffc765; text-decoration:none; font-weight:normal;} .setup-expense-types .box-setup ul{padding:0px 10px ; margin:0px; overflow:hidden; max-height: 90px; height: 90px; /* overflow-x: hidden;*/ } .setup-expense-types .box-setup ul:hover{overflow-y:scroll; } .setup-expense-types .box-setup ul li{float:left; margin-right:10px; padding:6px 0px;} .setup-expense-types .box-setup ul li a{color:#1c64a1;} .setup-expense-types .box-setup ul li a:hover{color:#000;} .setup-expense-types .box-setup .actions span{margin-top:0px!important} .hris-selected{background:#1c64a1; border-radius:4px; color:#fff; padding:4px 6px; font-size:14px; } .leave-types h3{color: #125e9f; font-size: 15px; font-weight: normal; margin:0px; padding:10px 0px;} .leave-types .border{padding-bottom:10px; border-bottom:1px solid #ddd;} .leave-types .space-outer{padding:5px;margin-top: 10px; background: #eceff4 none repeat scroll 0 0;} .generate-new-letter{margin:0px; padding:0px; line-height:20px; font-size:14px;} .generate-new-letter h3{font-weight:600;} .generate-new-letter span{font-weight:bold;} .generate-new-letter p{margin:0px; padding:7px 0px;} /*----file----*/ input[type="file"] {border:none; box-shadow:none;} #attachFile .form-control{height:20px!important;} /*----invoke----*/ .invoke-link{margin-top: 35px;} /*-------Manage activites----------*/ .manage-activites{margin:0px;margin-bottom: 10px; padding:0px;} .manage-activites h3{color:#1c64a1; font-size:18px; margin:10px 0px; padding:0px; border-bottom:1px solid #ddd;} /*------configure-hris------------------*/ .configure-hris{margin:0px; padding:10px; /*font-size:14px;*/} .configure-hris label{/*padding:5px 0px; font-weight:600px!important; font-size:14px;*/} .configure-hris .tooltip{/*padding:5px 0px;*/} .configure-hris ul{margin:0px; padding:0px;} .configure-hris ul li{float:left; padding:0px 10px; margin:0px 5px;margin-right: 30px; font-size:13px!important;} .configure-hris .clear{padding:8px 0px;} .configure-hris li .label{font-size: 13px!important;} .configure-hris .radio, .checkbox, .configure-hris .radio + .radio, .configure-hris .checkbox + .checkbox{margin:0px;} .configure-hris input[type="radio"], .configure-hris input[type="checkbox"]{margin-top:4px!important;} .lspacing{letter-spacing: -0.4px;} .checkbox{height:40px;} /****----*/ .bg-achievement{background: #fff none repeat scroll 0 0; border: 1px solid #eee; border-radius:4px; padding: 10px;} .bg-break{padding:5px 0px; border-bottom:1px dashed #ccc;} .enter-achievement{padding-right: 10px; padding-bottom: 5px;} .enter-achevement .btn{border-radius:0px!important;} .add-notes{background:#eceff4; border:1px solid #ddd!important; padding:0px 10px; padding-bottom:10px; } .add-notes .notes{font-size: 15px; font-weight: bold;float:left;} .add-notes .new-notes{float:right;} .s-bottom{margin:5px 0px ;} .s-right{padding-right:14px;} .border .appraisal-page .employee-ratings{margin-left:0px!important;} /************survey************/ .survey{margin:0px; padding:0px;} .survey .topimage{height:150px;background:#c4e4ff; background-position:center;margin: -11px;} .survey .survey_box{background-color: #fff;margin-bottom: 48px;-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); padding-bottom: 6px;word-wrap: break-word; margin-top:-100px;} .survey .survey_heading{background: url('../images/client/tenant-lite/tenant-lite-2/bg-blue.png' )no-repeat;color: #fff!important;background-size:cover;background-position: center; height:102px;} .survey .survey-description{background: #fff;padding: 10px;border-radius: 20px;color: #000;box-shadow: 2px 2px 2px #ddd; text-align:center;max-width: 80%;margin: 0px auto; margin-top:-10px;} .survey .survey-section{padding: 5px 10px 0px 10px;} .survey-section li{margin-left:20px;} ## border-bottom:1px dotted #333; .survey .checkbox label:after, .survey .radio label:after{ content: ''; display: table; clear: both; } .survey .checkbox .cr, .survey .radio .cr{ position: relative; display: inline-block; border: 2px solid #0a608e; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; } .survey .radio .cr{ border-radius: 50%; } .survey .checkbox .cr .cr-icon, .survey .radio .cr .cr-icon{ position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%; } .survey .radio .cr .cr-icon{ margin-left: 0.04em; } .survey .checkbox label input[type="checkbox"], .survey .radio label input[type="radio"]{ display: none; } .survey .checkbox label input[type="checkbox"] + .cr > .cr-icon, .survey .radio label input[type="radio"] + .cr > .cr-icon{ transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; } .survey .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .survey .radio label input[type="radio"]:checked + .cr > .cr-icon{ transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr{ opacity: .5; } /*********payroll dashboard*********/ .payroll_dashboard{margin:0px; padding:0px;display:flex;flex-flow:row;flex-wrap:wrap;} .payroll_dashboard-item{padding-top:5px;} .payroll_dashboard .payroll-error{border-right: 4px solid #f00;} .payroll_dashboard .payroll-no-error{border-right: 4px solid #2d9400;} .payroll_dashboard .payroll-head{font-size: 20px;font-weight: 600 !important;color: #666;padding: 10px 0px;} .payroll_dashboard .payroll-last{padding: 10px;border-right: 1px dotted #333;color: #333;font-size: 16px; margin-bottom:6px!important; margin-right:2px;} .payroll_dashboard .payroll-upcoming{padding: 10px;border-right: 1px dotted #333;color: #333;font-size: 16px;margin-bottom:6px!important; margin-right:2px;} .payroll_dashboard .payroll-upcoming a{background:#333; color:#fff; padding:6px 20px; margin-right:3px;margin-top: 1px; border-radius:4px; float:right;} .payroll_dashboard .payroll-payperiod{font-weight:600;color:#000;text-overflow: ellipsis; white-space: inherit; word-wrap: break-word; overflow:hidden;} .payroll_dashboard span.payout{font-size: 13px;padding-top: 6px;min-height: 30px;text-align: right;display: inline-block;overflow: hidden;/*white-space: nowrap;*/text-overflow: ellipsis;/*width: 155px;*/} .payroll-dashboard-month{min-height: 30px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 75px;font-size: 10px !important;display:inline-block;} .all_emp{padding: 5px;text-align: left;border: 1px solid #ddd;margin: 0px 5px;font-weight: bold;font-size: 14px;color: #000;} .tab_emp{padding: 5px; background:#e7e7f3; text-align: left;border: 1px solid #ddd;font-size: 14px; margin:0px 5px;font-weight: 500;color: #000;cursor: pointer;height:75px;} .payroll_dashboard .selected .tab_emp{border-bottom: 4px solid #ba43c4; border-right: unset;} .payroll-upcoming span{font-size:14px;} /*****chart_div******/ #chart_div{ overflow-x: scroll!important; overflow-y: scroll!important; scroll-behavior: auto; padding-left: 17px; padding-top: 89px;} #orgChart h5{word-wrap:break-word!important;} #orgChart{ background: #f9fdff; border: 5px solid #1792d0; border-radius: 50%; box-shadow: 1px 1px 4px #333; height: 140px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; padding-top: 10px; width: 140px;} #orgChart h5{display: inline-block; text-align: center; padding:0px 0px!important; margin:0px;color: #000!important; font-size:11px!important;line-height: 12px; text-overflow: ellipsis; white-space: pre-line; word-wrap: break-word;} .org img{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #ddd; box-shadow: 1px 3px 1px #eee; float: left; height: 40px; margin-right: 8px; width: 40px;} td.google-visualization-orgchart-node{background:none!important; border:none!important;-webkit-box-shadow:rgba(0, 0, 0, 0.0) 3px 3px 3px!important;-moz-box-shadow:rgba(0, 0, 0, 0.0) 3px 3px 3px!important;} .google-visualization-orgchart-lineright{ border-right-color: #ccc!important; border-right-style: dotted!important; border-right-width: 2px!important; } .google-visualization-orgchart-linebottom{ border-bottom-color: #ccc!important; border-bottom-style: dotted!important; border-bottom-width: 3px!important; } .google-visualization-orgchart-lineleft{ border-left-color: #ccc!important; border-left-style: dotted!important; border-left-width: 2px!important; } /*#orgChart:selected{border:1px solid #0951aa;}*/ .searchBox{padding-bottom:0px!important; border-bottom:2px dashed #ddd; margin-bottom: 10px;} .searchBox .selectemployee{top: -29px; left: 310px;} .searchBox .clear{padding:0px!important} .bootstrap-dialog.type-primary .modal-header{background-color:var(--brand-color-1);} .bootstrap-dialog-footer-buttons .btn-success{padding:5px 15px;background-color: var(--brand-color-1);border-color: var(--brand-color-1);border-radius: 12px; text-shadow: unset;} .bootstrap-dialog-header{/*background-color: var(--brand-color-1);*/} /*-----marguee--------*/ .marquee-text{position: fixed;bottom: 0;color: #fff;/* background: rgb(0, 0, 0,0.9); */ background: #f12711; background: -webkit-linear-gradient(to right, #f5af19, #f12711); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ padding:2px 0px 0px 0px;z-index: 99;width: 100%;} .marquee-text{margin:0px; cursor:pointer;} .marquee-text span{margin-right:150px; padding:10px 0px; font-size:16px;} .marquee-text .fa-times-circle{color:#333; font-size:18px;} .marquee-text .fa-times-circle:hover{color:#fff;} .label-a{text-align: center;font-weight: bold;font-size: 16px; border-right:2px solid #fff; padding-right:10px;} .header-label{color:#aaa;} .marquee-text .fa-bullhorn{color:#000; border: 1px dashed #fff;padding:10px;border-radius: 50%;transform: rotate(-20deg);} /*----52weeks----*/ .weeks{margin:0px; padding:10px 0px;} .weeks .header_52week{background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#000; font-size:14px; font-weight:600; padding:10px 5px; margin-bottom:5px;} .weeks .body_52week{background:#fff; color:#333; font-size:14px; font-weight:normal;border-bottom:1px dashed #074c88; padding:5px; padding-bottom:10px; margin-bottom:5px;} .weeks .body_52week .well{padding:5px 19px!important;} .body_52week .goal-name{font-size:14px; font-weight:bold;} .body_52week .goal-name p{margin:0px; padding:6px 0px;} .body_52week .goal-name span.dics{color:#414141;font-size:12px;clear:both;} /*-----------marketing_automation-----------*/ .marketing-box{border:1px solid #ccc;margin-bottom:10px;} .marketing-heading{background:#eee; padding:5px; font-size:14px;margin-bottom:10px;font-weight:bold;} .marketing-box .grid-label{min-height:36px; padding:5px;word-wrap: break-word;} .marketing-box .grid-label:hover,.marketing-box .shadow-bg{box-shadow:0px 4px 15px #aae1f5; border-radius:4px;} .marketing-box .icon-hover{min-width: 30px;height: 30px; padding-right: 4px; padding-top:1px;} .marketing-box .fa-save, .marketing-box .fa-times-circle{font-size:20px; } .marketing-box .pos-icon{float:right; padding:5px; min-width: 30px;height: 30px;} /* .marketing-box .pos-icon a:hover{background:#fff; border-radius:50%; min-width: 30px;height: 30px;box-shadow:0px 4px 12px;padding:4px} */ .grid-label input{margin:2px 0px!important;} /*----annualcpm----*/ .annualcpm{margin:0px; padding:10px 0px;} .annualcpm .headercpm{background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#000; font-size:14px; font-weight:600; padding:10px 5px; margin-bottom:5px;} .annualcpm .bodycpm{background:#fff; color:#333; font-size:14px; font-weight:normal;border-bottom:1px dashed #074c88; padding:5px; padding-bottom:10px; margin-bottom:5px;} .annualcpm .bodycpm .well{padding:5px 19px!important;} .annualcpm .headercpm span{font-weight:normal; font-size:14px;} .bodycpm .goal-name{font-size:14px; color:#333;} .bodycpm .goal-name span{font-weight:bold; color:#000;} .bodycpm .goal-name p{margin:0px; padding:6px 0px;} .bodycpm .goal-name span.dics{color:#414141;font-size:12px;clear:both;} /*------mybenefit-------*/ .mybenefit{margin:0px;padding:0px; line-height: 23px;font-size:14px; } .mybenefitplan{font-size: 24px;padding: 10px 0px;border-bottom: 4px solid #f68621;margin-bottom: 10px;} .mybenefitdescription,.mybenefitdescription p{font-size:15px;font-style:normal!important;line-height: 28px; margin:10px 0px;} .provideraddress, .site, .telephone{float:left;width:31%; display: flex;flex-wrap: wrap; padding: 10px; padding-left:30px; margin: 10px 5px; font-size: 15px;border:1px solid #eee; border-left: 3px solid #f68621; min-height:100px; } .mybenefitdescription strong{padding:10px 0px; color:#000;line-height: 25px;} .mybenefitdescription ul{margin: 5px 26px;font-size: 14px;} .mybenefitdescription ul li{padding:10px 0px;} .provideraddress, .site, .telephone{ position:relative; } .provideraddress:before{ content: "\f041"; /* this is your text. You can also use UTF-8 character codes as I do here */ font: var(--fa-font-solid); left:9px; position:absolute; top:8px!important; font-size:22px; padding-right:10px; } .site:before{ content: "\f0c1"; /* this is your text. You can also use UTF-8 character codes as I do here */ font: var(--fa-font-solid); left:5px; position:absolute; top:8px!important; font-size:22px; padding-right:10px; } .telephone:before{ content: "\f098"; /* this is your text. You can also use UTF-8 character codes as I do here */ font: var(--fa-font-solid); left:5px; position:absolute; top:9px!important;transform: rotate(45deg); font-size:22px; padding-right:10px; } .dependent{font-size:18px;border-bottom:3px solid #333; padding:11px 0px; margin:10px 0px;} /*-------------Setup Settings menu access----------------*/ #chart_menu_div{max-width:1280px !important; overflow-x: scroll!important; overflow-y: scroll!important; scroll-behavior: auto; padding-left: 17px; padding-top: 89px;} #chart_menu_div .google-visualization-orgchart-node-medium{font-size: 13px!important; line-height: 15px; cursor:pointer;} #chart_menu_div .google-visualization-orgchart-nodesel{color:#51b003!important; font-weight:600;} #chart_div .google-visualization-orgchart-node b{display:block;padding: 2px 7px;font-size: 15px;line-height: 20px;} #chart_div table.google-visualization-orgchart-table{width:100%;} #chart_div .google-visualization-orgchart-node-medium{ font-size: 0em; line-height: 12px;} .google-visualization-orgchart-table{padding: 6px;} /*-------leftmenu-----*/ .navbar-collapse{padding:0px!important;} .navbar{border-radius:0px!important; margin-bottom:0px;} .navbar-default{background:none!important; border:0px!important;} .navbar-nav > li > a{padding:0px!important;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:none!important;} .navbar-nav > li{width:100%;} .navbar-nav > .active > a:focus{color:#1c64a1!important;} /*-----myprofile----------*/ #employmentDetailsDataDiv,#empConfidentialDataDiv, #personalDetailsDiv, #contactDetailsDataDiv, #qualificationDataDiv, #experienceDataDiv, #reportingStructureDataDiv, #empEventsDivData, #checklistDataDiv, #EmpMiscellaneousInfoDataDiv, #empSkillSheetDataDiv, #myNotesDataDiv{/*overflow: visible!important; */} .myshortcutmenuToggleClosed{/*cursor: pointer; position: absolute; opacity: 1; position: absolute; left:0px; text-indent:1px; top:-1px; z-index: 2147483647;background:#4c4c4c; padding:2px 3px; border-radius:4px 4px 0px 0px; */} .myshortcutmenuToggleClosed span .fa-chevron-circle-down{color: #888; font-size: 17px;} .myshortcutmenuToggleOpen{cursor: pointer;float: right; z-index: 9; background: none repeat scroll 0% 0%;font-size: 12px; color:#7d7d7d;} /*----news & quick links--------*/ .news-n{margin:0px; padding:0px; padding-bottom:10px; padding-right:10px; border-right:1px solid #ddd; color:#414141; font-size:14px;} .news-n h4, .quicklinks-n h4{color:#003f75!important; padding:10px 0px; margin:0px; border-bottom:1px dashed #eee; font-size:16px;} .news-n .news-content{padding:10px 0px; margin:0px;} .quicklinks-n{margin:0px; padding:0px; padding-bottom:10px; padding-left:10px; border-left:0px solid #ddd; color:#414141; font-size:14px;} .quicklinks-n ul{margin:0px; padding:0px;} .quicklinks-n ul li{margin:0px; padding:10px 0px; border-bottom:1px solid #ddd;list-style: none;} .btn-group > .btn, .btn-group-vertical > .btn{margin-right:2px; } .btn-group .dropdown-menu{left: unset; right:0; overflow:hidden; word-wrap:break-word; white-space:nowrap;width:auto;z-index:9998!important} .overlay-action-tr .overlay-action-btn{position:relative;display:none;height:25px;} .overlay-action-tr:hover .overlay-action-btn{display:block; position: absolute;right: 0px;z-index: 999;background: #f3f3f3; padding:0px 20px;} .overlay-action-btn .btn{padding: 2px 4px !important; font-size: 13px !important;} .toggle-btn{overflow:hidden; word-wrap:break-word; white-space:nowrap;} /*------------PAYROLL------------*/ .run-payroll{/*border:1px solid #eee; padding:0px!important; padding-left:10px!important;*/ margin-bottom:15px!important;} .run-payroll h4{border-bottom:1px solid #ccc; margin-bottom: 20px !important; } .run-payroll h4 span{border-bottom:4px solid #2f3031;height: 29px; position: absolute;width: 50px;} .run-payroll .run_sec{background:#f9f9f9;padding-left:10px; box-shadow: 0 0 5px #ccc;} .run-payroll .run_sec h4{background:#f9f9f9!important;} .run-payroll .padding-left{padding-right:18px;} .run-payroll .selected{box-shadow: 3px 5px 5px rgb(93, 93, 93);} /****payroll-tabs*****/ /*.payroll-tabs{border:1px solid #ccc; border-top:0px;}*/ .payroll-tabs .tabs-exp-navigation{width: 100%;background:#f3f3f3; height:60px; border-bottom: 2px solid #dbdbdb; padding: 0px 5px;letter-spacing: -0.5px;} .payroll-tabs .tabs-exp-navigation a{cursor: pointer;border-radius: 6px 6px 0px 0px;margin: 0px 1px;/* border-bottom: 2px solid #1c64a1; */ height: 60px; font-size: 16px;line-height: 60px;color:#444444;} .payroll-tabs .tabs-exp-navigation a span{color:#000;} .payroll-tabs .tabs-exp-navigation a:hover{ background-color:#f3f3f3; border-bottom: 2px solid #dbdbdb;} .payroll-tabs .tabs-exp-navigation a.selected span{color:#1c64a1} .tabs-exp-navigation a.selected:hover{background:#fff;} .payroll-tabs .steps-bg{padding:10px; margin:0px 1px!important; background: rgba(255,255,255,1);} .payroll-tabs .payroll-content-section .second-line-outer{border-top: 0px solid #ddd;} .payroll-tabs .tabs-exp-navigation a.selected{box-shadow: 0px 0px 0px #fff;background:#fff;color:#444;cursor: pointer;border-top: 0px solid #fff;border-bottom: 0px;margin-top: 9px;border-radius: 10px;line-height: 38px;} .payroll-tabs .steps-payroll li{border-right:2px solid #767676; padding:10px 20px; margin:10px 0px; font-size:16px; color:#444444; font-weight:bold;letter-spacing: 0.5px;} .payroll-tabs .steps-payroll li p{font-size:42px; color:#000;} .payroll-tabs .steps-payroll li a{border-bottom:1px dotted #ccc; text-decoration:none; cursor:pointer; color:#444;letter-spacing: -0.5px;} .payroll-tabs .steps-payroll li.active a{color:#1c64a1!important;} /*----shift----*/ .userstats{margin:0px; padding:0px;} .userstats h3{color:#004c8d; font-size:16px; margin:0px; padding:5px 0px; font-weight:bold;} .shifttable-1{background:#bbbbbb;} .shifttable-1 td, .shifttable-1 tr{border:0px solid #f2f2f2;font-size:14px; padding:0px; } .shifttable-1 .purple td{border-right:1px solid #fff; border-bottom:1px solid #ddd;} .subtable td{border-right:none; border-bottom:none;} .shifttable-1 .purple{background:#57519a; color:#fff;} .shifttable-1 th{background:#888888; color:#fff; font-size:12px; padding:5px 0px; text-align:center} .shifttable-1 .highlight{background:#83c1f1; color:#000;} .daily-sch{border:1px solid #ddd; font-size:14px;} .daily-sch h6{border-bottom:1px solid #ddd; padding:6px 10px; color:#333; font-size:18px; } .daily-sch .subsection{padding:5px;} .daily-sch .subsection h4{color:#03385a; font-size:20px; } /*-------Goalsheet Pannel -------*/ .goalsheet-w{margin-bottom:13px;} .goalsheet-w h5{text-align:center; font-size:14px; color:#2b3d51!important; padding:8px 0px;} .goalsheet-w .well{height:340px!important;max-height: 340px!important; padding:32px 0px;border:1px solid #ddd; background:#fff; box-shadow:1px 2px 5px #ccc; border-radius:0px; margin:0px 10px 0px 0px!important;} .goalsheet-w .well-last{height:340px!important;max-height: 340px!important; border:1px solid #ddd; background:#fff; box-shadow:1px 2px 5px #ccc; border-radius:0px; margin:0px 0px 0px 0px!important;} .goalsheet-w .well:hover, .goalsheet-w .well-last:hover{height:340px!important;max-height: 340px!important;} .goalsheet-w .well-dash{overflow:hidden;overflow-y:scroll;height:300px; max-height: 300px!important; border:1px solid #ddd; background:#fff; padding:10px 10px 10px 10px; border-radius:0px; margin:0px 10px 0px 0px!important;} .goalsheet-w .well-lasts{overflow:hidden;overflow-y:scroll;height:300px; max-height: 300px!important; border:1px solid #ddd; background:#fff; padding:10px 10px 10px 10px; border-radius:0px; margin:0px 0px 0px 0px!important;} .goalsheet-w .well-lasts h4{display:none;} .goalsheet-w .well-dash:hover, .goalsheet-w .well-lasts:hover{overflow-y:scroll;padding:10px 10px 10px 10px; height:300px;max-height: 300px!important;} .goalsheet-w .well-off{border:0px;} .goalsheet-w .well:hover{box-shadow:0px 0px 0px #ccc;} .goalsheet-w .well .well-des{min-height:100px; height:auto;} .goalsheet-w .btn-area{border-top:1px solid #ddd; padding:10px 0px;} .goalsheet-w .del-rem-hide{margin-top: 0; } .goalsheet-w .del-rem-hide a{margin-right: 10px; } .trackingDetails{ position: relative; } .trackingDetails:hover .trackingDetails-hover{ display: block; } .trackingDetails-hover{ width: 211px; border-color: #efefef; border-width: 3px; background-clip: padding-box; background-color: #ffffff; border-radius: 0 0 7px 7px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.176); display: none; float: left; font-size: 11px; left: 0; list-style: outside none none; margin: 0px 0 0; min-width: 160px; padding: 10px 5px; position: absolute; top: 100%; z-index: 1000; text-align:center; border: 1px solid #eee; } .expenseSubGrp{border-left: 1px dashed rgb(204, 204, 204); padding-left: 12px;} .expensePaymentMode{border-top: 1px dashed rgb(204, 204, 204);} .emp-home-page{margin:0px; padding:0px;} .emp-home-page a{color:#000; text-decoration:none; border-bottom:1px dotted #000;} .emp-hone-page .grow table{border-top:2px solid #8e8e8e;font-size:13px!important; padding:2px!important;} .emp-home-page .grow table td{font-size:12px!important; padding:2px!important;} .emp-home-page .grow table tr:hover{background:#fff; cursor:pointer;} .emp-home-page .grow table th{background:#063b55;font-size:12px!important;padding:5px 3px!important;color:#fff; } .emp-home-page .grow table .odd{background:#bee8fb;} .emp-home-page .grow table .even{background:#d7f2fe;} .emp-home-page a:hover{color:#000; text-decoration:none;} .emp-home-page .grow{margin:0px; padding:0px; border:1px solid #ddd ; border-top:0px; border-bottom:5px solid #001a33;} .emp-home-page .grow .grow-box{margin:0px 5px; padding:5px; background:#fff; border-bottom:2px dotted #001a33;} .emp-home-page .grow h3{background: url(../images/client/tenant-lite/tenant-lite-2/employee-dash/bg-grow.png) repeat-y; color:#fff; padding:5px 10px; font-size:40px;} .emp-home-page .grow .grow-box h4{font-size:16px; color:#053850!important; border-bottom:1px solid #ddd; line-height:26px ; } .emp-home-page .grow h5{font-size:16px; color:#006394!important; margin:6px 0px; text-align:left;padding: 0px !important; font-weight:600;} .emp-home-page .grow .grow-box p{font-size:14px; color:#333; line-height:20px; margin:10px 0px;} .emp-home-page .grow .grow-box sup{font-weight:bold; color:#000;} .emp-home-page select{width:60px!important;} .emp-home-page .contribute{margin:0px 15px; padding:0px; border:1px solid #ddd ; border-top:0px; border-bottom:5px solid #939393;} .emp-hone-page .contribute table{border-top:2px solid #8e8e8e;font-size:13px!important; padding:2px!important;} .emp-home-page .contribute table td{font-size:12px!important; padding:2px!important;} .emp-home-page .contribute table tr:hover{background:#fff; cursor:pointer;} .emp-home-page .contribute table th{background:#222222;font-size:12px!important;padding:5px 3px!important;color:#fff; } .emp-home-page .contribute table .odd{background:#ededed;} .emp-home-page .contribute table .even{background:#eee;} .emp-home-page .contribute a{font-size:12px!important; color:#df621a; } .emp-home-page .contribute h5{font-size:16px; color:#222222!important; margin:6px 0px; text-align:left;padding: 0px !important; font-weight:600;} .emp-home-page .grow .button-add{border:2px solid #0d3455; background:none; padding:4px; border-radius:4px; font-size:13px;} .emp-home-page .grow .button-add a{color:#fff!important;} .emp-home-page .grow .button-add:hover{border:2px solid #0d3455; color:#fff!important; background:#0d3455; padding:4px; border-radius:4px; font-size:13px;} .emp-home-page .contribute .contribute-box{margin:0px 5px; padding:5px; border-bottom:2px dotted #001a33;} .emp-home-page .contribute .contribute-box p{font-size:14px; color:#333; line-height:20px; margin:10px 0px;} .emp-home-page .contribute h4{color:#006394; border-bottom:1px solid #ddd;font-size:20px!important;line-height:26px; padding:8px 0px!important; } .emp-home-page .contribute h3{background: url(../images/client/tenant-lite/tenant-lite-2/employee-dash/bg-contri.png) repeat-y; color:#fff; padding:5px 10px; font-size:40px;} .emp-hone-page .engage table{border-top:2px solid #8e8e8e;font-size:13px!important; padding:2px!important;} .emp-home-page .engage table td{font-size:12px!important; padding:3px 2px!important;} .emp-home-page .engage table tr:hover{background:#fff; cursor:pointer;} .emp-home-page .engage table th{font-weight:bold;font-size:13px!important; padding:0px; } .emp-home-page .engage table .odd{background:#f8e6da;} .emp-home-page .engage table .even{background:#fffbf8;} .emp-home-page a:hover{color:#000; text-decoration:none;} .emp-home-page .engage{margin:0px; padding:0px; border:1px solid #ddd ; border-top:0px; border-bottom:5px solid #ff5601;} .emp-home-page .engage .engage-box{margin:0px 5px; padding:5px; background:#fff; border-bottom:2px dotted #001a33;} .emp-home-page .engage .engage-box h4{font-size:16px; color:#053850!important; border-bottom:1px solid #ddd; line-height:26px ; } .emp-home-page .engage h5{font-size:16px; color:#ff5601!important; margin:6px 0px; text-align:left;padding: 0px !important; font-weight:600;} .emp-home-page .engage .engage-box p{font-size:14px; color:#333; line-height:20px; margin:10px 0px;} .emp-home-page .engage .engage-box sup{font-weight:bold; color:#000;} .emp-home-page .engage h3{background: url(../images/client/tenant-lite/tenant-lite-2/employee-dash/bg-engagei.png) repeat-y; color:#fff; padding:5px 10px; font-size:40px;} .emp-home-page .engage .button-apply{border:2px solid #ff6705; background:#ff6705; padding:0px 4px; border-radius:4px; font-size:13px;} .emp-home-page .engage .button-apply a{color:#fff!important;} .emp-home-page .engage .button-apply:hover{border:2px solid #ff6705; color:#fff!important; background:#ff6705; padding:0px 4px; border-radius:4px; font-size:13px;} .emp-home-page .engage .button-Acquire{border:2px solid #ff6705; background:none; padding:0px 4px; border-radius:4px; font-size:13px;} .emp-home-page .engage .button-Acquire a{color:#fff!important;} .emp-home-page .engage .button-Acquire:hover{border:2px solid #ff6705; color:#fff!important; background:#ff6705; padding:0px 4px; border-radius:4px; font-size:13px;} .emp-home-page .engage .button-border{border-bottom:1px dotted #ff6705; color:#ff6705;} .emp-home-page .engage .button-border a{color:#ff6705!important;text-decoration:none; } .emp-home-page .engage .button-border a:hover{text-decoration:none; } .emp-home-page .engage .spacer{padding:5px;} label.bold{font-weight:bold!important; margin-right:10px;} #viewPollWidget{display:block;} .section-orange{margin:0px; padding:0px;} .section-orange .tile p{margin:0px; padding:6px 0px;} .section-orange h3{color:#4c4c4c; margin:0px; font-size:16px;padding: 2px 0px; width: 100%;} .section-orange table{border:1px solid #eee; padding:5px; margin:0px 4px 0px 0px; color:#333; font-size:13px!important; } .section-orange .table:hover{box-shadow:2px 2px 5px #CCC;} .section-orange h4{color:#333; margin:0px; padding:8px 0px;font-size:14px!important; } .section-orange a{color:#d09d00; text-decoration:none; border-bottom:1px dotted #d09d00; padding-bottom:2px;} .section-orange .tile table{margin:4px 0px; padding:10px} .section-orange .tile table th{background:#eee; color:#333;} .section-orange .tile table .odd{background:#f1f1f1;} .section-orange .tile table .odd:hover{bacground:#eee;} .section-orange .tile table .even{background:#f3f3f3;} .section-orange .tile .personalprofile{padding:0px;} .homepage{margin:0px; padding:0px;} .homepage .top-question{margin:0px; padding:0px; /*background:url(../images/homepage/bg-top.png) no-repeat left top 7% ;width:100%;height:1195px;*/ color:#767d8d;background-size: contain;} .homepage .top-question h2{font-size:26px; margin: 0px; /*background:#012643;*/ padding:15px; text-align:center;color:#012643; /*border-bottom:2px solid #012643*/} h2.emp-home{background:#012643!important;color:#ffffff!important;} .homepage .top-question h3{text-align:left; color:#00d8ff;font-size: 33px; line-height:45px; margin: 10px; padding:10px; } .homepage .top-question h3 span{color:#fff;} .homepage .top-question p{font-size:16px; margin:10px 40px;margin-bottom:40px; margin-top:0px; padding:0px; line-height:26px; color:#767d8d; text-align:left;} .homepage .top-question .bg-blue{background:#00d8ff; border:1px solid #00d8ff; border-radius:20px; padding:9px 20px; padding-right:15px; color:#2e2e2e; margin-bottom:10px; height:75px;} .homepage .section-prong{margin:0px; padding:0px; background:url(../images/homepage/bg-section.jpg) no-repeat ; height:1220px; width:100%;} .homepage .section-prong h3{color:#ffb820; font-size:32px; margin:0px ; padding:10px 0px;} .homepage .section-prong p{color:#ffebe1; line-height:20px; font-size:16px; margin:10px 0px;} .homepage .section-prong p strong{color:#ffb820;} .homepage .section-prong .bg-orange{background:#ffb820; margin-right:10px;color:#191c25; margin-bottom:20px; border-radius:20px; padding:15px 10px; font-weight:500;font-size:18px;} .homepage .feature{margin-top:4px; padding:0px; background:#fff;} .homepage .feature h3{text-align:center; position: relative; font-size: 30px; /*text-transform: uppercase;*/ border-bottom: 1px solid #f24747; padding-bottom: 2px; margin-bottom: 50px; color: rgba(33, 33, 33, 0.9);} .homepage .feature .heading{font-size: 20px; padding-top: 15px; margin:10px 0px; color: rgba(33, 33, 33, 0.8); text-align:center;} .homepage .feature p{margin:0px; margin-left:20px; padding:0px; color: rgba(33, 33, 33, 0.9);font-size:14px; margin-right:10px;} .homepage .feature .img{text-align:center;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top: -1px!important; left: -22px!important;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top: -1px!important; right: -39px!important;} .hr-home{margin:0px; padding:0px;} .hr-home .rel{font-style: italic; color:#000; font-size:15px; text-align:left;padding: 10px;} /* .table-con{margin-bottom:20px;display: table;width: 100%;} .main-table-tab{vertical-align:middle;display: table-cell;width: 16%;} .vertical-align-boxes{vertical-align:middle;display: table-cell;} */ .hr-home .module-head{/* border-radius: 6px; border:1px solid #c5d8e3; height:140px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(199,235,255,1) 100%);margin-right: 10px; */text-align:left; } .message-count{position: relative; top: -68px!important; border-radius: 4px!important; color: #fff; right: -17px!important;} /* .hr-home h3{font-size:17px; margin:10px; padding:0px; text-align: center; color: #11252c; display:inline; border-bottom: 1px dotted #333; } */ .hr-home h3{font-size: 16px; /* padding: 0px; */ text-align: center; color: #11252c; display: block; /* position: absolute; margin: 20px 0px 0px 23px; */ } .hr-home h3:hover{color:#fff; text-decoration:none; cursor:pointer } .hr-home span{margin: 4px auto; font-size: 14px; font-weight: normal;} .hr-home span:hover{border-bottom:1px dotted #333;transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s; margin: 4px auto;} .setting-icon a{color: #5f6368;font-size: 20px;top: -3px;position: relative;float: right;height: 40px; width: 40px; padding: 5px 10px; border-radius: 50%;} .setting-icon a:hover{background:#5f6368; color:#fff;transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;} .hr-home a{color:#fff!important; text-decoration:none; } .hr-home a:hover{color:#fff!important; text-decoration:none; border-bottom: 1px dotted #eee; } .hr-home .modules-h{background:#f3fbff; margin:10px 8px 0px 0px; text-align:center; min-height:125px;border-radius: 6px; border:1px solid #c5d8e3;cursor: pointer;} .hr-home .modules-h:hover{box-shadow: 0px 0px 10px #7dddff;transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;} .hr-home .modules-h:hover i{ /* -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); */ } .hr-home .modules-h i{ /* transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s; */ font-size:32px; padding: 15px 10px 10px; background: -webkit-linear-gradient(#090979, #00fbff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#fff; } .hr-home .modules-engage{background:#f3fbff; margin:10px 8px 0px 0px; text-align:center; min-height:125px; border-radius: 6px; border:1px solid #c5d8e3;cursor: pointer;} .hr-home .modules-engage:hover{box-shadow: 0px 0px 10px #7dddff;transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;} .hr-home .modules-engage:hover i{ /* -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); */ } .hr-home .modules-engage i{ /* transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s; */ font-size:32px; padding: 15px 10px; border-radius: 50%; background: -webkit-linear-gradient(#FFE53B, #FF2525); -webkit-background-clip: text; -webkit-text-fill-color: transparent; height: 60px; width: 60px; color:#fff; } .hr-home .modules-measure{background:#f3fbff; margin:10px 8px 0px 0px; text-align:center; min-height:125px;border-radius: 6px; border:1px solid #c5d8e3;cursor: pointer;} .hr-home .modules-measure:hover{box-shadow: 0px 0px 10px #7dddff;transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;} .hr-home .modules-measure:hover i{ /* -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); */ } .hr-home .modules-measure i{ /* transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s; */ font-size:32px; padding: 15px 10px; border-radius: 50%; background: -webkit-linear-gradient(#FFE53B, #B721FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; height: 60px; width: 60px; color:#fff; } .hr-home .modules-process{background:#f3fbff; margin:10px 8px 0px 0px; text-align:center; min-height:125px; border-radius: 6px; border:1px solid #c5d8e3;cursor: pointer;} .hr-home .modules-process:hover{box-shadow: 0px 0px 10px #7dddff;transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;} .hr-home .modules-process:hover i{ /* -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); */ } .hr-home .modules-process i{ /* transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s; */ font-size:32px; padding: 15px 10px; border-radius: 50%; background: -webkit-linear-gradient(#784BA0, #2B86C5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; height: 60px; width: 60px; color:#fff; } .hr-home .modules-excel{background:#f3fbff; margin:10px 8px 0px 0px; text-align:center; min-height:125px; border-radius: 6px; border:1px solid #c5d8e3;cursor: pointer;} .hr-home .modules-excel:hover{box-shadow: 0px 0px 10px #7dddff;transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;} .hr-home .modules-excel:hover i{ /* -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); */ } .hr-home .modules-excel i{ /* transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s; */ font-size:32px; padding: 15px 10px; border-radius: 50%; background: -webkit-linear-gradient(#08AEEA, #2AF598); -webkit-background-clip: text; -webkit-text-fill-color: transparent; height: 60px; width: 60px; color:#fff; } /*-------------360 feedback---------------*/ .table-feedback{background:rgba(184,211,232,0.2);border:1px solid rgba(184,211,232,0.4); padding:10px;} .content-section .rightpenel .content .contentbox .transact .content-text{border:0px ; border-right: 2px solid #1c64a1; padding-right: 10px;} .content-section .rightpenel .content .contentbox .transact h4{padding:8px 0px; margin:0px; background:#fff; color:#1c64a1; font-size:14px; } .content-section .rightpenel .content .contentbox .transact .content-text .content-emp .emp-detail h3{font-size:14px!important; margin:0px ; padding:0px; background:none!important; border:none!important; font-weight:600; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; overflow:hidden;color: #333; float: left; padding-top: 0;padding: 5px 0 0; /*text-transform: uppercase;*/width:150px;} /* .content-section .rightpenel #hrManager-section .content .contentbox .transact .content-text .content-emp .emp-detail h3, .content-section .rightpenel #hrManager-section .content .contentbox .content-text .content-emp .emp-detail .des{width: 310px;} */ .content-section .rightpenel .content .contentbox .transact .des{color:#1c64a1; font-size:13px;font-weight:bold; text-overflow: ellipsis; font-style:italic; padding:0px 5px; white-space: nowrap; /*text-align:center;*/ word-wrap: break-word; overflow:hidden;} .content-section .rightpenel .content .contentbox .transact .content_detail{color:#000; font-size:12px; font-weight:normal; line-height: 15px; overflow-x: hidden; padding-left:5px; text-overflow: ellipsis;text-align:center; white-space: nowrap; } .content-section .rightpenel .content .contentbox .transact .content-text .emp-image{/*border: 2px solid #24659a !important; border-radius: 50%;*/ height: auto; display:block; outline: 1px solid transparent; overflow: hidden; position: relative; transition: scale 0.1s ease-in-out 0s; margin:5px auto;} .content-section .rightpenel .content .contentbox .transact h3{color:#333; font-weight:300; padding:0px;} .selectedEmpOnScroll .img{border-radius: 50%; border: 2px solid #24659a !important; height:64px!important; width:64px!important; } #panel-quick .buttonarea{border-top:1px solid #000;margin:10px auto; margin-bottom:0px; padding: 10px 0px;} #panel-quick .buttonarea .li_gray_default{float:right;} #panel-quick .buttonarea .li_gray_default:hover{background:#000; color:#dfe6f4; border-color:#ddd;} /*---managePayroll_getSecondaryLinks #managePayroll_getSecondaryLinks{margin-top:10px;} #managePayroll_getSecondaryLinks a.button-view{float:left!important;}*/ #empCareerPlan table{margin-bottom:20px;} .modal-body table{margin:5px;} .modal-body .li_emp_common_popup_header{display:none;} /*------homepageslider-----*/ .carousel-item{ height: 450px; min-height: 300px; background: no-repeat top center scroll; /* -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ } .slide-desktop{display:block!important; width: 99%; margin: 0px auto;} .slide-mobile{display:none!important;} .breadcrum-right-icon{top: 3px; /*border-right: 1px dotted #ddd;*/margin-right: 11px;padding-right: 7px;position: relative;} #hrManager-section .transactArea{height:200px;} .breadcrum-role{padding: 14px 0px;color: #fff;text-align: center;line-height: 15px;letter-spacing: -0.5px;width: 120px;} .breadcrum-role a{border-bottom:1px dotted #ddd; color:inherit;} .breadcrum-role a:hover{color:#acacac;} .transactArea{overflow-y:auto;height:330px;padding:0px 5px; } #displayBirthday{font-weight:600; color:#000; background-size:100%;} #displayAnniversary{font-weight:600; color:#000; background-size:100%;} /*----HR------*/ .sections-dragdrophr{padding: 0px 7px;} .sections-dragdrophr .sections{background: #fff;border: 1px dashed #333;box-shadow: 0 5px 5px rgba(0,0,0,.06);border-radius: 5px; padding: 10px !important;} .sections-dragdrophr .sections p{margin:0px ; padding:0px; color:#333; font-size:15px; } .sections-dragdrophr .sections .head-area{margin:0px; padding:0px;} .sections-dragdrophr .sections .head-area h3{font-size:16px; color:#303030; background:none!important;} .sections-dragdrophr .sections .fa, .sections-dragdrophr .sections .fas, .sections-dragdrophr .sections .far, .sections-dragdrophr .sections .fal{color:#0c5683!important;} .sections-dragdropemp{padding: 0px 7px;} .sections-dragdropemp .sections{background: #fff;border: 1px dashed #333;box-shadow: 0 5px 5px rgba(0,0,0,.06);border-radius: 5px; padding: 10px !important;} .sections-dragdropemp .sections p{margin:0px ; padding:0px; color:#333; font-size:15px; } .sections-dragdropemp .sections .head-area{margin:0px; padding:0px;} .sections-dragdropemp .sections .head-area h3{font-size:16px; color:#303030; background:none!important;} .sections-dragdropemp .sections .fa, .sections-dragdropemp .sections .fas, .sections-dragdropemp .sections .far, .sections-dragdropemp .sections .fal{color:#3cb148!important;} .sections-dragdropmgr{padding: 0px 7px;} .sections-dragdropmgr .sections{background: #fff;border: 1px dashed #333;box-shadow: 0 5px 5px rgba(0,0,0,.06);border-radius: 5px; padding: 10px !important;} .sections-dragdropmgr .sections p{margin:0px ; padding:0px; color:#333; font-size:15px; } .sections-dragdropmgr .sections .head-area{margin:0px; padding:0px;} .sections-dragdropmgr .sections .head-area h3{font-size:16px; color:#303030; background:none!important;} .sections-dragdropmgr .sections .fa, .sections-dragdropmgr .sections .fas, .sections-dragdropmgr .sections .far, .sections-dragdropmgr .sections .fal{color:#fc9907 !important;} .sections-dragdropemp .sections h5, .sections-dragdropmgr .sections h5, .sections-dragdrophr .sections h5{font-size:14px; color:#000; background:none!important; float:none!important;border-bottom: 1px solid #ddd;margin-bottom: 10px; text-align:left!important; padding:0px!important} .sections-dragdropemp .sections .content-area, .sections-dragdropmgr .sections .content-area, .sections-dragdrophr .sections .content-area{padding:10px 0px;} .del-rem-hide .SecondaryLinks_menu{position: relative; z-index: 9; min-width: 200px; text-align: left; float: right; } .SecondaryLinks_menu{position: absolute; z-index: 9; min-width: 200px; text-align: left; } .SecondaryLinks_menu ul{list-style: none;background: #fff;border:1px solid #ddd;box-shadow: 2px 3px 6px #ccc;} .SecondaryLinks_menu ul li{padding: 4px 10px; } .SecondaryLinks_menu ul li a{text-decoration: none; border-bottom:1px dotted #ccc; color:#000;} #sections .content-area table.li_leave_table_two td, table.li_leave_table_three td, table.li_leave_table_three tr.bb td{font-size:14px;padding:2px 5px 5px 5px;} a.link-dotted{color:#333; border-bottom:1px dotted #ccc;} #viewPendingNominations table.li_leave_table_three td{font-size:12px!important;} #hrManager-section .sections, #hrManager-section-order .sections{/*margin:10px;*/ background:#fff; border:1px solid #ddd; border-bottom:0px solid #0c5683;box-shadow: 0 5px 5px rgba(0,0,0,.06);/*width:99%;*/ border-radius:5px; } #hrManager-section-order .sections{border:1px dashed #333!important;} #hrManager-section .mgr-right{margin:10px 4px !important;} #hrManager-section .sections p, #hrManager-section-order .sections p{margin:0px ; padding:0px; color:#666; font-size:15px; } #hrManager-section .sections .head-area, #hrManager-section-order .sections .head-area{margin:0px; padding:5px 10px; background:#f2f4f8; border-bottom:1px solid #ddd;} #hrManager-section-order .sections .head-area{background:#fff;border-bottom: 0px;} #hrManager-section .sections .head-area h3,#hrManager-section-order .sections .head-area h3{font-size:18px; color:#303030; background:none!important;} #hrManager-section-order .sections .head-area h3{font-size: 16px;} #hrManager-section .sections .content-area, #hrManager-section-order .sections .content-area{padding:10px;} #hrManager-section .sections .button-area, #hrManager-section-order .sections .button-area{border-top:1px solid #ddd; padding:0px 10px; background:#fff; bottom: 0; position: absolute; right: 15px; /*width: 95%;*/} #hrManager-section .sections a.button-view, #hrManager-section-order .sections a.button-view{border:none; color:#333;/* border-bottom:1px dotted #333;*/ text-decoration:none; padding:0px 4px; float:right; background:#fff; font-size:13px;} #hrManager-section .sections a.button-view:hover, #hrManager-section-order .sections a.button-view:hover{/*background:#e5eff4; color:#0c5683!important;*/ border-bottom:1px dotted;} #hrManager-section .sections a.button-view span, #hrManager-section-order .sections a.button-view span{border-bottom:none!important;} #hrManager-section .sections .button-area .fa, #hrManager-section .sections .button-area .fas, #hrManager-section .sections .button-area .far, #hrManager-section .sections .button-area .fal, #hrManager-section-order .sections .button-area .fa, #hrManager-section-order .sections .button-area .fas, #hrManager-section-order .sections .button-area .far, #hrManager-section-order .sections .button-area .fal{/*color:#0c5683!important; */} /*.mgr-right{margin:10px;}*/ .border-right{border-right:1px solid #0c5683;} .sections .team-area{padding:0px 10px 15px; margin:0px;} .transact-birthday{background:url(../images/client/tenant-lite/tenant-lite-2/birthday.png) #f39834 no-repeat left bottom;box-shadow: 0 5px 5px rgba(0,0,0,.06); height:120px; color:#000;margin: 10px; padding:10px; text-align:right; font-size:20px; } .transact-birthday p, .transact-doj p{font-size:12px;} .transact-birthday #displayBirthday{} .transact-birthday a, .transact-doj a{color:#fff; text-decoration:none; border-bottom:1px dotted #000;} .transact-birthday a:hover, .transact-doj a:hover{color:#000;} .transact-doj{background:url(../images/client/tenant-lite/tenant-lite-2/dateofjoining.png) #fe5722 no-repeat left bottom; box-shadow: 0 5px 5px rgba(0,0,0,.06);height:120px; color:#000; margin: 10px;padding:10px; text-align:right; font-size:20px; } .sections .personalprofile{background:none;} .sections .text{font-size:12px!important;} .sections label{font-size:14px!important;} .sections .des{color:#fc9907;} .highlightSearchItem {font-weight:bold !important;color:#0000FF;} /*----manager------*/ #manager-section .sections, #manager-section-order .sections{/*margin:10px 0px;*/ background:#fff; border:1px solid #ddd; border-bottom:2px solid #fc9907;box-shadow: 0 5px 5px rgba(0,0,0,.06);border-radius:5px;/*width:99%:*/ border-radius:5px; } #manager-section-order .sections{border:1px dashed #333!important;} #manager-section #panel.act, #manager-section-order #panel.act{left: 19px!important;top: 8px!important;width: 200px;z-index: 8;} #manager-section #panel.act::before, #manager-section-order #panel.act::before{border-right: 10px solid #fafafa;top: 3px; left: -20px;} #manager-section #panel.act::after, #manager-section-order #panel.act::after{left: -20px;border-right: 10px solid #a3a3a3;} #manager-section .sections p, #manager-section-order .sections p{margin:0px ; padding:0px; color:#333; font-size:15px; } #manager-section .sections .head-area, #manager-section-order .sections .head-area{margin:0px; padding:5px 10px;background:#e8e8e8; border-bottom:1px dotted #ccc;} #manager-section-order .sections .head-area{background:#fff;border-bottom: 0px;} #manager-section .sections .head-area h3, #manager-section-order .sections .head-area h3{font-size:18px; color:#303030; background:none!important;} #manager-section-order .sections .head-area h3{ font-size: 16px;} #manager-section .sections .content-area, #manager-section-order .sections .content-area{padding:10px; } #manager-section .sections .button-area, #manager-section-order .sections .button-area{border-top:1px solid #ddd; padding:0px 10px; background:#fff; bottom:0px; position: absolute; /*right: 15px;*/ width: 95%;} #manager-section .sections a.button-view, #manager-section-order .sections a.button-view{border:none; color:#333;/* border-bottom:1px dotted #333;*/ text-decoration:none; padding:2px 4px; float:right; background:#fff; font-size:14px;} #manager-section .sections a.button-view:hover, #manager-section-order .sections a.button-view:hover{background:#f9e9c6; color:#fc9907!important; border-bottom:none!important;} #manager-section .sections a.button-view span, #manager-section-order .sections a.button-view span{border-bottom:none!important;} #manager-section .sections .button-area .fa, #manager-section .sections .button-area .fas, #manager-section .sections .button-area .far, #manager-section .sections .button-area .fal, #manager-section-order .sections .button-area .fa, #manager-section-order .sections .button-area .fas, #manager-section-order .sections .button-area .far, #manager-section-order .sections .button-area .fal{color:#fc9907!important; } .mgr-right{margin-left: 4px!important;} #manager-section .sections .header-t, #manager-section-order .sections .header-t{background:#fc9907; color:#fff;} #manager-section .sections .head-potential-graph, #manager-section-order .sections .head-potential-graph{color:#fc9907!important;} #manager-section .btn-success, #manager-section-order .btn-success{ color: #fff!important; background-color: #5cb85c!important; border-color: #4cae4c!important;} .sections .content-area .btn{font-size:11px;} .content-area .sub-header.open-box{border-bottom: 0px solid #1c64a1; font-size:13px!important; cursor: pointer; color: #000; background: url("../images/client/tenant-lite/tenant-lite-2/minus.png") no-repeat scroll 7px 15px; background-color:#fff; text-indent: 10px; padding-left: 10px; border-top:none; margin:0px!important; font-weight:bold; } .content-area .sub-header.open-box .li_f_button, .content-area .sub-header.close-box .li_f_button{border-bottom:1px dotted #333;} .content-area .sub-header.open-box span, .content-area .sub-header.close-box span{text-transform:none!important;} .content-area .sub-header.close-box{border-bottom: none; background: url(../images/client/tenant-lite/tenant-lite-2/plus.png) no-repeat 7px 15px; text-indent: 10px; cursor: pointer; font-size:13px!important; padding-left: 10px; border-top:none; font-weight:normal!important; } /*------employee------*/ /*.equal, .equal > div[class*='col-']{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex:1 1 auto; } */ .row .display-flex{ display: flex; flex-wrap: wrap; padding: 0px 5px; } .row .display-flex > [class*='col-']{ flex-grow: 1; } /* only for demo not required */ .equal{ padding:0px; height: 100%; } .row .display-flex [class*='col-']{ /* background-color: #cceeee;*/ } #employee-section .sections, #employee-section-order .sections{/*margin:10px;*/ background:#fff; border:1px solid #ddd; border-bottom:3px solid #3cb148;box-shadow: 0 5px 5px rgba(0,0,0,.06); /*width: 99%;*/ border-radius:5px; } #employee-section-order .sections{border:1px dashed #333!important;} #employee-section .sections p, #employee-section-order .sections p{margin:0px ; padding:0px; color:#333; font-size:15px; } #employee-section .sections .head-area, #employee-section-order .sections .head-area{margin:0px; padding:5px 10px; background:#ececec; border-bottom:1px solid #ddd;} #employee-section-order .sections .head-area{background:#fff;border-bottom: 0px;} #employee-section .sections .head-area h3, #employee-section-order .sections .head-area h3{font-size:18px; color:#303030; background:none!important;} #employee-section-order .sections .head-area h3{font-size: 16px;} #employee-section .sections h5, #manager-section .sections h5, #hrManager-section .sections h5, #employee-section-order .sections h5, #manager-section-order .sections h5, #hrManager-section-order .sections h5{font-size:14px; color:#000; background:none!important; float:none!important;border-bottom: 1px solid #ddd;margin-bottom: 10px; text-align:left!important; padding:0px!important} #employee-section .sections .content-area, #employee-section-order .sections .content-area{padding:10px;} #employee-section .sections .button-area, #employee-section-order .sections .button-area{border-top:1px solid #ddd; padding:0px 10px; background:#fff; bottom: 0; position: absolute; right: 15px; width: 95%;} #employee-section .sections a.button-view, #employee-section-order .sections a.button-view{border:none; color:#333;/* border-bottom:1px dotted #333;*/ text-decoration:none; padding:2px 4px; float:right; background:#fff; font-size:14px;} #employee-section .sections a.button-view:hover, #employee-section-order .sections a.button-view:hover{background:#f6fdf1; color:#3cb148!important; border-bottom:none!important;} #employee-section .sections a.button-view span, #employee-section-order .sections a.button-view span{border-bottom:none!important;} #employee-section .sections .button-area .fa, #employee-section .sections .button-area .fas, #employee-section .sections .button-area .far, #employee-section .sections .button-area .fal, #employee-section-order .sections .button-area .fa, #employee-section-order .sections .button-area .fas, #employee-section-order .sections .button-area .far, #employee-section-order .sections .button-area .fal{color:#3cb148!important; } #employee-section .sections h5, #employee-section-order .sections h5{text-align:left;} .button-apply-job{margin:2px 0px; padding:5px 0px; float:right;} #employee-section #viewEmpLeaveRequest, #employee-section-order #viewEmpLeaveRequest{max-height: 254px;overflow: hidden;overflow-y: scroll;} #employee-section #viewEmpLeaveRequest .personalprofile, #salChangeDiv .personalprofile{padding:0px;} #salChangeDiv .modal-body table{margin:0px!important;} .contribute-sections{margin:0px; padding:0px;} .contribute-sections .section-label{background:#3cb148; color:#fff; padding:5px 8px; margin:0px; font-size:18px;padding: 5px 8px; width: 100%;} .section-header-green .tile{border:1px solid #ddd; padding:5px; margin:0px 4px 0px 0px; color:#333; font-size:14px; } .section-header-green .tile:hover{box-shadow:2px 2px 5px #CCC;} .section-header-green .tile .heading{color:#307c2e; margin:0px; padding:8px 0px;font-size:15px;} .section-header-green a{color:#307c2e; text-decoration:none; border-bottom:1px dotted #307c2e; padding-bottom:2px;} #manager-section .popup_new label, #employee-section .popup_new label, #hrManager-section .popup_new label{padding:0px!important;} #employee-section .sections .head-area .fa, #employee-section .sections .head-area .far, #employee-section .sections .head-area .fas, #employee-section .sections .head-area .fal, #employee-section .sections .head-area .fal, #employee-section .sections .head-area .fab, #employee-section-order .sections .head-area .fa, #employee-section-order .sections .head-area .far, #employee-section-order .sections .head-area .fas, #employee-section-order .sections .head-area .fal, #employee-section-order .sections .head-area .fal, #employee-section-order .sections .head-area .fab{color:#3cb148; } #manager-section .sections .head-area .fa, #manager-section .sections .head-area .far, #manager-section .sections .head-area .fas, #manager-section .sections .head-area .fal,#manager-section .sections .head-area .fab, #manager-section-order .sections .head-area .fa, #manager-section-order .sections .head-area .far, #manager-section-order .sections .head-area .fas, #manager-section-order .sections .head-area .fal,#manager-section-order .sections .head-area .fab{color:#fc9907; } #hrManager-section .sections .head-area .fa, #hrManager-section .sections .head-area .far, #hrManager-section .sections .head-area .fas, #hrManager-section .sections .head-area .fal, #hrManager-section .sections .head-area .fab, #hrManager-section-order .sections .head-area .fa, #hrManager-section-order .sections .head-area .far, #hrManager-section-order .sections .head-area .fas, #hrManager-section-order .sections .head-area .fal, #hrManager-section-order .sections .head-area .fab{color:#fc9907} /*-----CDMT---ADMIN PAGE-------*/ .box-shadow{position: relative; background: #ffffff; border-top: 2px solid #fc9907; border-top-color:#fc9907; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 10px; border-radius: 20px; box-shadow: 1px 1px 5px 1px #999; padding:10px;} .mgr-bottom{margin:15px 0px;} .box-shadow{ border-radius: 20px; box-shadow: 1px 1px 5px 1px #999;} .box-shadow .box-green{ border-top: 2px solid #00a65a; } .box-shadow .box-org{ border-top: 2px solid #fc9907; } .box-shadow .box-blue{ border-top: 2px solid #0c5683; } .box-shadow .box-header{ position: relative; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: 0px solid #f4f4f4; color: #444; padding-bottom: 10px; } /*.box-shadow:hover{box-shadow: none; border:1px solid #f4f4f4;}*/ .empfilter-cdmt{background:none!important; border:0px solid #000!important; border-radius:0px!important; border-left: 1px dotted #ddd!important; padding-left: 3px;box-shadow:none!important; z-index: 0; width:auto!important} .empfilter-cdmt label{padding: 16px 5px; color:#a7a7a7} .empfilter-cdmt .cdmt-rolefilter{background: #4c4c4c none repeat scroll 0 0; border: 2px solid #a1a1a1; color: #fff; font-size: 10px; margin-right: 13px; margin-top: 13px; padding: 0 6px;BOX-SHADOW: none;width: 87px;} .cdmt_setuptrial{margin:0px; padding:0px; display:block;} .cdmt_setuptrial h2{color:#11252c; text-align:center; font-weight:bold; font-size:30px; } .cdmt_setuptrial .left-tabs .left-tabs-area{height:100px;border-bottom: 2px dashed #ccc;} .cdmt_setuptrial .left-tabs h3{color:#11252c; text-align:left; font-weight:bold; font-size:24px;padding: 0px!important; margin:0px 5px; margin-right:15px;} .cdmt_setuptrial .left-tabs p{margin:0px 5px; margin-right:5px; font-size:12px;line-height: 14px; padding:0px; } .cdmt_setuptrial .employee{margin:0px 2px; background: #14851f; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #3cb148, #95c13a); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #3cb148, #95c13a); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #3cb148, #95c13a); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #3cb148, #95c13a); /* Standard syntax */; border-top:3px solid #04720f; } .cdmt_setuptrial .employee .employee-area-grid{height:100px; border-bottom:2px dashed #daf1e7;padding:5px;} .cdmt_setuptrial .employee .employee-area-grid:hover{border-bottom:0px dashed #dde8f1; } .cdmt_setuptrial .employee .employee-area{padding:5px;} .cdmt_setuptrial .employee .employee-area p{font-size:14px; color:#FFFFFF} .cdmt_setuptrial .employee .employee-area:hover .btn-enter{display:block; margin:0px auto; margin-top:200px} .cdmt_setuptrial .employee .employee-area:hover .btn-enter a{color:#000; font-weight:500;} .cdmt_setuptrial .employee .employee-area:hover .btn-enter a:hover, .cdmt_setuptrial .employee .employee-area:hover .btn-enter:hover{color:#daf1e7;} .cdmt_setuptrial .employee .employee-area:hover .btn-enter{ -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; color: #ffffff; font-size: 16px; padding: 5px; border: solid #3cb148 2px;background: #14851f; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #3cb148, #95c13a); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #3cb148, #95c13a); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #3cb148, #95c13a); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #3cb148, #95c13a); /* Standard syntax */; text-decoration: none; width:200px; text-align:center; } .cdmt_setuptrial .employee .employee-area:hover .btn-enter:hover{ background: #3cb148; background-image: -webkit-linear-gradient(top, #3cb148, #28b253); background-image: -moz-linear-gradient(top, #3cb148, #28b253); background-image: -ms-linear-gradient(top, #3cb148, #28b253); background-image: -o-linear-gradient(top, #3cb148, #28b253); background-image: linear-gradient(to bottom, #3cb148, #28b253); } .cdmt_setuptrial .employee .employee-area:hover p,.cdmt_setuptrial .employee .employee-area .btn-enter{display:none;} .cdmt_setuptrial .employee .employee-area:hover{background:url(../images/client/tenant-lite/tenant-lite-2/free-trial/bg-emp.png)#daf1e7; color:#fff; cursor:hand;} .cdmt_setuptrial .Manager{margin:0px 2px; background: #fc9907; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #fc9907, #fcba07); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #fc9907, #fcba07); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #fc9907, #fcba07); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #fc9907, #fcba07); /* Standard syntax */; border-top:3px solid #fc8c07; } .cdmt_setuptrial .Manager .Manager-area-grid{height:100px; border-bottom:2px dashed #daf1e7;padding:5px;} .cdmt_setuptrial .Manager .Manager-area-grid:hover{border-bottom:0px dashed #dde8f1; } .cdmt_setuptrial .Manager .Manager-area{padding:5px;} .cdmt_setuptrial .Manager .Manager-area:hover .btn-enter{display:block; margin:0px auto; margin-top:200px} .cdmt_setuptrial .Manager .Manager-area:hover .btn-enter a{color:#000; font-weight:500;} .cdmt_setuptrial .Manager .Manager-area:hover .btn-enter a:hover{color:#ffeed9;} .cdmt_setuptrial .Manager .Manager-area:hover .btn-enter{ -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; color: #ffffff; font-size: 16px; padding: 5px; border: solid #fc9907 2px;background: #fc9907; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #fc9907, #fcba07); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #fc9907, #fcba07); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #fc9907, #fcba07); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #fc9907, #fcba07); /* Standard syntax */; text-decoration: none; color:#fc9907; text-decoration: none; width:200px; text-align:center; } .cdmt_setuptrial .Manager .Manager-area:hover .btn-enter:hover{ background: #fc9907; background-image: -webkit-linear-gradient(top, #fc9907, #dc8604); background-image: -moz-linear-gradient(top, #fc9907, #dc8604); background-image: -ms-linear-gradient(top, #fc9907, #dc8604); background-image: -o-linear-gradient(top, #fc9907, #dc8604); background-image: linear-gradient(to bottom, #fc9907, #dc8604); text-decoration: none; color:#fc9907; } .cdmt_setuptrial .Manager .Manager-area p{font-size:14px; color:#FFFFFF} .cdmt_setuptrial .Manager .Manager-area:hover p,.cdmt_setuptrial .Manager .Manager-area .btn-enter{display:none;} .cdmt_setuptrial .Manager .Manager-area:hover{background:url(../images/client/tenant-lite/tenant-lite-2/free-trial/bg-mgr.png) #ffeed9; cursor:hand;} .cdmt_setuptrial .hr-admin{margin:0px 2px; background: #0c5683; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #0c5683, #0075bc); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #0c5683, #0075bc); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #0c5683, #0075bc); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #0c5683, #0075bc); /* Standard syntax */; border-top:3px solid #004671; } .cdmt_setuptrial .hr-admin .hr-admin-grid{height:100px; border-bottom:2px dashed #dde8f1;padding:5px;} .cdmt_setuptrial .hr-admin .hr-admin-grid:hover{border-bottom:0px dashed #dde8f1; } .cdmt_setuptrial .hr-admin .hr-admin-area{padding:5px;} .cdmt_setuptrial .hr-admin .hr-admin-area:hover{background:url(../images/client/tenant-lite/tenant-lite-2/free-trial/bg-hr.png) #dde8f1; color:#fff; cursor:hand;} .cdmt_setuptrial .hr-admin .hr-admin-area:hover .btn-enter{display:block; margin:0px auto; margin-top:200px} .cdmt_setuptrial .hr-admin .hr-admin-area:hover .btn-enter a{color:#000; font-weight:500;} .cdmt_setuptrial .hr-admin .hr-admin-area:hover .btn-enter a:hover{color:#dde8f1;} .cdmt_setuptrial .hr-admin .hr-admin-area:hover .btn-enter{ -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; color: #ffffff; font-size: 16px; padding: 5px; border: solid #0c5683 2px;background: #0c5683; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #0c5683, #0075bc); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #0c5683, #0075bc); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #0c5683, #0075bc); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #0c5683, #0075bc); /* Standard syntax */; text-decoration: none; color:#0c5683; text-decoration: none; width:200px; text-align:center; } .cdmt_setuptrial .hr-admin .hr-admin-area:hover .btn-enter:hover{ background: #0c5683; background-image: -webkit-linear-gradient(top, #0c5683, #004768); background-image: -moz-linear-gradient(top, #0c5683, #004768); background-image: -ms-linear-gradient(top, #0c5683, #004768); background-image: -o-linear-gradient(top, #0c5683, #004768); background-image: linear-gradient(to bottom, #0c5683, #004768); text-decoration: none; color:#0c5683;font-weight:normal; } .cdmt_setuptrial .hr-admin .hr-admin-area p{font-size:14px; color:#FFFFFF} .cdmt_setuptrial .hr-admin .hr-admin-area:hover p,.cdmt_setuptrial .hr-admin .hr-admin-area .btn-enter{display:none;} .cdmt_setuptrial .admin .admin-area p{font-size:14px; color:#FFFFFF} .cdmt_setuptrial .admin{margin:0px 2px; background: #3a3a3a; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #3a3a3a, #6b6b6b); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #3a3a3a, #6b6b6b); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #3a3a3a, #6b6b6b); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #3a3a3a, #6b6b6b); /* Standard syntax */; border-top:3px solid #272727; } .cdmt_setuptrial .admin .admin-area{height:88px; border-bottom:2px dashed #e2e2e2;padding:5px;} .cdmt_setuptrial .admin .admin-area:hover{background:#e2e2e2; color:#fff; cursor:hand;} .cdmt_setuptrial .admin .admin-area:hover .btn-enter{display:block; margin:0px auto; margin-top:25px} .cdmt_setuptrial .admin .admin-area:hover .btn-enter a{color:#000; font-weight:600;} .cdmt_setuptrial .admin .admin-area:hover .btn-enter a:hover{color:#e2e2e2;} .cdmt_setuptrial .admin .admin-area:hover .btn-enter{ -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; color: #ffffff; font-size: 16px; padding: 5px; border: solid #3a3a3a 2px; text-decoration: none; width:80px; text-align:center; } .cdmt_setuptrial .admin .admin-area:hover .btn-enter:hover{ background: #3a3a3a; background-image: -webkit-linear-gradient(top, #3a3a3a, #1e1e1e); background-image: -moz-linear-gradient(top, #3a3a3a, #1e1e1e); background-image: -ms-linear-gradient(top, #3a3a3a, #1e1e1e); background-image: -o-linear-gradient(top, #3a3a3a, #1e1e1e); background-image: linear-gradient(to bottom, #3a3a3a, #1e1e1e); text-decoration: none; color:#3a3a3a; } .cdmt_setuptrial .admin .admin-area:hover p,.cdmt_setuptrial .admin .admin-area .btn-enter{display:none;} .filterIcon a{font-size:18px;color:white;background:#4c4c4c; border:1px solid #4c4c4c;padding:0px 4px; border-radius:4px; position: absolute;top: 6px;right: 5px;height: 23px;line-height: 20px;} .filterIcon a:hover{color:#4c4c4c; border:1px solid #4c4c4c;background:#fff;padding:0px 4px; border-radius:4px;} .add-feed{background: #1c64a1;color: #fff;padding: 4px;position: relative;border-radius: 4px 4px 0px 0px;top: -3px;} .add-feed a{color:#fff;} .buddy-box{border:1px solid #c7c7c7; background:#fff; box-shadow:2px 2px 5px #ccc; margin:0px; padding:10px;margin-bottom:10px;border-radius:0px;margin-top:10px;} .buddy-box:hover{box-shadow:none; } .buddy-box .message{font-size:14px; padding:5px 0px;display:inline; margin-left:10px;} .buddy-box .date{font-size:11px;color:#333; text-align:right;line-height: 28px;margin-left:5px;margin-top:10px;} .buddy-box .button-outline{border-radius:4px; background-color: transparent; margin-top:10px;background-image: none;border:2px solid #0275d8;color: #0275d8; padding:5px 8px; font-size:16px; } .buddy-box h4{color:#333; font-size:14px!important; font-weight:600; border-bottom:1px solid #333; padding-bottom:8px;} .buddy-box .button-outline:hover{background-color: #0275d8; border:2px solid #0275d8;color: #fff;} .buddy-box .border-bottom{border-bottom:1px solid #ccc; margin:5px 0px; padding:5px 0px;} .buddy-box .like-box{margin-bottom:0px;margin-top: 15px;} .buddy-box .like-box i:hover{text-shadow: 0px 0px 3px #1c64a1;} .buddy-box .comment{background: #eee;border-radius: 20px;padding: 7px;display: inline;line-height: 22px;float: left;margin-left: 10px;max-width: 90%;} .buddy-box .comment .emojiInfo{font-size:20px; margin:0px 2px;} .buddy-box .buddy-action span{/*background:url(../images/client/tenant-lite/tenant-lite-2/sandwich-h.png) no-repeat; */cursor:pointer; margin-top:0px; position:relative; display:block; width:16px; height:16px;margin-right: 8px; margin-top:5px; } .buddy-box .buddy-action #panel.act{width:200px;} .buddy-box .comment-box{background:#ddd; border-radius:6px;padding: 10px;margin-top:0px;} .buddy-box .comment-box:hover{background:#666;} .buddy-box .comment-box .fa-paper-plane{color: #333; font-size: 20px;padding-top: 9px;} .buddy-box .comment-box .fa-smile{color: #333; font-size: 20px;padding-top: 9px; margin-right:4px;} .buddy-box .comment-box:hover .fa-smile{color:#fff; margin-right:4px;} .buddy-box .comment-box:hover .fa-paper-plane{color:#fff;} .buddy-box .comment-box .form-control{border-radius:18px;} .comment-del{margin:0px;background:#fff; margin-bottom:5px; border-bottom:1px solid #ddd;} .comment-del:hover{background:#e5e5e5; box-shadow: 2px 2px 5px #ccc; } .comment-del .hidden_div{position: absolute !important;visibility:hidden; } .comment-del:hover .hidden_div{position: absolute !important; right: 0px;top:7px;background: #e5e5e5;text-align: center;visibility:visible; height:20px;} .comment-del .hidden_div i{font-size:20px;line-height:40px; width:40px;border-radius:50%; color:#666; margin:0px 5px;} .comment-del .hidden_div i:hover{background:#fff; color:#000; line-height:40px; width:40px;border-radius:50%;} .social-feed-career .buddy-box{border:0px solid #cdcdcd; background:#fff; box-shadow:0px 0px 0px #ccc; margin:0px 10px; padding:4px 10px;} .social-feed-career .buddy-box .message{font-size:14px; padding:5px 0px;} .social-feed-career .buddy-box .date{font-size:11px;color:#333; text-align:right;line-height: 28px;} .social-feed-career .buddy-box .button-outline{border-radius:4px; background-color: transparent; margin-top:10px; background-image: none; border:2px solid #0275d8; color: #0275d8; padding:5px 8px; font-size:16px; } .social-feed-career .buddy-box h4{color:#333; font-size:14px!important; font-weight:600;border-bottom:1px solid #333; padding-bottom:8px;} .social-feed-career .buddy-box .button-outline:hover{background-color: #0275d8; border:2px solid #0275d8; color: #fff;} .social-feed-career .buddy-box .border-bottom{border-bottom:1px solid #ccc; margin:5px 0px; padding:5px 0px;} .social-feed-career .buddy-box .li_button{font-size:13px!important; padding: 1px 8px!important;} .social-feed-home{padding-left: 10px;} .messagecenter_box{float:left; width:90%;} /* Style the Image Used to Trigger the Modal */ #selImg{ border-radius: 5px; cursor: pointer; transition: 0.3s; } #selImg:hover{opacity: 0.7;} /* The Modal (background) */ .modal-img{ display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999999; /* Sit on top */ padding-top: 115px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: hidden; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.8); /* Black w/ opacity */ } /* Modal Content (Image) */ .modal-content-img, .modal-content-for-home-page{ margin: auto; display: block; width: 70%; max-width:600px;border: 9px solid #000; max-height:450px;height:auto; border-radius: 10px;box-shadow: 0px 0px 8px rgba(0,0,0,.3); } .pos-icon{margin: 0px auto;display: block;width: 70%;max-width: 600px; padding-top: 40px; position: relative;max-height:450px; text-align: right;} /* Caption of Modal Image (Image Text) - Same Width as the Image */ #caption-img{ margin: auto; display: block; width: 80%; max-width: 670px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } /* Add Animation - Zoom in the Modal */ .modal-content-img, #caption-img{ animation-name: zoom; animation-duration: 0.6s; } @keyframes zoom{ from{transform:scale(0)} to{transform:scale(1)} } /* The Close Button */ .close-img{ position: absolute; top: 14px; right: 0px; color: #f1f1f1; font-size: 30px; font-weight: bold; transition: 0.3s;background: #000; padding: 0 13px; border-radius: 50%; } .close-img:hover, .close-img:focus{ color: #bbb; text-decoration: none; cursor: pointer; } /* 100% Image Width on Smaller Screens */ @media only screen and (max-width: 700px){ .modal-content-img{ width: 100%; } } #employeeFeedDetails .buddy-box .message{margin-left:0px!important;} .footer-cdmt{ position: fixed; height: 100px; bottom: 0; width: 100%; background-color:rgba(255,255,255,-0.6); } .team-progress{padding:10px; background:#f6f6f6;} .team-progress h4{border-bottom:1px solid #ddd; background:none!important;} .team-progress .discr{color: #5e5e5e; font-size: 13px; font-style: italic; font-weight: normal; line-height: 24px;} .team-progress .heading-goal{margin:10px 0px!important;font-size:17px!important;} .addnew-cdmt{border:1px solid #ddd; padding:5px; padding-top:0px;} .addnew-cdmt h4{ color: #2f3031!important; padding:12px 10px!important; margin-bottom:5px!important; font-size: 14px!important; /*text-transform: uppercase!important;*/ font-weight:bold; border-bottom:1px solid #ddd;} .select-label{font-weight: bold !important; font-size: 14px !important; margin-top: 11px;background: #ddd; padding: 11px 5px; width: 100%;border-radius: 4px 0px 0px 4px; cursor:pointer;} .select-label input[type="radio"], .unselect-label input[type="radio"]{margin-top:0px; display:none;} .unselect-label{font-weight: bold !important; font-size: 14px !important; margin-top: 11px;background:none; padding: 11px 5px; width: 100%;border-radius: 4px 0px 0px 4px; cursor:pointer;} .btn_Select_Employee{background: none repeat scroll 0 0 #2f3031;padding:5px; border: 2px solid #2f3031; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:4px; color:#fff; display:block; text-align:center; } .btn_Select_Employee:hover, .btn_Select_Employee:focus{background:#4c4c4c; border-color:#4c4c4c ; color:#fff!important;} /*#breadcrumb-icons{z-index:99999;}*/ .attendance_status{margin:10px;} .attendance_status h3{text-align:center; font-weight:bold;} .attendance_status .sticky-wrap.overflow-y{ overflow-y: auto; max-height: 75vh;} .attendance_status table.li_leave_table_two td{text-align:center; font-size:13px!important;} .attendance_status .sticky-wrap .sticky-intersect th, .sticky-wrap th{font-size:14px;border-bottom:0px; background-color: #fff!important;height: 38px; padding:5px!important;} .attendance_status .component table{margin-bottom:0px;} .attendance_status .component td, .attendance_status .component th{padding:0px;} .attendance_status .sticky-wrap .sticky-intersect{width:189px; border-bottom:1px solid #ddd;} .attendance_status .links{margin:0px;} .sticky-wrap tbody th{padding:5px;} /*----------------custom-scroll-----------------*/ [data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;visibility:visible;overflow:auto;max-width:100%;max-height:100%}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:0;right:0;opacity:0;transition:opacity .2s linear}.simplebar-track .simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll} /*------getAllPendingTaskAndUpcomingEvent---*/ #getAllPendingTaskAndUpcomingEvent h4, #getAllPendingAndUpcomingTask h4{font-size: 15px; color: rgb(28, 100, 161); margin: 0px 0px 0px 10px;padding: 8px 0px; } #getAllPendingTaskAndUpcomingEvent h4 span, #getAllPendingAndUpcomingTask h4 span{color:#000;} #getAllPendingTaskAndUpcomingEvent .buddy-box, #getAllPendingAndUpcomingTask .buddy-box{margin:10px; margin-top:0px; padding:0px; border:1px solid #d3d9e4;} #getAllPendingTaskAndUpcomingEvent .border-bottom, #getAllPendingAndUpcomingTask .border-bottom{border-bottom: 1px dotted #000; margin: 0; padding: 5px 10px;} #getAllPendingTaskAndUpcomingEvent .border-bottom:hover, #getAllPendingAndUpcomingTask .border-bottom:hover{background:#eceff4} #getAllPendingTaskAndUpcomingEvent .buddy-box h4, #getAllPendingAndUpcomingTask .buddy-box h4{background: none; margin: 0px; padding: 0px; color: #333;border: none; font-size: 12px !important;} #getAllPendingTaskAndUpcomingEvent .buddy-box .widget-title, #getAllPendingAndUpcomingTask .buddy-box .widget-title{text-align: left; border-bottom: 2px solid #EEF3FA; font-weight: 800; /*text-transform: uppercase;*/ font-size: 14px; margin-bottom: 6px; letter-spacing: 1px; margin-top: 6px; padding-left: 9px;} #getAllPendingTaskAndUpcomingEvent .buddy-box .message, #getAllPendingAndUpcomingTask .buddy-box .message{font-size: 13px; } #getAllPendingTaskAndUpcomingEvent #eventCalendar h2{font-size: 16px; font-weight: bold; padding-left: 10px;} #getAllPendingTaskAndUpcomingEvent #eventCalendar .fc-toolbar.fc-header-toolbar{margin-top: 1em;margin-right: 1em;} #eventCalendar .fc-agendaWeek-view .fc-scroller, #eventCalendar .fc-agendaDay-view .fc-scroller{min-height:1125px;} .calFreq{height:45px;} .popup_new .buddy-box{margin:0px; box-shadow:none; border:none;padding: 2px 0px;} .popup_new .buddy-box .border-bottom{border-bottom: 1px dotted #444;padding: 0px!important;} .popup_new .buddy-box p{padding:0px;} .popup_new .change-employee{background:#eee; margin:0px; padding:6px;} .compensation_review .compensation_box{font-size:14px; border-bottom:1px dotted #000; margin-bottom:10px;} .compensation_review h5{text-align:left!important;} .cd-main-content, .cd-main-header{position:fixed!important; width:100%!important } /*--------------homepage background-------*/ .theme-showcase-ws .top-menus, .theme-showcase-ws .breadcrumb-gray, .theme-showcase-ws .top-menus .content-section .rightpenel, .theme-showcase-ws .content-section .rightpenel, .theme-showcase-ws .content-section .rightpenel .content, .theme-showcase-ws .container .container-inner-multiple, .theme-showcase-ws .container .container-inner-single, .theme-showcase-ws .content-section{background:none!important;} .theme-showcase-ws .content-section .rightpenel .content .shadow_box_outer{box-shadow: 0 0px 0px 0px rgba(184,211,232,0.8) !important; border-radius:0px; padding: 0px;} .theme-showcase-ws .container .container-inner-multiple{background:none!important;} .theme-showcase-ws .breadcrumb-gray{position:relative!important; margin-top:0px;} .theme-showcase-ws .content-section{margin-top:0px;} .theme-showcase-ws .cd-main-content, .theme-showcase-ws .cd-main-header{position:relative!important;} .theme-showcase-ws .content-section .rightpenel .content .contentbox h4{ padding: 7px 0px; margin: 0px; font-size: 16px; color: #000; font-size: 20px; font-weight: bold; } .theme-showcase-ws h1{font-weight: 500; color:#fff; font-size: 38px; margin: 0; text-shadow: 0 2px 12px #222; text-align:left;} .theme-showcase-ws h2{font-size: 18px;color:#fff!important; font-weight: 500; margin-top: 8px; text-shadow: 0 2px 12px #222;text-align:left; padding:0px;} /*.theme-showcase-ws h3{font-size: 16px;color:#fff!important; font-weight: 400; margin-top: 8px; text-shadow: 0 2px 12px #222;text-align:left; padding:0px;}*/ .theme-showcase-ws #breadcrumb-icons .top-right-side a{ color: #000 !important; cursor: pointer;} .theme-showcase-ws .serach-bar-pos{margin-top:0px!important;} .theme-showcase-ws .content-section .rightpenel .content .help-header-div i{color:#000!important} .theme-showcase-ws .content-section .rightpenel .content .hr-home h3{font-weight: bold; color: #fff; text-shadow: 1px 2px 10px #222; margin-top:20px;} .theme-showcase-ws .content-section .rightpenel .content .hr-home h3 a{color:#fff; border-bottom:1px dotted #fff} .theme-showcase-ws .content-section .content .rightpenel{background:transparent!important;} .theme-showcase-ws .content-section .content .container .container-inner-multiple{background:none!important;} .theme-showcase-ws .breadcrumb-gray-small{box-shadow: 0px 0px 0px #333;} .theme-showcase-ws .chosen-container-single .chosen-single{/*height: 42px !important;*/} .theme-showcase-ws .chosen-container-single .chosen-single div{top: 9px !important;} .theme-showcase-ws .chosen-container-single .chosen-single span{line-height: 35px;} .view-as{letter-spacing: 0.5px; font-size: 14px; line-height: 40px; color: #fff;} .theme-showcase-ws .del-rem-hide a{ font-size: 15px; color: #000;} .theme-showcase-ws #panel-quick.instruction h3, .theme-showcase-ws .event-calendar h4{color:#000!important;} .theme-showcase-ws #panel-quick.instruction{background: rgba(255,255,255,1); border:1px solid #ccc; color:#000;} .theme-showcase-ws #panel-quick label, .theme-showcase-ws #panel-quick .li_emp_name, .theme-showcase-ws #panel-quick .li_emp_name span,.theme-showcase-ws #panel-quick .user h5 small, .theme-showcase-ws #panel-quick .popup label, .theme-showcase-ws #panel-quick label{color:#000!important;} .theme-showcase-ws #panel-quick.instruction a{color:#fff;} .theme-showcase-ws #panel-quick div{color:#000;} .theme-showcase-ws #panel-quick .buttonarea .li_gray_default:hover{color:#fff!important;} .theme-showcase-ws #panel-quick #myAttendanceOnBreadcrumbBar .buttonarea .li_gray_default{background:none;} .theme-showcase-ws #panel-quick #myAttendanceOnBreadcrumbBar .buttonarea .li_gray_default:hover{background:#181818;} .theme-showcase-ws #panel-quick a.btn-success, .theme-showcase-ws #panel-quick a.btn-warning, .theme-showcase-ws #panel-quick a.btn-info{color:#acacac !important} .theme-showcase-ws .close-icon{color: #000;} .theme-showcase-ws #panel-quick div img{background: #ccc;} .theme-showcase-ws .event-calendar .fc-toolbar h2{color:#000!important;text-shadow: 0 0px 0px #222;} .theme-showcase-ws .event-calendar .fc-unthemed .fc-list-heading td{color:#000!important;} .theme-showcase-ws #panel-quick.instruction::before, .theme-showcase-ws #panel-quick.instruction::after{border-bottom: 10px solid rgb(255, 255, 255);} .theme-showcase-ws .displayhome{display:block;} .theme-showcase .displayhome{display:none;} .theme-showcase-ws .displayinner{display:none;} .theme-showcase .displayinner{display:block;} .theme-showcase-ws #help-header-div .fa-question-circle{color:#000!important;} .theme-showcase-ws .module-head .img-home-ws{box-shadow: 1px 3px 7px #888;} .img-home-ws{position: relative;top: 10px;display: block;margin: 0px auto;border-radius: 50%;padding: 10px;background: rgba(255,255,255,0.9);width: 60px; height: 60px;margin-bottom: 10px !important;} .help_home{position: absolute;display: inline;margin-left: 10px;} .img-home-ws img{height:40px; width:40px; padding:0px;} .img-home-ws h3{margin: 17px -1px;display: block; color:#fff !important;} /*----setting-singlefield---------*/ .icon-hover{position: absolute;right: 0px;top: 0px;min-width: 40px;background: #fff;border-radius: 50%;height: 40px;box-shadow: 0px 5px 16px #ccc;padding: 2px 6px;} .icon-hover_add{font-size: 20px; position: absolute; right: 35px; top: 0px; min-width: 30px; background: #fff; border-radius: 50%; height: 30px; box-shadow: 0px 5px 16px #ccc; padding: 2px 6px;} /*------ribbon-------------*/ .box-ribbon{ position: relative; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); z-index: 9999; } /* common */ .ribbon{ width: 110px; height: 94px; overflow: hidden; position: absolute; } .ribbon::before, .ribbon::after{ position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #f3f3f3; } .ribbon span{ position: absolute; display: block; width: 204px; padding: 11px 0; box-shadow: 0 5px 10px rgba(0,0,0,.1); font-size: 13px; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-align: center; } .ribbon .bronze{background-color:#b8663c; color:#fff;} .ribbon .fp{background-color:#fff; color:#000} .ribbon .silver{background-color:#d3d3d3; color:#000;} .ribbon .gold{background-color:#cf8f25; color:#fff;} .ribbon .enterprize{background-color:#205E9B; color:#fff;} /* top left*/ .ribbon-top-left{ top: -10px; left: -10px; } .ribbon-top-left::before, .ribbon-top-left::after{ border-top-color: transparent; border-left-color: transparent; } .ribbon-top-left::before{ top: 0; right: 0; } .ribbon-top-left::after{ bottom: 0; left: 0; } .ribbon-top-left span{ right: -39px; top: 13px; transform: rotate(-45deg); } /*---for sticky menu--*/ .top-menus-small{height: 53px;} .top-menus-small .logo img{max-height: 45px;} .top-menus-small .cd-primary-nav > li > a{padding-top:10px!important;line-height: 16px;font-size: 0px !important; margin: 0px 10px;} /*.top-menus-small .cd-primary-nav > li > a img{width:20px;}*/ .top-menus-small .toprightN .img-emp{margin:7px 0px!important ; width:32px!important; height:32px!important; margin-left: 21px !important;} .top-menus-small .toprightN .img-emp .image{width:32px!important; height:32px!important; /*height: auto;*/} .top-menus-small .toprightN .dropdown.open .dropdown-menu .image{height:50px; width:50px;} .top-menus-small .profileImage{height: 32px!important;width: 32px!important; margin:0px;} .top-menus-small .empInitial{font-size: 16px;padding-top:16px;} .top-menus-small .icon-v{right: 6px;top: 24px;} .top-menus-small .toprightN .pull-right{margin-right: 6px!important;} .top-menus-small .toprightN .fullname{margin: 2px 0 0;} .top-menus-small .masquerade{line-height:19px;} .top-menus-small .masquerade .fa-user{font-size: 15px!important; margin-right: 5px; margin-top: 1px;} .breadcrumb-gray-small{margin-top:53px;box-shadow: 1px 0px 6px #333;border-bottom: 0px solid #fff;z-index:9999 !important;} .cd-main-header, .cd-primary-nav > li > a{height: 53px!important;overflow: inherit;} #viewPendingNominations .btn-group, .btn-group-vertical{min-width:auto!important; } #close_tab{cursor: pointer;text-align: right;} #close_tab .fa-window-close{font-size: 20px; margin: 2px 5px; /*box-shadow: 1px 1px 5px rgb(153, 153, 153);*/} /*-----usermenu--------------*/ .dropdown{position: relative; display: inline-block;cursor: pointer; } .dropdown-content{display: none; position: absolute!important; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:9991;margin-left: 43px;top: 0;list-style: none; } .dropdown-content img{display:none;} .dropdown-content a{color: black; padding:6px 2px!important; text-decoration: none; display: block;font-size: 13px; } .dropdown-content a:hover{background-color: #fff!important;} .dropdown:hover .dropdown-content{display: block;} .dropdown:hover .dropdown-content-icon, .dropdown:hover.goal-sheet-menu .dropdown-content-icon{display: block;} .dropdown-content ul{margin:2px!important ; padding:4px!important;} .dropdown-content li a{margin:1px; border-bottom:1px solid #ccc; padding-left:2px;color:#333; margin:0px!important;font-size: 13px;text-transform: none !important; } .dropdown-content ul li a:hover{background:#fff!important; color:#000;text-shadow:none!important;border:0px solid #fff!important} table.li_leave_table_three td .dropdown-content li{margin-left:0px!important;} .dropdown-content .user li{padding:0px 4px!important} .dropdown-content .user li a{border: 0px solid transparent!important;} .dropdown-content .user li a:hover{color: #000; text-decoration: none; text-shadow:none!imporant; border-color:#ddd; background-color: #ccc!important; background-image: none!important; } .dropdown-content .user li a:after{border:0px solid transparent;} .dropdown-content-icon, .goal-sheet-menu .dropdown-content-icon{display: none; position: absolute!important; background-color: #fff; min-width:200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:9991;margin-left: 43px;top: 0;list-style: none; border-radius:6px;padding: 10px;/* padding: 17px 0 20px 12px; */ border:1px solid #cccccc; } .appraisal-page .dropdown-content-icon, .single-emp .dropdown-content-icon{min-width:200px;margin-left: 40px;} .single-emp .dropdown-content-icon li a{padding:0px;} .single-emp .dropdown-content-icon img, .goal-sheet-menu .dropdown-content-icon img{height:24px!important; width:24px!important;} .goal-sheet-menu .dropdown-content-icon{min-width:200px;margin-left:11px;} .dropdown-content-icon li a, .goal-sheet-menu .dropdown-content-icon li a{margin:1px; border-bottom:0px solid #ccc; padding-left:2px;padding:2px 0px;color:#333; margin:0px!important;font-size: 12px;text-transform: none !important; float:left;font-weight: normal !important;width: 180px; text-align:left;} .dropdown-content-icon li a p, .goal-sheet-menu .dropdown-content-icon li a p, .singleInfoInD li a p{font-size:12px!important;min-height: 23px;line-height:15px;display: inline;margin:0px!important} .homepage .dropdown-content-icon li a p{margin:0px!important;} .dropdown-content p{line-height: 25px;letter-spacing: -0.5px;} .my-team-box .dropdown-content-icon{margin-left: 110px;} #manager-section .my-team-box .dropdown-content-icon, #hrManager-section .my-team-box .dropdown-content-icon{margin-left: 70px;} ul.dropdown-content-icon li{margin-left:0px!important;padding: 0px !important;} ul.dropdown-content-icon li a:hover{background:none!important} .goal-sheet-menu .dropdown-content-icon li a{width: 100%;} .dropdown-content-icon img, .goal-sheet-menu .dropdown-content-icon img{height: 24px!important;width: 24px!important;filter: grayscale(100%);/* display: block; */margin: 0px auto;border:0px solid #ccc!important;float: left;} .goal-sheet-menu ul.dropdown-content-icon{padding-top:18px;} .goal-sheet-menu ul.dropdown-content-icon li{height: 34px !important;border: 0px !important;float: left !important;width: 186px !important; top:0px!important;} .goal-sheet-menu ul.dropdown-content-icon li :hover{box-shadow:none!important} .jcarousel ul.dropdown-content-icon{min-height:279px!important;} /*---goalsheet-user-menu---*/ .goal-sheet-menu ul{margin:3px 0px; padding:0px;}.goal-sheet-menu .dropdown-content li a{border-bottom:none;} .goal-sheet-menu ul li{line-height: 8px !important;background: #fff;float: none !important;position: relative;top: -17px;height:30px !important;font-size: 12px !important;} .goal-sheet-menu .dropdown-content{box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);top: 27px;} .goal-sheet-menu .dropdown-content li a{font-size:12px!important;} .goal-sheet-menu .dropdown-content a{padding:4px 2px!important;} .singleInfoInD h5{padding:0px!important; text-align: left;} /* reward- icon*/ .reward_icons{float:right; position: relative;} .reward_icons .rewardIcon img{width:36px; height:36px;margin:8px 10px;border-radius: 27%;cursor:pointer;} .reward_icons .rewardIcon .selected{box-shadow: 1px 1px 8px #00bbff;} .rewardIcon{height:45px; width:45px; border-radius: 27%;background: #fff;} .reward_icons span{background: #ff0000;color: #fff;font-size: 9px;margin: -4px; margin-left: -4px;top: -13px;padding: 2px;border-radius: 2px;margin-left:-20px;position: relative;} .reward_icons input{display:none;} .reward_icons input[type="radio"]:checked + img{box-shadow: 1px 1px 8px #00bbff;} .report_parameters label{/*text-transform: uppercase;*/ color:#414141;font-size:14px; } /*--------cleardemo -----------------*/ .cleardemo{font-size:14px;} .cleardemo .rowscheck{margin-bottom:10px;border-bottom:1px dotted #eee; padding-left:10px;} .cleardemo .rowscheck:hover{background: #ECF1F1; box-shadow: 0px 3px 5px #ddd;} .cleardemo .showmessage{padding:10px 0px; text-align: center; font-size: 16px;color:#000; } .tf_framework{margin:0px; padding:0px;font-size:14px;} .tf_framework h1{font-size:22px; /*text-transform: uppercase;*/ margin:0px; padding:6px 0px;border-bottom: 1px solid #ddd;margin-bottom: 10px; color:#000;} .tf_framework .margin{margin:10px 0px;} .tf_framework .margin a{border-bottom:1px dotted #000; text-decoration: none;} .tf_framework .fa-arrow-circle-right{margin-right:3px; font-size:14px; color:#000} .hr_line ::before{background-attachment: scroll; background-clip: border-box; background-color: #c3c3c3; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; content: ""; display: block; height: 1px; left: -10000px; overflow-x: hidden; overflow-y: hidden; position: absolute; top: 0; width: 10000px; } .hr_line ::after{background-attachment: scroll; background-clip: border-box; background-color: #c3c3c3; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; content: ""; display: block; height: 1px; overflow-x: hidden; overflow-y: hidden; position: absolute; right: -10000px; top: 0; width: 10000px; } .hr_line{background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url(../images/client/tenant-lite/tenant-lite-2/ibm/hr.png); background-origin: padding-box; background-position: 50% 0; background-repeat: no-repeat; background-size: auto auto; font-size: 0; height: 19px; line-height: 0; margin-bottom: 21px; margin-left: 0; margin-right: 0; margin-top: 0; overflow-x: visible; overflow-y: visible; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: relative; } .ibm_links{margin:0px 80px;margin-right:20px; padding:0px; color:#000; font-size:14px;} .ibm_links ul{margin:0px; padding:0px 30px;} .ibm_links ul li{margin:0px; padding:5px 0px;} .ibm_links ul li em{line-height:28px;padding-left: 19px;display: block;color:#333} .ibm_links ul li a{border-bottom:1px dotted #000; color:#002547; font-weight:bold;} .ibm_links h2{font-size:21px; color:#222; /*text-transform: uppercase;*/} .ibm_links h3{font-size:16px; /*text-transform: uppercase; */padding-bottom:5px;font-weight:600;color:#002547;} .ibm_links h4{font-size:14px; padding:8px 0px;} .ibm_links h5 strong{border-bottom:1px solid #000;} /*-----cpm-confi-list------------*/ li.list-style{width:22%; margin: 10px; padding:10px; border:0px solid #ddd;list-style: none; font-size: 15px;text-align: center;color:#1c64a1; font-weight:bold; float:left; height:120px; } li.list-style:hover{box-shadow: 1px 1px 4px #1c64a1;} li.list-style img{display: block; margin: 0px auto; height:60px; width:60px;} li.list-style img:hover{height:70px; width:70px; transition: all 1s ease-in-out 0s; -webkit-transition:all .3s linear; -o-transition:all .3s linear;transition:all .3s linear; } /* datepicker visiblity #ui-datepicker-div{z-index:99999!important;} ---end----*/ .endorsement_area{} .endorsement{margin:0px; padding:10px;} .endorsement .emp-image{margin:0px auto;} .endorsement .endorsement-des{padding-bottom: 12px; border-bottom:1px solid #ccc; min-height:80px;margin: 0px 15px; } .endorsement_notes{margin: 0px 10px 0px 23px;} .endorsement_notes_des{padding-top:10px; margin-top:10px; border-top:1px dotted #ccc;color:#000;} .GridViewScrollHeader TH, .GridViewScrollHeader TD{padding: 10px; font-weight: normal; /*white-space: nowrap;*/ border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #F4F4F4; color: #999999; text-align: left;white-space: pre-wrap; vertical-align: bottom;font-weight:bold; color: #000; } .GridViewScrollItem TD{padding: 10px; white-space: nowrap; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #FFFFFF; color: #444444; } .GridViewScrollItemFreeze TD{padding: 10px; white-space: nowrap; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #FAFAFA; color: #444444; } .GridViewScrollFooterFreeze TD{padding: 10px; white-space: nowrap; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #F4F4F4; color: #444444; } #scroll{position:fixed; right:10px; bottom:10px; cursor:pointer; width:50px; height:50px; background-color:#3498db; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; } #scroll span{position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff; } #scroll:hover{background-color:#e74c3c; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";} div.tooltip{position: absolute; z-index: 999} .payroll-tabs .switch-field{position: relative;top: 28px;z-index: 1;margin: 0px auto;text-align: center;width: 50%;} .payroll-tabs .switch-field label{margin-right:10px;border-bottom:1px dotted #ccc; cursor:pointer;} .payroll-tabs .switch-field label a{border-bottom:1px dotted #ccc; cursor:pointer;} .payroll-tabs .switch-field .active{color:#1c64a1!important; font-weight:bold!important; background:none!important; border:0px solid #1c64a1!important;border-bottom:1px dotted #ccc;} .switch-field .btn-primary, .switch-field .btn-default{font-size:13px!important;} .payroll-tabs .switch-field .active:hover{background:none!important; border:0px solid #1c64a1!important;border-bottom:1px dotted #ccc;} .switch-field .btn-primary{line-height: 18px;} .switch-field .active{background:#1c64a1!important; border:1px solid #1c64a1!important; color:#fff!important;line-height: 18px;} .switch-field .active:hover{background:#1c64a1!important; border:1px solid #1c64a1!important;} .cke_notification_message{z-index:99999!important; position: absolute;border:2px solid #ff0000;} #displaySubmittedTrainingRequests .dropdown-content{left: 0px;} .project_evaluations{color: #222;display: flex;flex-wrap: wrap;} .project_evaluations .project_evaluations-section{padding-right:20px; border-right:1px solid #ccc;} .project_evaluations .project_evaluations-section .emp-widget{padding-bottom:20px; border-bottom:1px dotted #ccc;} .project_evaluations .project_evaluations-section .emp-widget .employee-list{padding-top:20px;} .project_evaluations .project_evaluations-section .emp-widget .employeeimg{box-shadow: 2px 2px 4px #ccc;padding: 1px;width: 55px;} .project_evaluations .project_evaluations-section .emp-widget .employee-list .emp_name{font-size:16px; color:#024181; font-weight:bold} .project_evaluations .project_evaluations-section .emp-widget .employee-list .emp_name a{font-style:italic;color:#000; font-weight:normal;font-size:14px; border-bottom:1px solid #ccc;} .project_evaluations .project_evaluations-section .emp-widget .employee-list .date{font-size:14px;color:#000;} .project_evaluations .project_evaluations-section .emp-widget .employee-list .project{font-size:14px;} .project_evaluations .project_evaluations-section .emp-widget .employee-list .project a{color:#024181;font-weight:bold;border-bottom:1px solid #ccc;} .project_evaluations .link-create{border-bottom:1px dotted #333;color:#0aa326; font-weight:bold;} .project_evaluations .link-ongoing{border-bottom:1px dotted #333; color:#000; font-weight:bold; } .feed-section{padding: 10px;margin-bottom: 10px;} .feed-section h4{font-weight:bold; font-size:16px; color:#000} .feed-section .post{border-bottom:1px dotted #000; padding-bottom:10px; margin-bottom:10px;} .feed-section .post-btn{margin: 10px 5px;padding: 5px 15px !important; background:#07597e; color:#fff} #empCPEvaluation .selfevaluations{background:#f5f5f5; border-bottom:2px solid #1b2327; padding:10px; margin-bottom:20px;} #empCPEvaluation .selfevaluations h4{font-size:14px ; color:#013160; font-weight:bold; background:none;} #empCPEvaluation .teammemberevaluations h4{font-size:14px ; color:#013160; font-weight:bold; background:none;} #empCPEvaluation .teammemberevaluations .box-well{border-radius:0px; padding:5px; background:#fff;margin-right: 5px; } .evaluation_btn{padding: 6px 8px !important; background:#1c63a0; font-size:16px; } .help-header-des{position: absolute;z-index: 99; font-size: 13px!important; line-height: 25px!important; color: #ccc; font-weight: 500; padding-top:0px; padding-bottom:10px; padding-right:17px; padding-left:10px; border: 1px solid #ccc; background: rgba(0,0,0,0.9); box-shadow: 2px 2px 4px #ccc; min-width: 450px; max-width: 550px; width: -moz-max-content; width: -webkit-max-content; width: max-content; border-radius:6px;text-align: left; text-transform: none; } .emoji_des{position: absolute;z-index: 99; font-size: 13px!important; line-height: 25px!important; color: #ccc; font-weight: 500; padding-top:10px; padding-bottom:10px; padding-right:17px; padding-left:10px; border: 1px solid #ccc; background: rgba(0,0,0,0.9); box-shadow: 2px 2px 4px #ccc; min-width: 300px; max-width: 350px; width: -moz-max-content; width: -webkit-max-content; width: max-content; border-radius:6px;right:0px;} .emoji_des a{border-bottom: 0px dotted #ddd; text-decoration:none;} .help-header-des .help-head{/*text-transform: uppercase;*/ border-bottom:1px solid #333; padding-bottom:2px; margin-bottom:4px;text-align: left;} .help-header-des ul li{list-style-type: none;} ul ul, ol ul, ul ol, ol ol{margin-left:10px;} .help-header-des a{/* display: block; */border-bottom: 1px dotted #ddd;margin: 4px 2px;color: #fff;font-weight: 600;letter-spacing: .5px;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;white-space: nowrap;} .help-header-des .linkarea a{display: inline-block;width: 48%;border-bottom: 1px dotted #ddd; color:#fff;font-weight: 600;letter-spacing: 0.5px;margin: 4px 2px;} /*----attendance-analyse-----*/ .attendance-summary{/*margin:10px 6px;border: 0px;color:#000;padding: 5px;font-weight:bold;*/height:40px; /*position: fixed !important; bottom:125px;*/} .attendance-des{position: absolute;z-index: 99;font-size: 13px!important;line-height: 25px!important;color: #333;font-weight: 500;padding-top:0px;padding-bottom:10px;padding-right:17px;padding-left:10px;border: 1px solid #ccc;background:#fff;box-shadow: 2px 2px 4px #ccc; min-width: 250px;/* max-width: 550px; */width: -moz-max-content;width: -webkit-max-content;width: max-content; border-radius:6px;/*bottom: 21px;*/left: 0px;top:35px;} .attendance-des .attendance-head{/*text-transform: uppercase;*/ border-bottom:1px solid #333; padding-bottom:2px; margin-bottom:4px; font-size:14px;} .close-icon{z-index: 99;position: absolute;color: #ddd;cursor: pointer;top: 6px;right: 5px;} .attendance-des .personalprofile{padding: 0px;} .attendance-des table.li_leave_table_three td{font-size: 12px !important; padding:2px !important;color: #333;border:1px solid #ccc;line-height: 19px; text-align:right!important;} .attendance-des table.li_leave_table_three td:hover{border:1px solid #ccc;background:#ddd; } .attendance-des table td:hover{box-shadow:0px 0px 0px #ccc; cursor:pointer; background:#fff; color:#000!important;} .attendance-des table.li_leave_table_three tr th{font-size: 12px;text-align: left; background: #ddd;color: #000;} .attendance-des table th,.attendance-des table td{border:1px solid #ccc;width: auto;} .attendance-des table.li_leave_table_three td li{margin-left:0px;} .attendance-des .links li{padding: 0px 0px; color:#333;} .attendance-des .links i{margin-right:5px;} .attendance-des .links{margin:0px;text-align:left!important;float: left;border:none;} /*--------menu--------------*/ .overlay{height: 100%;width: 0;position: fixed;z-index: 1;top: 0;right: 0;background-color: rgb(0,0,0);background-color: rgba(14,14,14,0.9);overflow-x: hidden;transition: 0.5s;} .overlay-content{position: relative;top: 0%;width: 100%;/*margin-top: 30px;*/} a.maintab{display:inline!important; color: #ddd !important;} a.maintab:hover{background:transparent; color:#fff; } .subtab{margin-left:11px;} .overlay a{padding: 0px;text-decoration: none;font-size: 13px;color: #818181;display: block;transition: 0.3s;} .overlay a:hover, .overlay a:focus{color: #f1f1f1;background: #000;} .overlay .closebtn{position: absolute;top: 1px;right: 0px;font-size: 13px;} .menuoverlay .panel{background:none!important} .menuoverlay .list-group-item:first-child{border-top-left-radius: 0px!important;border-top-right-radius: 0px;} .menuoverlay .list-group-item-success{background-color:#000;} .menuoverlay .list-group-item{position: relative;display: block;padding:2px 6px;margin-bottom: -1px;background-color: transparent;border: 0px solid #000;} #myNav{z-index:999999; top:131px;} .dots-menu{cursor:pointer; top:125px; right: 0px;position: fixed;z-index:7;background: #11252c;padding: 4px;border-radius: 4px 0px 0px 4px;color: #fff;font-size:1px;} #myNav_home{z-index:999999; top:131px;right: 10px;} .dots-menu_home{cursor:pointer;position: fixed;top: 134px;z-index:9999;background: #11252c;padding: 4px;border-radius: 4px 0px 0px 4px;color: #fff;right: 11px; font-size:1px;Z-index: 1;} #myNav h3, #myNav_home h3{float: left; color: #fff9e0; width: 100%; font-weight:600; border-bottom: 1px solid #ddd; padding: 5px 0px 1px 0px;margin: 10px;} /*----------menuends--------*/ @media only screen and (max-width: 1024px){ .manu-scroll-down{z-index:9999999} } /*---------------------manager Dashboard-------------------*/ .mgr-dashboard{margin:0px; padding:0px;padding-left: 10px;} .mgr-dashboard .progress{height:7px!important;margin-top: 9px;} .mgr-dashboard .progress-bar{font-size: 8px!important;line-height: 6px!important;color: #000;font-weight: bold;} .progress-striped .progress-bar, .progress-bar-striped{-webkit-background-size: 10px 10px;background-size: 10px 10px;} .mgr-dashboard .user{padding:0px!important;} .mgr-dashboard .btn-group{min-width: auto;} .fc-left h2{background:none!important;color:#000!important;padding: 5px 10px!important;} .mgr-dashboard .aligned{float:right;} .mgr-dashboard table.li_leave_table_three{border-top:3px solid #333; } .mgr-dashboard .user h5 small{height: 25px !important;} .mgr-dashboard .pull-right{float:none!important;} /*-----------customize payroll template--------------*/ .container-tempt{position: relative; width:97%; height:auto;} .container-tempt .overlay_tempt{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition: background 0.5s ease;} .container-tempt:hover .overlay_tempt{display: block; background: rgba(0, 0, 0, .5);} .container-tempt img{position: absolute; width:97%; height:auto; left: 0;} .container-tempt .button{position: absolute;width: 95%;top: 140px;padding: 0px 20px;display: inline !important;text-align: center;opacity: 0;transition: opacity .35s ease;z-index: 9;margin: 0px auto;font-size: 14px; border:0px; box-shadow: 0 0 0.05em rgba(0, 0, 0, 0);} .container-tempt .button a{padding: 7px; text-align: center; background:#1c64a1; color:#fff; border-radius:4px; border: solid 2px #1c64a1; z-index: 1;display: inline!important;} .container-tempt .button a:hover{color:#000!important;} .container-tempt:hover .button{opacity: 1;} .customize{padding: 8px !important;top: 200px;position: relative;} ./*--------confidential id's------*/ .confidential-tempt{position: relative; width:97%; height:auto; background:darkgray;} .master_overlay_tempt{position: absolute;border-radius:8px; top: 0; left: -5px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition: background 0.2s ease;} .master_profile-tempt:hover .master_overlay_tempt{display: block; background: rgba(0, 0, 0, .2); border-radius:8px;} .confidential-tempt .overlay_tempt{position: absolute;border-radius:8px; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition: background 0.5s ease;opacity:0;} .confidential-tempt:hover .overlay_tempt{display: block; background: rgba(0, 0, 0, .2); border-radius:8px; opacity:1;} .confidential-tempt img{position: absolute; width:97%; height:auto; left: 0;} .confidential-tempt .button-id{position: absolute;width: 95%;bottom:25px;padding: 0px 10px;display: inline !important;text-align: center;opacity: 0;transition: opacity .35s ease;z-index: 9;margin: 0px auto;font-size: 14px; border:0px; box-shadow: 0 0 0.05em rgba(0, 0, 0, 0);} .confidential-tempt .button-id a{padding:0px; bottom: 25px; text-align: center; color:#fff; z-index: 1;display: inline!important;position: relative; text-shadow: 0px 3px 11px #000;} .confidential-tempt .button-id a:hover{color:#000!important; bottom: 25px; text-shadow: 0px 3px 11px #fff;} .confidential-tempt:hover .button-id{opacity: 1;} .documentCardWrapper{height:95px; width:80px; background:lightgray; position: relative; border-radius:8px;} .cardBottomArea{width:100%; height:20%; position: absolute; bottom: 0; cursor:pointer; background:gray; border-bottom-left-radius:8px; border-bottom-right-radius:8px;font-size: 12px;color: #fff;text-align: center;overflow: hidden;} /*----Drag and drop file-----------*/ .files input{background: #eff0f1; box-shadow: 2px 2px 4px #ccc; outline:1px solid #eee; padding: 120px 0px 85px 35%; text-align: center !important; margin: 0; width: 100% !important; color:#c0c1c2;} .files input:hover, .files input:focus{background:#fff;outline:none;} .files{position:relative} .files:after{pointer-events: none; position: absolute; top: 60px; left: 0; width: 63px; right: 0; height: 46px; content: ""; background-image: url("../images/client/tenant-lite/tenant-lite-2/upload-file.png"); display: block; margin: 0 auto; background-size: 100%; background-repeat: no-repeat;} .color input{background-color:#eff0f1;} .color input:hover{background-color:#fff;} .files:before{position: absolute; bottom: 10px; left: 0; pointer-events: none; width: 100%; right: 0; font-size:15px; height: 57px; content: "Drag and drop a file here or click "; display: block; margin: 0 auto; color: #cccccc; font-weight: 600; text-align: center;} .no-more-tables .user{padding-bottom:0px;} #renderTable-scroll{ position: relative;} #displayEnrolleeAnalyticsOnSelection #renderTable-scroll{position: relative;width: 100%;overflow: scroll;} @media only screen and (max-width: 800px){ .manu-scroll-down{ z-index:8} /* Force table to not be like tables anymore */ .personalprofile .no-more-tables table, .personalprofile .no-more-tables thead, .personalprofile .no-more-tables tbody, .personalprofile .no-more-tables th, .personalprofile .no-more-tables td, .personalprofile .no-more-tables tr{display: block; font-size:14px!important;} .display-inline{display:inline;} .personalprofile .no-more-tables th{background:#ddd!important;} /* Hide table headers (but not display: none;, for accessibility) */ .personalprofile .no-more-tables thead tr{ position: absolute;top: -9999px;left: -9999px; } .personalprofile .no-more-tables tr{border: 1px solid #ccc; } .personalprofile .no-more-tables td{ /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee;position: relative; padding-left: 50%!important;white-space: normal; text-align:left; } .personalprofile .no-more-tables td:before{ /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 0px; left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align:left; font-weight: bold; overflow:hidden; } /* Label the data */ .personalprofile .no-more-tables td:before{content: attr(data-title); color:#333!important; } .personalprofile .no-more-tables td{font-size: 12px!important; word-wrap: break-word;} .personalprofile table .table-border-b{border-bottom:1px solid #ddd!important; border-top:0px!important; border-left:0px!important;border-right:0px!important;} .personalprofile .detail_profile .details{margin:10px 0px; padding:10px 0px; /*border-bottom:1px solid #ddd;*/} .personalprofile .no-more-tables .hint::before, [data-title]::before{z-index:0;} .toprightN .fullname .name_em, .toprightN .inf_em, .toprightN .cal_em, .toprightN .img, .box-header, .personalprofile{font-size:13px!important;} .personalprofile h3{font-size:14px;} .detail-person .text{line-height:30px!important; padding:0px!important; font-size: 13px;} .li_emp_profile_photo{width:100%; height:auto;} label{font-size: 13px; } div.text{width:51%; } .calloutclose{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq.png) no-repeat center top; width:12px; height:12px; float:right; top:7px; right:7px; position: absolute;} .calloutclose:hover{background:url(../images/client/tenant-lite/tenant-lite-2/close-faq-w.png) no-repeat center top;} .download-icon{left: 112px; margin-top: 28px; position: absolute;} } #orgChartForLoginOnMobile{display:none;} #orgChartForLogin-Mobile{display:block;} #orgChartForLoginOnDesktop{display:block;} #backgroudWelcomePageFreeTrial{display:block;} .cd-primary-nav, .cd-primary-nav ul{z-index:999999; } /*#cd-primary-nav{float:left;}*/ .cd-primary-nav > li > a.selected{color:#000!important;} /*---Applicant-tracking----*/ .box-jpb-list{border:1px solid #ddd; margin:10px;padding: 10px;} .box-jpb-list p{line-height:30px !important; font-size:#333333; font-size:14px !important;padding: 10px !important;width: 95%;height: 45px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .box-jpb-list:hover{border:1px solid #ddd; margin:10px;padding: 10px;box-shadow: 0px 3px 17px #999;} .box-jpb-list h4{padding:0px 10px;font-size: 22px !important;padding-top: 0px;color:#ea6605; } .box-jpb-list .btn-apply a{border-radius:4px; text-align:center;border:1px solid #ea6605; background:#ea6605;display:block;line-height: 23px;color: #fff; cursor:pointer;} .box-jpb-list .btn-apply a:hover{background:#fff;color: #ea6605; border:1px solid #ea6605;} .box-jpb-list .btn-apply{border-radius:4px; text-align:center;border:1px solid #ea6605; background:#ea6605;display:block;line-height: 25px;color: #fff; margin-right:5px; cursor:pointer;} .box-jpb-list .btn-apply :hover{background:#fff;color: #ea6605; border:1px solid #ea6605;} .Applicanttracking{/*border-top: 2px solid #2f3031;*/ line-height: 20px;font-weight: 400;font-style: normal;color: #212121;font-size: 15px;padding-left: 18px;} .Applicanttracking th{width:20%; background:#fff; border-right:1px dotted #2f3031; font-size:15px!important; color:#000; padding-top: 6px; text-align: left; font-weight: bold;} .Applicanttracking td{font-size:15px!important; color:#333;} .Applicanttracking td b{font-weight:normal; color:#000; /*text-transform:uppercase;*/ font-size:15px; border-bottom:1px solid #ccc; } /*-----leave-box-----*/ .leave-box{background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow:1px 3px 13px 6px rgba(117, 117, 117, 0.3); margin-bottom: 15px;margin-right: 10px; position: relative;} .leave-box .br-l{border-left-color: #ccc !important; border-left-style: solid !important; border-left-width: 1px !important;} .leave-box .boxes-leave{padding:10px; margin:0px 5px;color:#333; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .leave-box .boxes-leave h3{font-size: 35px;font-weight: bold;margin: 0 !important;padding: 0 !important; text-align: left !important; white-space: nowrap;} .leave-box .boxes-leave h3 span{font-size:14px; margin-left:10px; border-bottom:1px dotted #333; color:#333;} .selected-leave-box{background-color: #fff !important; color: #000 !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow:0px 3px 13px 6px rgba(117, 117, 117, 0.7); margin-bottom: 15px;margin-right: 10px; position: relative;} .selected-leave-box .boxes-leave h3 span,.selected-leave-box .boxes-leave h3{color:#000;} .selected-leave-box a{color:#000!important;} .selected-leave-box a:hover{color:#333;} /*---Initiate Tasks ----*/ .initiate_tasks{margin:10px 0px;padding:25px 0px; border-top:2px solid #ccc; font-size: 14px;line-height: 25px;} .initiate_tasks p.notask{font-size:18px; text-align:center; margin:0px;padding:10px 0px; } .initiate_tasks h3{font-size: 16px; font-weight: bold;} .initiate_tasks .task label{font-weight:bold !important; margin-right:5px;} .display-mobile{display:none;} .display-desktop{display:block;} .padding-all{padding:10px;} .d-inline{display:inline;} @media only screen and (min-width:768px){ .modal-dialog{min-width:auto; max-width: 800px; margin: 30px auto; width: -moz-max-content;width: -webkit-max-content; width: max-content;} } @media (max-width:768px){ .actionItemsInDropDownMenu{/*bottom:0px;left: -13px;min-height: 40px !important;*/position: absolute !important;background:transparent;text-align: right;}.actionItemsInDropDownMenu .overlay-action-secondary a{display:block} .highlight-row-on-hover:hover .actionItemsInDropDownMenu, .table-responsive:hover .actionItemsInDropDownMenu, .no-more-tables:hover .actionItemsInDropDownMenu{padding: 0px 0px;margin-left: 20px;} /* The styles that need to be disabled in the mobile mode */ .top-right-side .displayCount span{position: relative;font-size: 9px;top: -15px;padding: 2px;right: -25px;border-radius: 3px;color:#fff; } .home_left, .home_right{margin:0px; } #employee-section .sections .button-area{position: unset;right: 0;width: 100%;} #showSubordinateAttendanceReport tr, #showSubordinateAttendanceReport td{word-wrap:normal!important;} .small-box{text-align:center} .navbar{margin-bottom:0px!important;} .small-box .icon, .disc-goal, /*.task-measure,*/ .container .li_render_tabs, .toprightN, .hopscotch-bubble, .top8, .popup .note, .bs-wizard > .bs-wizard-step .bs-wizard-info, .bs-wizard, .cdmt_setuptrial{display:none} .small-box p{font-size:12px} .sidebar-nav-mobileView{display:block!important;} /* The Ids that need to be disabled in the mobile mode */ #work-flow-dig, #mailbox-message-type, #notify-messages, #actionable-messages, #unread-messages, #all-messages,#enableHopscotchTour,#list2, /*#appraisal-form-description,*/#display_faq_options{display:none;} .populatedShortCutMenuWithSliderEffect{width:100%; left:0px; height:auto; margin-left:0px;} #mailbox-unread, #mailbox-name, #mailbox-buttons, #mailbox-date, #mailbox-subject{float:left; margin:0px 2px} #mailbox-date{font-weight:bold; } #mailbox-subject{overflow-x: hidden;overflow-y: hidden;text-overflow: ellipsis;width: 200px; line-height:17px; padding-top:0px;/*max-height: 33px;*/} .free-trial{font-size:10px; margin-right: 58px!important;} .free-trial a{padding:4px;} .container .container-inner-single{margin:6px 0px; width:100%;} .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{font-size:11px;} .second-line .del-rem-hide{/*width: 0;*/} .emp-pic{width:100%; } div.text{width:51%; font-size: 12px; font-weight:normal;} .li_Setting_landing_page ul li{float:none; width:100%; margin:0px; padding:10px 0px;} .invoke-link{margin-top: 0px;} .sidebar-nav .navbar .navbar-collapse{padding: 0; max-height: none; } .sidebar-nav .navbar ul{float: none;display: block;} .sidebar-nav .navbar li{float: none;display: block;} .sidebar-nav .navbar li a{padding-top: 12px; padding-bottom: 12px; } .LeftSideBar_desk{position: -webkit-sticky !important;position: sticky !important;top: 100px;} .LeftSideBar_desk_small{position: -webkit-sticky !important;position: sticky !important;top: 5px;} #display_page_quickLinks .graybar, .myshortcutmenuToggleClosed, .myshortcutmenuToggleOpen{display:none;} #leftPanelFilterSection, .populatedShortCutMenuWithSliderEffect{display:block!important;} .navbar-header, .navbar-default .navbar-brand{background:#3b4655 ; color:#fff!important; padding:0px 10px; text-transform:none;font-size: 16px!important;} .navbar-brand{line-height: 43px!important;} .navbar-toggle{border:none; float: left; margin-top:0px;} .navbar-default .navbar-toggle .icon-bar{background-color:#777!important;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#f3f3f3!important;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#1c64a1!important;} .searchBox .selectemployee{top:0px; left:0px;} .margin-personaldetails{margin-top:50px!important ;} .bottom-action{bottom: 350px; padding-bottom: 24px; position: absolute; right: 0;} } @media (max-width:859px){ .navlinks, /* .singleInfoInD, */ #orgChartForLoginOnDesktop, #enableOrgCharForLogin, .trial-page, #welcomePageFreeTrial, #backgroudWelcomePageFreeTrial, .video-free-trial, .class1{display:none;} .toprightM, .singleInfoInM{display:block;float: right;right: 10px;top: 46px;} .contentbox .singleInfoInM{float:none;} #header li a, #header-app li a, .li_menu_size li label, .li_menu_size li a, ul.li_leave_menu_box li.unselected a, .li_menu_size li a.unselected, .li_render_tabs li a.unselectedHT, ul.li_leave_menu_box li.unselected label, #header li a:hover, #header-app li a:hover, .li_menu_size li a:hover, #header li a.current, ul.li_leave_menu_box li.selected a, ul.li_leave_menu_box li.unselected:hover a, .li_render_tabs li a.selectedHT, .li_render_tabs li a.unselectedHT:hover, .li_menu_size li.unselected label:hover, .li_menu_size li label:hover, .li_menu_size li.selected label, .li_menu_size li.selected a, .li_mega_menu .selected label, .li_mega_menu .unselected:hover label, ul.li_leave_menu_box li.selected label, ul.li_leave_menu_box li.unselected:hover label{padding-left:8px; padding-right:8px; font-size:12px;} .head{font-size:14px!important;} .video-free-trialM{display:block;} .video-free-trialM .free-trial-videom{ position: absolute; left: 22px; text-align: center; top: -46px; z-index: 999; } #orgChartForLoginOnMobile{display:block; background:#fff; padding:10px;} .toprightM .btn-logoff{float:left; background:#fff; border:1px solid #eee; color:#333;border-radius:4px; padding:1px 5px; margin-left:2px; display:none; } .btn{font-size:11px; margin-top: 5px;} .main-buttons ul li{margin-left:0px;margin-right: 4px;} .center-m{width:73%} .masquerade{/*margin-left: 58px!important;*/ } .masquerade .icon{font-size: 16px!important;} .masquerade h5{font-size: 11px!important;} .jcarousel li{margin:0px 0px;margin-left: 24px;margin-right: 9px; width: 194px !important;} .switch a, .switch label{display: -moz-stack; } .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail h3{font-size:14px; padding-top:2px; padding-bottom:2px;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail .des{font-size:12px; padding-top:0px; padding-bottom:0px;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail .content_detail{line-height:10px; font-size:12px;} .my-team-box{height: auto;} .log-off-mobile{display: block;font-size: 15px; /*text-align: center;*/} /*#displayAll{margin-top:30px;}*/ .populatedShortCutMenuWithSliderEffect, .home_tabs{background:rgb(146, 146, 146) none repeat scroll 0% 0%; z-index:99999;} } .serach-bar-pos{margin-top:34px;} .search-home-logobar{border-bottom:0px solid #3c3c3c!important;padding: 3px 10px !important;text-align: right;top: -5px;position:relative;} .search-logobar{padding-right:35px!important; background:#fff url('../images/client/tenant-lite/tenant-lite-2/search-top.png') no-repeat; background-position:right; font-style:italic;} .top-menus-small .serach-bar-pos{margin-top:19px;} .top-menus-small .search-logobar{padding-top: 0px !important; height: 27px;} .serach-bar-pos{font-size:28px;} .top-menus-small .serach-bar-pos{font-size:24px;} .top-menus-small .search-home-logobar{top: -10px;} .masquerade{left: 50%;margin-left: -67px; } #ajax_listOfOptions{width:39%;margin:auto 2px;} .search-home-logobar .icon-home{border: 2px solid #fff; padding: 6px; border-radius: 50%; font-size: 25px; position: relative; bottom: 3px; } .top-menus-small .search-home-logobar .icon-home{border: 2px solid #fff; padding: 3px; border-radius: 50%; font-size: 16px; position: relative; bottom: 3px; } .top-menus-small .masquerade .icon{margin: 0px 2px;!important} .top-menus-small h5{padding-top: 8px!important;} .toprightN .img-emp{margin:15px 10px 0 !important;} /*-----mobile-------*/ @media only screen and (max-width: 480px){ :root{ --global-background:#d2e1f4; } .messagecenter_box{width:75%;} .goal-statement{width:245px;} .buddy-box .comment-box{background:unset;} .buddy-box .comment-box:hover{background:unset;} .buddy-box .comment-box:hover .fa-paper-plane{color:unset;} .btn-edit-goal{position:absolute;right: -21px;top: -3px;} .populatedShortCutMenu{position:absolute;top: -3px;} .content-section h2{font-size:20px; padding:12px 0px; color:#555; } .homepageh2{text-transform:none!important;} .content-section h3{font-size:16px; padding:10px 0px; color:#333;} .content-section h4{font-size:14px!important; padding:10px 0px; color:#666;} /*------ payroll-video-------*/ .li_leave_table_three .pull-right{float:none;} .video-link .video-icon{width:100%; height:auto;} .video-link .video-text{font-weight:bold;font-size:15px;top: 20px !important;position: relative; color: #1c64a1;border-bottom: 1px dotted #333;margin-left:0px;} .video-setting{position: relative;display: block;text-align: center;top: -159px;z-index: 9999;left: 10px;} .video-text-setting{color:#fff; font-size:11px;} .video-text-setting:hover{color:#000!important;} /* .manage_feedback .acc-penal{height:auto !important;} */ .status-label{display: contents;} .manage_feedback .t_body span{display:none; border-radius:50%;} .feedback-report-title{font-size:18px;padding:20px;text-align:center;font-weight:600;} .manage_feedback .contentHolderThree{width:auto;} .LeftSideBar_desk{box-shadow:0px 0px 0px #eee!important;} .toprightN .dropdown .dropdown-menu{top: 39px;} .toprightN .dropdown-menu{padding:2px;} .LeftSideBar_desk{position:inherit !important;top:0px;} .LeftSideBar_desk_small{position:inherit !important;top:0px;} .toprightN{display:block} .cd-header-buttons{display:none;} .toprightN .img-emp .image{height:35px;width:35px;} .toprightN .img-emp{margin-top:0px!important;margin: 0px 10px 0 !important; position: relative; top: -14px;} .profileImage{font-size: 18px; height: 35px!important;width:35px!important;} .empInitial{font-size: 27px!important; padding-top: 18px!important;} .toprightN .fullname{margin:0px;} .icon-v{position: absolute;right: -13px;top: 17px;width: 8px;cursor: pointer;} .section_filter{padding:10px; margin-top:25px;} .section_filter .icon_filter{text-align: center;border-radius: 50%;border: 3px dotted #000;padding: 5px; padding-top: 5px;margin: 0px auto;display: block;height: 50px;width: 50px;padding-top: 9px;margin-top: -33px;font-size: 22px !important;background: #fff;} .top-menus-small .icon-v{right: -13px;top: 15px;} .top-menus-small .toprightN .img-emp{margin:14px 11px !important;margin-left: 0px;width: 32px !important;height: 32px !important;margin-left: 28px !important; margin-bottom:0px!important;} .hr-home .modules-measure{min-height: 120px;} .hr-home p:hover{width:auto;} .modal-content-img{width: 95%;} .close-img{position: absolute;top: 20px;right: -53px;font-size: 20px;padding: 0 9px;} .theme-showcase-ws h1{font-size:28px;} .theme-showcase-ws h2{font-size: 16px;} .hr-home .module-head{margin-bottom: 45px;} .label-a{text-align: center;font-weight: bold;font-size: 14px;border-right: 2px solid #fff; padding-right:0px;} .marquee-text span{padding: 10px 0px;font-size: 13px;} .modal-body .bs-stepper-header, .bs-stepper{margin-top: 22px; width: 100%;} .popover.bottom{z-index: 99999;} .bs-stepper .step-trigger{width: 100px !important;height: 40px !important;margin-right: 5px !important;} .bs-stepper-label-name{width: 98px;} .bs-stepper-label-name{font-size: 11px;} .bs-stepper-label{font-size: 11px;} .bs-stepper-circle{width: 2em;height: 2em;padding: 0.5em 0;} .bs-stepper-circle .fa-circle{font-size: 10px;} .bs-stepper-header{width: 340px;overflow: scroll;margin-bottom: 15px !important;} .bs-stepper .line{display:none;} .chosen-container{margin: 1px 0px !important;} #eventSection a.li_f_button{word-wrap: break-word;} .event-calendar .fc-unthemed .fc-list-empty{ margin-top: 13px !important;} .fc-list-empty{padding: 20px 0px !important;} .heading_page{width: auto;} .marketing-box .icon-hover{top: -22px;} #eventCalendar .fc-scroller{overflow: inherit !important;min-height:100px;height: auto !important;} #eventCalendar .fc-agendaWeek-view .fc-scroller, #eventCalendar .fc-agendaDay-view .fc-scroller{min-height: 1159px;height: auto !important;} .dropdown-content-icon{min-width:200px; padding:0px;} .dropdown-content-icon li a{text-align:left; border-bottom:1p solid #ccc;width: 143px !important;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .dropdown-content-icon img{margin: 0px 3px;float: left;} .my-team-box .dropdown-content-icon{margin-left: 80px;} #panel-quick .search-home-logobar .icon-home{border: 2px solid #fff;padding: 3px!important;border-radius: 50%;font-size: 17px!important;position: relative;top: 8px;right: 6px;} .panel-title{font-size: 14px !important;font-weight:bold; } .goalsheet-title{top:0px;} .timePopupWrapper{top:170px!important;} .feature-section .product-des ul li{width: 100%;font-size: 14px;} .feature-section .product_name{text-align: center;} .comm-box{width:79%;} #mergeEmpNotificationDisplay #mailbox-buttons{margin-left:0px;} .border-b{border-bottom:0px solid #ddd; padding-bottom:0px;} .event-calendar.fc button .fc-icon{margin: 0;} .event-calendar .fc-list-item-time{white-space:pre-wrap!important;} .event-calendar .fc-icon{height: 0.9em;line-height: 0.8em; font-size: 0.7em;top: -0.5em !important;} .event-calendar .fc-list-table td{font-size: 11px;line-height: 15px;word-wrap: break-word;padding: 0px;padding-bottom: 7px;} #mergeEmpNotificationDisplay #mailbox-subject{width:80%!important;} .fc-view-container{margin-top: 6px!important;} .event-calendar h4{font-size: 12px !important;margin:13px 0px 0px 2px !important;} .event-calendar #eventCalendar h2{font-size: 14px;} .event-calendar .fc button{height:1.5em;padding: 0;} .event-calendar .fc-left h2{background: none !important;color: #eee !important;padding: 5px 1px !important;font-size: 12px !important;margin: 7px 0px !important;} .event-calendar .fc-list-item-time{white-space: pre-wrap;width: 1px;font-size: 10px !important;} .event-calendar .fc-toolbar .fc-left{width: 60% !important;} .event-calendar .fc-toolbar .fc-right{float: right !important;width: 35% !important;margin: 6px 0px;} .event-calendar .fc-toolbar.fc-header-toolbar{margin-top: 13px !important;margin-bottom: 13px !important;} .survey .survey_heading{height:auto;} #snackbar{margin-left:125px; } #emoji{display:none;} table.dataTable tbody td{padding: 8px 10px 18px 10px!important;} .li_common_header_nonbg .sec-button span{display:none;} .sec-button{float:none;padding:0px;} .clearprogressbar li{width:25%;} .clearprogressbar li span{height: 32px;width: 32px;line-height: 41px;font-size: 3px;} .clearprogressbar li i{font-size: 20px;} .clearprogressbar li p{padding-top: 20px;font-size: 9px;} .attendance-des{right: -67px; left: auto;} .attendance-des .links{text-align: right; float: right;} .headerbar{font-size:15px;} .bg-purchase{height: 161px;margin: -23px !important;} .bg-purchase h2{font-size: 40px;} .purchase-no-employee h3{font-size: 12px;} .btn-purchase-trial{margin-top: 14px;} .popup-inner .popup-heading a{font-size: 11px;} .report-box{float:none;} .container-tempt{height: 260px;} .payroll-tabs .tabs-exp-navigation a.selected{line-height: 3px;} .payroll-tabs .tabs-exp-navigation{height: 40px;} .payroll-tabs .steps-payroll li{padding:10px 10px; font-size:12px;letter-spacing: 0.5px;} .payroll-tabs .steps-bg{padding: 10px 5px;} .payroll-tabs .tabs-exp-navigation a{height:40px;line-height: 46px;} .payroll-tabs .steps-payroll li p{font-size:25px;} .btn-erase, .btn-purchase{padding: 2px !important;display: block;top:-13px;position: relative;font-size: 16px;float: right;border-radius: 50%;width: 26px;height: 26px;} #messageWizard{margin-left: 4px;} .btn-erase span.mobile, .btn-purchase span.mobile{display:block;} .btn-erase span.desktop, .btn-purchase span.desktop{display:none;} .switch-field{top: 0px;z-index: 1;width: 100%;} .payroll-tabs .tabs-exp-navigation a{min-width: 100px;padding-top: 12px;word-wrap: break-word;line-height: 20px;font-size: 12px !important;width: max-content;} .payroll-tabs .clearprogressbar li{font-size:11px;width: 30%;} .payroll-tabs .clearprogressbar li p{position: absolute;top: 6px;left: 41%;} .payroll-tabs .clearprogressbar li:after{top: 18px; left: -31%;} .payroll-tabs .clearprogressbar li::before{width: 40px;height: 40px;line-height: 40px;} .content-section .rightpenel{margin-top:9px;position:initial!important;} .highlight-row-on-hover .actionItemsInDropDownMenu, .table-responsive tr.actionItemsInDropDownMenu, .no-more-tables tr.actionItemsInDropDownMenu{width:304px;} .actionItemsInDropDownMenu .overlay-action-secondary a{display:block} .actionItemsInDropDownMenu{position: absolute !important;background:transparent;text-align: right;} .highlight-row-on-hover:hover .actionItemsInDropDownMenu, .table-responsive:hover .actionItemsInDropDownMenu, .no-more-tables :hover .actionItemsInDropDownMenu{padding: 0px 0px;margin-left: 20px;} .actionItemsInDropDownMenu .btn-default, .overlay-action-secondary{margin-right: 0px;} .highlight-row-on-hover .actionItemsInDropDownMenu, .table-responsive tr .actionItemsInDropDownMenu{left:-30px} .no-more-tables tr .actionItemsInDropDownMenu{right:1px;bottom: 0px;} #help-header-div{display:none;} .hidden_div i{font-size:16px;padding: 0px 6px; } .home_left .boxmain .mails .hidden_div{height:40px;} #toggleSwitch{height:20px;z-index:9;position:relative;display:block;margin-top:5px;} #actionItemsInSlideDropDownOptions{font-size: 16px;font-color:black;display:none;} #search-div .help-header-des{min-width:250px;} .li_f_slide_dropDown{margin-top: 10px;margin-left:0px;display: block;float: none;z-index:9;position:relative;} .add-class{z-index: 9;position: relative;} .customize{top: 0px;} .breadcrum-right-icon{height:53px;} .breadcrum-role{padding: 14px 0px;color: #fff;text-align: center;line-height: 20px;letter-spacing: -0.5px;width: 104px;font-size: 11px;} .survey .topimage{ height: 130px;} .survey .survey-description{max-width:95%;} #mailbox-buttons{clear: both;margin-left: 33%;} #getAllPendingTaskAndUpcomingEvent h4, #getAllPendingAndUpcomingTask h4{margin: 0px; padding: 8px 0px;} #getAllPendingTaskAndUpcomingEvent .buddy-box, #getAllPendingAndUpcomingTask .buddy-box{margin: 10px 0px;} .li_common_header_nonbg,.new_profilesection .personalprofile{margin-left: 0px !important;} #employeeFeedDetails{padding:7px 0px!important} #employeeFeedDetails .social-feed-career .buddy-box{margin: 0px!important;padding: 4px!important;} #employeeFeedDetails .buddy-box .message{margin-left:0px!important;} span.icon{float: right; position:relative;right: 35px;top: -46px; } .buddy-box .comment{width:80%;} .mgr-dashboard .aligned{float:left;} #app_track .note_txt{margin-left: 5px;} #myNav{top: 85px;} .dots-menu{top: 85px;} #myNav_home{top: 86px;} .dots-menu_home{top: 86px;} .overlay .closebtn{top: -5px;right: 5px;font-size: 13px;} .overlay a{font-size:11px;} #myNav img,#myNav_home img{height: 24px;} .modal-dialog-empxtrack .modal-body, .modal-dialog-empxtrack .modal-body{max-height: none;overflow-y: auto;} .help_home{display:none;} .display-desktop{display:none;} .display-mobile{display:block;} .SecondaryLinks_menu{margin-top: 23px;} .more_mobile{clear:both; } #mailbox-date{font-weight:bold; float: right;bottom:0px;position: relative;padding-left: 5px;} .appraisal-page .head .emp-details{right:40px;font-size:12px;} #displayHRTeamSkillSheet .dropdown-content{width:100px!important;} .goal-sheet-menu .dropdown-content li a{width:auto} .goal-sheet-menu .dropdown-content li{margin: 0 5px;} .dropdown-content li a{font-size:12px;white-space: pre-wrap;width: 150px;} #displayHRTeamSkillSheet .dropdown-content li a{font-size:11px;white-space: pre-wrap;width: 100px;} .cke_dialog{z-index:99999!important;} .modal{z-index: 99999;} .desktop_menu{display: none;} .mobile_menu{display: block;} .cd-primary-nav > li > a.selected{color:#b3b3b3!important;} .cd-primary-nav a, .cd-primary-nav ul a{padding: 0 35px;} .height-coloum{min-height:auto;} .top-menus-small .dropdown-menu{z-index: 99999 !important} .empfilter-cdmt .cdmt-rolefilter{margin-right:5px; margin-top: 18px;width: 70px; padding:0px;} .popup-btn a,#actionbuttons a{padding: 2px 8px; } span.li_pending{margin: 5px 2px;} .calFreq{height:55px!important;} .del-rem-hide{margin: 10px 8px 0px 8px;} .main-buttons{margin: 10px 8px 50px 8px;} .searchBox .selectemployee{top: 10px;left: -3px;} .content-section{margin-top: 76px;} .breadcrumb-gray{margin-top:40px;} .breadcrumb-gray-small{z-index:9998!important} .btn-group .dropdown-menu{z-index:9998!important} .personalprofile{padding:0px;} /* top bar */ .top-menus .logo{display:none!important;} .top-menus{height:40px;} .cd-header-buttons{top: -3px;} /*----------end------------*/ .del-rem-hide{height:auto;} .cd-main-header{z-index: 9999;height: 41px!important;} .main-buttons ul li a{padding:5px 15px; border: 0px solid #2f3031!important;} .popup_new .main-buttons ul li a{padding: 4px 9px;} .main-buttons ul li{line-height: 22px;font-size: 12px !important;} #panel.act .hide-menu-1 a{font-size: 11px;} #employee-section .emp-detail .actions span, #manager-section .emp-detail .actions span, #hrManager-section .emp-detail .actions span{margin-right: 80px;} .top-right-side div a{height:auto;} #serachBar #panel-quick.instruction{position: fixed; width: 100% !important; top: 100px;padding: 16px 5px 0px;right: 0px;} #serachBar .close-icon{top: 6px;right: 6px;} #serachBar #panel-quick.instruction::before{top: -20px;right: 115px;} #serachBar #panel-quick.instruction::after{top: -20px;right: 115px;} #panel-quick.instruction{min-width:173px;padding: 10px 5px;/*left:-100px;*/right:0; font-size:14px;margin-right: 0;margin-left: -51px;} #panel-quick.dataFilterContainer{min-width:173px!important; padding-top:30px!important;} #panel-quick.dataFilterContainer div .form-control{margin-top: 6px;} .top-right-side div{margin-top: -4px;px; width:27px;} #panel-quick.attendance-widget-width{min-width:220px;} #panel-quick.TimeCard-width{min-width:200px} #panel-quick.instruction h3{margin-bottom:15px;} #manager-section #panel .act{left: -70px !important; top:20px!important;width: 147px; z-index:8;} #manager-section #panel .act .hide-menu-1 a{font-size:11px;} #manager-section #panel div{padding:0px; line-height:15px;} #manager-section #panel .hide-menu-1 a{padding:5px 1px;} #manager-section #panel.act::after, #manager-section #panel.act::before{display: none;} #manager-section #panel.act::before{border-right-color: #fafafa;border-right-style: solid;border-right-width: 10px;right: -30px;top: 3px;} #manager-section #panel.act::after{border-right-color: #a3a3a3;border-right-style: solid;border-right-width: 10px;right: -30px;} #manager-section #panel.act{right: 27px !important;top: -10px !important;width: 141px;z-index: 8;} .modal-dialog{top:0%;} .personalprofile .no-more-tables td{padding-left: 45% !important; padding-top: 6px !important;} .progress-notes .space-outer{display:block; margin-bottom:5px;} .home_tabs .navbar-collapse.collapse{display:block!important} .home_tabs .sidebar-nav .navbar li a{padding-top: 0px;padding-bottom: 0px;} #display_page_quickLinks{margin:0px;} .content-section .leftpenel{padding:0px} .populatedShortCutMenu .sidebar-nav{display:none; } .populatedShortCutMenuWithSliderEffect .sidebar-nav{display:none; } #employee-section .sections .content-area, #manager-section .sections .content-area, #hrManager-section .sections .content-area{padding: 5px;} .content-section .rightpenel .content .contentbox .transact .content-text{border-right:0px;} .popup_new{padding: 10px;} #employee-section .sections .popup_new label, #manager-section .sections .popup_new label, #hrManager-section .sections .popup_new label{padding:0px!important;} .filter{margin:4px 0px;} #employee-section .sections .head-area h3, #manager-section .sections .head-area h3, #hrManager-section .sections .head-area h3{font-size:15px;} #employee-section .sections p, #manager-section .sections p, #hrManager-section .sections p{font-size:14px;} .progress-notes .li_common_header.open-box span, .progress-notes .li_common_header.close-box span, .new-notes{font-size:14px;} .main-buttons ul li{font-size:14px;} .homepage .feature p{font-size:14px; line-height:20px;} .homepage .feature .heading{font-size:16px;} #employee-section .sections a.button-view, #hrManager-section .sections a.button-view, #manager-section .sections a.button-view{font-size:12px;} #employee-section .sections .goal-sheet .goal-stmt, #hrManager-section .goal-sheet .goal-stmt, #manager-section .goal-sheet .goal-stmt{font-size:14px;} .free-trial-cdmt{font-size:9px;} .bordercdmt-m{border-bottom:1px dotted #333;} #hrManager-section .sections .button-area, #manager-section .sections .button-area, #employee-section .sections .button-area, #hrManager-section-order .sections .button-area, #manager-section-order .sections .button-area, #employee-section-order .sections .button-area{width: 100%; margin-bottom: 3px; position:inherit;} .carousel-indicators, .carousel-control{display:none;} .jcarousel li{margin:0px 24px; width: 194px !important;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail h3{font-size:14px; padding-top:2px; padding-bottom:2px;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail.des{font-size:12px; padding-top:0px; padding-bottom:0px;} .content-section .rightpenel .content .contentbox .content-text .content-emp .emp-detail.content_detail{line-height:10px;font-size:12px;} .my-team-box{height: auto;} .homepage .top-question h2{font-size: 16px;} .slide-desktop, .slide-mobile{display:none!important;} .cd-primary-nav, .cd-primary-nav ul{z-index:99999999; } .top-right-side #viewPollWidget, .top-right-side #empRelationshipWidget, .top-right-side #companyDirectory, .top-right-side #attendanceWidget, #addEventFromBreadcrumbBar, .top-right-side #showChatMessageBox, .top-right-side #thoughtForTheDay, .top-right-side #newsAndEvents, .top-right-side #quickLinksAndShortcuts, .top-right-side #customerFeedback, .top-right-side #configurePageWidgets, .top-right-side .pulse, .top-right-side #homeWizard, .top-right-side #calendarViewOfEventFromBreadcrumbBar, .top-right-side #addSelfTimeCardEntry, .top-right-side #showMyShortCuts, .top-right-side #selectEmp{display:none!important;} .top-right-side #enableEmpFilterOption, .top-right-side #enableOrgCharForLogin, .top-right-side #enableHopscotchTour, .top-right-side #customerFeedback, .top-right-side #quickLinksAndShortcuts, .top-right-side #360PulseFeedback, .top-right-side #newsAndEvents, .top-right-side #thoughtForTheDay, .top-right-side #attendanceWidget, .top-right-side #companyDirectory, .top-right-side #empRelationshipWidget, .top-right-side #viewPollWidget, .top-right-side #showChatMessageBox, .top-right-side #addSelfTimeCardEntry, .top-right-side #showMyShortCuts, .top-right-side #homeWizard, .top-right-side #addEventFromBreadcrumbBar, .top-right-side #calendarViewOfEventFromBreadcrumbBar{display:none!important;} .top-right-side #serachBar{display:block!important} .li_Setting_landing_page ul li{width:100%!important; } .breadcrum-right-icon{top:-3px; margin-top:0px;} #breadcrumb-icons{top:32px; margin-top:-20px;} .populatedShortCutMenuWithSliderEffect, .home_tabs{padding-top:0px; z-index: 8;} .container .container-inner-single{margin-top: 0px!important;} .section-header{display:none;} .expenseSubGrp, .expensePaymentMode{border: 0px; padding:0px;} .container .container-inner-small{width:100%; margin: 10px 0px 10px 0px;} .content-section .rightpenel .content .contentbox h4{font-size:16px;} .home_left .heading_page, #displayBuddyInfo .heading_page{ padding-left: 0px !important;} .home_scroll{margin-right: 0px!important;} .home_left .heading_page{z-index: 6;position: relative;background: transparent!important;} .social-feed-home{padding-left:0px;} .row .display-flex{display: block;flex-wrap: wrap-reverse;} .row .display-flex > [class*='col-']{flex-grow: 1;} /* only for demo not required */ .equal{padding:0px;height: 100%;} /*------calender--------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#fff!important;} .ui-datepicker{padding-bottom: 0;padding-left: 0.1em!important;padding-right: 0.1em!important;padding-top: 0.1em!important;width: 13em!important;} .ui-icon-circle-triangle-w{background-position: -98px 0!important;} .ui-icon-circle-triangle-e{background-position: -33px 0!important;} .ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover{background:none !important; top:2px !important; cursor:pointer;border:none!important;} .ui-datepicker th{font-weight:normal!important;} .ui-datepicker td{line-height:20px!important; padding: 0.50px !important;font-size: 13px;} .ui-datepicker .ui-datepicker-title{margin: 0 1.5em!important;} .ui-datepicker .ui-datepicker-title select{-moz-border-bottom-colors: none!important;-moz-border-left-colors: none!important;-moz-border-right-colors: none!important;-moz-border-top-colors: none!important;border: none!important;font-size: 12px!important;font-weight: normal!important;margin-bottom: 1px!important;margin-left: 0!important;margin-right: 0!important;margin-top: 3px!important;} .icon_manpower{position: relative;} .des_newrecord{width: 200px;} .homePageSideMenus{display:none;} .search-visible .serach-bar-pos{display:none!important} #attendance_choices{display:none;} #attendanceSummaryOnCalendar{display:none;} } .body-e{ display: table; background-color: green; } .left-side{ background-color: blue; float: none; display: table-cell; border: 1px solid; } .right-side{ background-color: red; float: none; display: table-cell; border: 1px solid; } svg > g > g:last-child{pointer-events: none } #uploadFile,#fileSizeInfo{float: left;display: inline;} .upload-file{padding-left:10px; border:1px solid #ccc; background:#eee;} .upload-file .file{padding: 4px;} #wrapper{ height:300px; width:400px; position:relative; } #wrapper p{text-align: left;font-size: 14px;margin: 10px 0px;} #overlay{ position:absolute; bottom:0; height:350px; width:100%; z-index:9; display:none; } .aC7{ border-spacing0px; font-size: 40px; position: absolute; text-align: center; height:100%; width:100%; } .aC8{ display: table-row; } .aC9{ background-color: white; border: 4px dashed #cfcfcf; display: table-cell; opacity: .8; text-align: center; vertical-align: middle; } .aDa{ color: #cfcfcf; } #popup-overlay{ position:absolute; top:0; height:100%; width:95%; z-index:9; display:none; } .popup-aC7{ border-spacing0px; font-size: 40px; position: absolute; text-align: center; height:100%; width:100%; } .popup-aC8{ display: table-row; } .popup-aC9{ background-color: white; border: 4px dashed #cfcfcf; display: table-cell; opacity: .8; text-align: center; vertical-align: middle; } .popup-aDa{ color: #cfcfcf; } .pointConveyWrapper{ max-width:435px; height: 210px; overflow-y:auto; background:#fff; border-radius:6px; -webkit-box-shadow: 0 0 10px #3d3d3d; box-shadow: 0 0 10px #3d3d3d; } .progressBtn-purchase{ background-image: linear-gradient(to right, #FF8008 0%, #FFC837 51%, #FF8008 100%) ; line-height: 20px; margin: 0; text-align: center; /*text-transform: uppercase;*/ transition: 0.5s; font-weight:500; background-size: 200% auto;width:114px; text-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius:4px; display: inline-block;} .progressBtn-purchase:hover{background-position: right center; color: #fff!important;} svg text{ /*font: var(--fa-font-solid);*/ } .progressArrowFade{ opacity: 0.0; transition: 0.5s; } .progressArrowFade:hover{opacity: 1} .progressBtn-purchase:hover .progressArrowFade{opacity: 1; } .overlay-left-menu{ height:auto; height:max-content; width: 0; position: fixed; z-index:1; /* top: 13%; */ left: 4.6%; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s;border-radius: 0px 0px 6px 6px; } .overlay-left-menu-content{ position: relative; top:0%; width: 100%; text-align: center; /* margin-top: 20px; */ Font-size:12px; } .overlay-left-menu a{ text-decoration: none; font-size: 12px; color: #818181; display: block; transition: 0.3s; text-align: left; padding-left: 10px; border-bottom:1px dotted #000;border-bottom: 1px dotted #444; line-height: 25px; } .overlay-left-menu a:hover, .overlay-left-menu a:focus{ color: #f1f1f1; } .overlay-left-menu .closebtn{ position: absolute; top: 0px; right: 5px; font-size: 20px; font-weight: bold; } @media screen and (max-height: 450px){ .overlay-left-menu a{font-size: 12px;important} .overlay-left-menu .closebtn{ font-size:12px!important; top:0px; right:0px; } } .loader{ border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #3498db; width: 40px; height: 40px;position: absolute; margin-left: 50%; left: -20px; top: 10px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin{ 0%{-webkit-transform: rotate(0deg); } 100%{-webkit-transform: rotate(360deg); } } @keyframes spin{ 0%{transform: rotate(0deg); } 100%{transform: rotate(360deg); } } td.td-green{padding:5px;} .potentialItems{font-size:20px; color:#000;padding-top:4px;} .warning-indicator-icon{background-color:#ffff00ad;text-align:center;} span .writePartialEllipses{color:var(--brand-color-2);font-weight:bold;font-size:27px;letter-spacing:2px;margin-left:5px;} .code-output-for-copy{border:1px solid #ccc; padding:10px;background:#efefef;} .xmp-style-code-output-for-copy{width:100%; border:0px solid #ccc; overflow:hidden;margin:0px!important;padding:0px!important;} .div-offset-1, .popup .div-offset-1{margin-left:2em;} .div-offset-2{margin-left:4em;} .filter-group-div{text-overflow:clip; overflow:hidden; white-space:nowrap;margin-right:10px;} .filter-group-cls{padding-left:5px; color:#1c64a1; } .steps-bg .steps-payroll li{border-right:2px solid #767676; padding:10px 20px; margin:10px 0px; font-size:16px; color:#444444; font-weight:bold;letter-spacing: 0.5px;} .steps-bg .steps-payroll li a{border-bottom:1px dotted #ccc; text-decoration:none; cursor:pointer; color:#444;letter-spacing: -0.5px;} .steps-bg .steps-payroll li.active a{color:#1c64a1;} .steps-bg .steps-payroll li{padding:10px 10px; font-size:18px;letter-spacing: 0.5px;list-style-type: none;} .steps-bg .steps-bg{padding: 10px 5px;} .steps-bg .steps-payroll li .displayCount{font-size:25px; color:#000;} .report-content-dialog{width:600px;} @media only screen and (max-width: 480px){ .steps-bg{width: 50vw;clear:both;} .steps-bg .steps-payroll li{border-right:none; padding:5px; margin:0px; font-size:12px; color:#444444; font-weight:bold;letter-spacing: 0.5px;} .steps-bg .steps-payroll li a{border-bottom:1px dotted #ccc; text-decoration:none; cursor:pointer; color:#444;letter-spacing: -0.5px;} .steps-bg .steps-payroll li{padding:5px; font-size:12px;letter-spacing: 0.5px;list-style-type: none; width:100%} .steps-bg .steps-payroll li .displayCount{font-size:12px;display: inline;padding-left: 10px;} .tab_emp{font-size:12px; height:50px;font-weight:400;} #wrapper{width:90%;} } label .label-inner{font-weight:400;} .additionalContentInLabel{color:#116301; font-size:12px;} #id_dateWiseButtons a{display:block;} // empty class to handle any placeholder. Sometimes we may want to pass in a class .nop{} .ui-widget-header .ui-icon { filter: invert(); }