/*@media only screen and (max-height: 1050px) { .arrow_position { display: none; } }*/ @media only screen and (min-height: 768px) and (max-height: 800px) { .page-content.ess_page-content { min-height: calc(100vh - 20px) !important; } } @media only screen and (min-height: 800px) and (max-height: 1400px) { .page-content.ess_page-content { min-height: calc(100vh - 141px) !important; } } @media only screen and (max-height: 800px) { .arrow_position { display: block; } } @media only screen and (max-height: 800px) { #section-to-print .col-lg-4.mBot15 { margin-bottom: 10px !important; } .multi-pay-schedule.calander_view h2 span, .multi-pay-schedule.calander_view h2 { font-size: 12px !important; } .multi-pay-schedule.calander_view h2 { margin-bottom: 5px !important; } .multi-pay-schedule .Payrollcalender .datepicker .prev, .multi-pay-schedule .datepicker .next { font-size: 12px !important; line-height: 13px; } .multi-pay-schedule .datepicker table thead tr:nth-child(2) th { height: auto !important; font-size: 12px !important; line-height: 13px; } .multi-pay-schedule .datepicker td, .multi-pay-schedule .datepicker th { font-size: 11px !important; width: 20px !important; height: 20px !important; } .multi-pay-schedule td.day div { height: 20px; width: 20px; line-height: 20px; } .multi-pay-schedule .datepicker table tr td.day.holiday div, .multi-pay-schedule .datepicker table tr td.day.payday div, .multi-pay-schedule .datepicker table tr td.day.payroll div { width: 20px; height: 20px; line-height: 20px; } } @media only screen and (max-height: 1920px) { #formContractorFormW9GetOptions { min-height: calc(100vh - 178px); } #formW9BasicDetail { min-height: calc(100vh - 178px); } } @media only screen and (min-width:1200px) and (max-width:1400px) { .new-check-type .col-md-3 { flex: 0 0 21.666667%; max-width: 21.666667%; } } @media only screen and (min-width:1200px) and (max-width:1300px) { .pay_calc td:nth-of-type(2) { width: 114px !important; display: inline-block; } .hours-earn-td select { width: 235px !important; } .template-name { width: 188px !important; } .time-off-step-unpaid td, .time-off-step-unpaid td span { font-size: 12px !important; } .bottom_btn { bottom: -4px !important; } .contractor-only .bottom_btn { bottom: -71px !important; } } @media only screen and (min-width:1750px) and (max-width:2600px) { .payscedule-table { width: 60% !important; float: left; } /*.payscedule-calender { width: 40%; float: right; margin-top: 20px; }*/ .SetupPaySchedule .payscedule-table { width: 100% !important; float: none; } .SetupPaySchedule .payscedule-calender { width: 100% !important; margin-top: 10px !important; } .content_max_width_left { max-width: 1200px; display: inline-block; } .who_left_sec { width: 250px; height: calc(100vh - 199px); float: left; } .content_max_width_left .page-content { margin-left: 0 !important; } .payroll-details-list { min-width: 13.2%; } .notification-alert { position: absolute; top: 10px; z-index: 999; right: 0 !important; left: 0; text-align: center; width: 375px; margin: 0 auto; } } @media only screen and (max-width:1600px) { .emp_name_gross a { font-size: 13px; } .modal-dialog.modal-dialog-mar { margin: 10% auto; } .eventSec { height: 41vh; } .page-content.ess_page-content .page_scroll { min-height: calc(100vh - 245px) !important; } .Emp_Jopdetails .space_left { margin-left: 0px !important; } .menu_inactive .page-content { margin-left: 74px !important; } } @media only screen and (max-width:1367px) { .skip-pay-link { margin: 0 -11px; font-size: 13px; } .Report_responsive .garnishment tr { display: block; } .Report_responsive .garnishment tr td { display: inline-block; width: 160px !important; } } /* Edge css*/ @supports (-ms-ime-align: auto) { .pageWrapper.addEmployee { overflow-x: hidden !important; } } @supports (-ms-accelerator:true) { .page_scroll { overflow-x: hidden; } /*.body-content { overflow-x: hidden; }*/ .table.table-bordered.table_design.dataTable { overflow: initial; } .invite-emp-add.select_employee_type label.select_label { position: static !important; display: inline-block; } .pageWrapper.addEmployee { overflow-x: hidden !important; } } @supports (-ms-ime-align:auto) { .page_scroll { overflow-x: hidden; } .table.table-bordered.table_design.dataTable { overflow: initial; } .invite-emp-add.select_employee_type label.select_label { position: static !important; display: inline-block; } .page_wrap_scroll { overflow-x: hidden; } span.week-date { height: 31px !important; } .pageWrapper.addEmployee { overflow-x: hidden !important; } [class^="hint--"]:before { margin-right: 10px !important; margin-top: -32px !important; margin-left: 0 !important; margin-bottom: 0; content: ''; position: absolute; background: transparent; z-index: 1000001; border: none; /*border: 6px solid transparent;border-bottom-color: #383838 !important;*/ } [class^="hint--"]:before, [class^="hint--"]:after { right: 5%; bottom: 50%; left: auto; top: 100% !important; min-height: 25px; transition: none; } [class^="hint--"]:before, [class^="hint--"]:focus:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } [class^="hint--"]:hover:after, [class^="hint--"]:focus:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } [class^="hint--top-"]:before { margin-right: 10px !important; margin-top: -32px !important; margin-left: 0 !important; margin-bottom: 0; content: ''; position: absolute; background: transparent; z-index: 1000001; border: none; /*border: 6px solid transparent;border-bottom-color: #383838 !important;*/ } [class^="hint--top-"]:before, [class^="hint--top-"]:after { right: 5%; bottom: 50%; left: auto; top: 100% !important; min-height: 25px; transition: none; } [class^="hint--top-"]:before, [class^="hint--top-"]:focus:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } [class^="hint--top-"]:hover:after, [class^="hint--top-"]:focus:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } [class^="hint--bottom-"]:before { margin-right: 10px !important; margin-top: -32px !important; margin-left: 0 !important; margin-bottom: 0; content: ''; position: absolute; background: transparent; z-index: 1000001; border: none; /*border: 6px solid transparent;border-bottom-color: #383838 !important;*/ } [class^="hint--bottom-"]:before, [class^="hint--bottom-"]:after { right: 5%; bottom: 50%; left: auto; top: 100% !important; min-height: 25px; transition: none; } [class^="hint--bottom-"]:before, [class^="hint--bottom-"]:focus:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } [class^="hint--bottom-"]:hover:after, [class^="hint--bottom-"]:focus:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); } .payroll-notify-list .hint--bottom-left::before, .payroll-notify-list .hint--bottom-left::after { top: 100% !important; border: none !important; } .payroll-notify-list .hint--bottom-left::after { right: 5%; bottom: 50%; left: auto; top: 100% !important; min-height: 25px; transition: none; } .nav-pills.nav-wizard > li .nav-arrow { right: -14px; } .nav-pills.nav-wizard > li .nav-wedge { left: -14px; } } @media only screen and (min-width:1450px) { .esign_btn { left: -133px; } .select_employer_type label.select_label br { display: none; } } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: block !important; } @media all and (-ms-high-contrast:none) { .note_wrap { padding-bottom: 70px !important; top: -21px; overflow-x: hidden; } .select_employer_type_cnt { min-height: initial !important; } } @media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) { /* Define here the CSS styles applied only to Safari browsers (any version and any device) */ table#todaySummary { overflow: scroll !important; } } @media only screen and (max-width:1366px) { .list_items.list_items_inline li { width: 25%; } .esign_btn { left: -67px; } .modal-dialog.modal-dialog-mar { margin: 10% auto; } .timeOff_wrap ul li span { width: 70px; height: 70px; padding-top: 8px; } .block_text { margin-top: 30px; } .select_employer_type_cnt { min-height: 166px; } .note_wrap { padding-bottom: 15px; white-space: normal; } .select_employer_type label.select_label { padding: 10px 5px; } .select_employer_type label.select_label span { font-size: 13px; } /*.link_div span { font-size: 12px; }*/ .emp_name_gross a { font-size: 12px; } .eventSec { height: 28vh; } .pac-container { z-index: 999999 !important; } #formContractorFormW9GetOptions { min-height: calc(100vh - 177px); } #formW9BasicDetail { min-height: calc(100vh - 178px); } .Emp_Jopdetails .space_left { margin-left: 0 !important; } .payroll-slide-div { border: 1px solid #9e9e9e; border-radius: 5px; background: #fcfcfc; padding: 10px 15px; min-height: 361px; } } @media only screen and (min-width:1025px) and (max-width:1360px) { ul.top-menu li { min-width: 124px; } .Emp_Jopdetails .employee-view-div { margin-left: 0 !important; } } /*@media only screen and (min-width:580x) and (max-width:760px) { .card_block { width: 400px !important; border: 1px solid #ddd !important; padding: 15px !important; border-radius: 5px !important; } }*/ @media only screen and (max-width:1024px) { .mob_view { display: block !important; } .desk_view { display: none !important; } .legend-status li { width: 32% !important; } /*.mob_view { margin-top: 10px !important; }*/ /*.menu-left { padding: 0 15px; }*/ .tab_wrap ul li a { margin: 0 5px 0 5px; } /*.main-header { margin-bottom: 15px; }*/ .navbar.navbar-fixed-top { z-index: 9999 !important; } .initial_dashboard_left { margin-top: 10px; } body { padding: 0 0 70px 0 !important; } #drpEmployerList { margin-left: 0 !important; } .nonActive .menu_active .leftMenu .nav-sidebar { height: 100%; } .head_btn { position: absolute; top: -43px; left: 135px; } .head_btn .btn, .head_btn .btn:hover, .head_btn .btn:focus { padding: 5px; margin: 0; } .chat-menu li.head_btn img { max-width: 18px; } .navbar-brand { float: left; /*margin: 0;*/ background: #fff; padding: 5px 0px 5px 10px !important; } .leftmenu_header { display: none; } .ess-header .logo-div a { padding: 5px 0px !important; float: none; margin-right: 0px; margin-top: 0px; } .modal-dialog { width: 90% !important; margin: 30px auto; max-width: 90%; } .ess-left-menu .page-content { margin: 0 !important; padding: 0 15px !important; } ul.top-menu .dropdown.show { width: 100%; } .federaltax_note_text { bottom: 10px; position: initial; } .alphabetical_let ul li:first-child a, .alphabetical_let ul li a { width: 29px; } .menu_active .empDetails { margin-left: 0px !important; margin-right: 0px !important; } .menu_inactive .empDetails { margin-left: 0px !important; margin-right: 0px !important; } #empLeft { display: block; } #empLeft.submenuOpen { margin-left: 250px; } .emp_leftMenu { top: 50px !important; width: 250px !important; left: -250px; } #emp_leftMenu.leftMenu ul li.active a h3 { color: #fff; } #emp_leftMenu.leftMenu ul li.active:hover { width: 250px; background: #f26b43; border-bottom: 1px solid #f26c43; z-index: 9; color: #fff; } #emp_leftMenu.leftMenu ul li a h3 { color: #000; } #emp_leftMenu.leftMenu ul li { width: 250px; color: #000; } #emp_leftMenu.leftMenu ul li:hover { width: 250px; background: #f5f5f5; border-bottom: 1px solid #e2e0e0; z-index: 9; color: #000; } .ess-left-menu.menu_inactive .ess-header { margin-left: 0px !important; } .submenuOpen2.emp_leftMenu { left: 0px; } #divWhosOutLeftMenu + .page-content { margin: 0 !important; } ul.user-login { min-width: auto; } ul.user-login li { padding: 10px 10px !important; border-bottom: 1px solid #dbdbdb !important; } .user-login li.logout a, .logoutBtn { display: inline-block; } .name span { word-wrap: break-word; } ul.chat-menu li.res_mobile { border-top: 1px solid #dbdbdb !important; margin-top: 10px !important; } li.name { padding: 10px 0 15px !important; } .welcome-point-div { border-radius: 5px; width: auto; height: auto; padding: 20px 20px; text-align: left; } .welcome-list { padding: 0; margin: 0 0 0px 0px; } .user-login li.logout, .user-login li.setting { border-bottom: 0 !important; } h3.name1 { margin-top: 0; } ul.chat-menu li a { font-size: 14px; } ul.chat-menu li { border: 0; display: block; text-align: left; padding: 0; } ul.top-menu li { min-width: 0; margin-bottom: 5px; padding: 5px 0px; } .top-menu.pull-right { float: none !important; } ul.top-menu li { min-width: 130px; display: block; text-align: left; margin-bottom: 5px; } ul.dropdown-menu li a { padding: 1px 5px 0px 10px; } ul.dropdown-menu li { margin-bottom: 0 !important; padding: 3px !important; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0px solid #dddddd; } .ess-top-menu { border-bottom: 1px solid #ddd !important; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.06); background: linear-gradient(#fff, #f5f5f5); background: -moz-linear-gradient(#fff, #f5f5f5); background: -webkit-linear-gradient(#fff, #f5f5f5); background: -o-linear-gradient(#fff, #f5f5f5); color: #333 !important; } .leftMenu { position: absolute; z-index: 5; } .leftMenu { top: 60px !important; } .menu_inactive .leftMenu { width: 45px; top: 51px; } /*.menu_active .leftMenu { top: 51px; }*/ /*.noDashMenu .leftMenu { top: 51px !important; }*/ .noDashMenu .page_scroll { height: calc(100vh - 250px) !important; } .user-login li.user-login1 { padding: 0 !important; } /*.page_scroll { height: calc(100vh - 250px) !important;}*/ .menu-header { padding: 0; } .logo-div { padding: 6px 0 0px 15px; margin: 0; /*max-width: calc(100% - 50px);*/ text-align: left; } footer { z-index: 6; } #navbar-collapse1 { padding: 15px 0; } .dashMenu { border-top: 0px solid #ddd; padding: 0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.06); } ul.top-menu { padding: 5px 0px 0px 10px; } input[type="password"], input[type="text"], input[type="password"], select, textarea, input[type="search"], select.state { width: 250px; } input[type="text"].date_icon-week { width: 30px !important; } /* General styles for all menus */ .cbp-spmenu { background: #fff; position: fixed; } .cbp-spmenu-vertical { width: 295px; height: 100%; z-index: 99999; padding: 0px 0; top: 59px; } .cbp-spmenu-left.cbp-spmenu-open, .cbp-spmenu-vertical { top: 59px; border-top: 1px solid #ddd; } /* Vertical menu that slides from the left or right */ .cbp-spmenu-left { left: -295px; } .cbp-spmenu-right { right: -295px; } .cbp-spmenu-left.cbp-spmenu-open { left: 0px; top: 59px; border-top: 1px solid #ddd; } .cbp-spmenu-right.cbp-spmenu-open { right: 0px; top: 59px; } /* Push classes applied to the body */ .cbp-spmenu-push { position: relative; left: 0; } .cbp-spmenu-push-toright { left: 295px; } .cbp-spmenu-push-toleft { left: -295px; } /* Transitions */ .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #showRight { z-index: 99; position: relative; display: inline-block; height: 59px; width: 35px; text-align: center; background: #f2f2f2; margin-right: 0; padding-top: 20px; color: #333; border-right: 1px solid #dcdcdc; } #showRight.active { background: #f26c43; border-right: 1px solid #f26c43; color: #fff; } #showLeft.active { background: #f26c43; border-left: 1px solid #f26c43; color: #fff; } #showLeft { z-index: 99; position: relative; display: inline-block; height: 59px; width: 35px; text-align: center; background: #f2f2f2; padding-top: 20px; color: #333; border-left: 1px solid #dcdcdc; } .overlay_back.active { display: block; } /* responsive menu completed*/ .select_employer_type li { width: 18.98%; margin-right: 0.8%; } .select_employer_type li:last-child { float: right; margin-right: 0; } .select_employer_type li label.select_label { margin: 0 !important; } .content-div { width: 70%; } .dashbord-icon-div { width: 30%; padding: 65px 30px; } .start-add-input { width: 190px !important; } #divLoadConfigure .page_scroll { height: calc(100vh - 250px) !important; } .addr-label { margin-top: 5px; width: 160px !important; } #divConfigureMainPage .row { margin: 0; } #divAlphabet { width: calc(100% - 52px); } #employeeLeftMenu .emp-alphabet { width: 100%; } /*#divAlphabet { width: 100%; }*/ .employeeImage.employee_onboarding, .employeeImage.employee_terminate { padding: 15px 15px 30px 15px; } .add-new-employee select, .add-new-employee select.form-control { width: 150px; } .add-new-employee .lastName, .add-new-employee .firstName { width: 150px !important; } .add-new-employee .suffixSurName { width: 112px !important; } /*.add-new-employee input[type="text"] { width: 180px; }*/ .label_220.add-new-employee .labelName { width: 135px !important; } /*.choose-setup-title .choose-title{min-height:110px;}*/ .complete-user .employeeImage { width: 115px; } .nav-pills.nav-wizard > li a { min-height: 0; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*.nav-pills.nav-wizard > li .nav-wedge { display: none; } .nav-pills.nav-wizard > li .nav-arrow { top: 10px; right: -25px; } .nav-pills.nav-wizard > li a { min-height: 50px; border-radius: initial !important; }*/ /*.contact-field .info_circle { position: absolute; }*/ .employee-process .nav-pills.nav-wizard > li { width: 19.6%; } .payment-details .check_img { width: 100%; } .payment-details .labelName, .payment-details label { /*width: 155px !important; display: block;*/ } .attached_file label { display: inline-block !important; } .attached_file .file_close { position: absolute !important; } .payment-details select { width: 205px; } .empDetails .user-profile { width: 100px; } .employee-detail ul.view-emp-menu li a { padding: 5px; } .view-menu-div a.add-emp-btn { position: absolute; right: 15px; top: 20px; } .right_block { margin: -15px 0 0px; } .employee-view-div { min-height: calc(100vh - 230px); } #divEmployeePersonalInfoPage .label_lg .labelName { width: 133px; } .name-details .lastName { width: 70px !important; } select#Suffix.form-control { width: 80px !important; } .garnish_deduction_img { float: none; margin: 0 auto 15px; } .garnish_deduction_cnt { width: 100%; } .table_normal { overflow: auto; } #datetimepickerPayroll.floatL { float: none !important; } #datetimepickerPayroll .datepicker-inline { width: 230px; border: 1px solid #ddd; margin: 0 auto 15px auto !important; } body.parallel-mode .leftMenu { top: 89px !important; } .ess-user-respon .user-login { min-width: 300px; } .bg-blue ul.chat-menu .user-login li, .bg-blue ul.chat-menu .user-login li.user-login-inner ul li { padding: 8px !important; } .bg-blue ul.chat-menu .user-login li.user-login-inner ul li:last-of-type { border: none !important; } .bg-blue ul.chat-menu .user-login li.user-login-inner { padding: 0px !important; } .ess-header .emp-select { display: block; margin: 0 auto; width: auto; line-height: 20px !important; padding: 3px 5px; margin: 0 !important; } /*Employee portal start*/ .ess-header { margin: 0; } .ess-left-menu .leftMenu { width: 100% !important; top: 0 !important; } .ess-left-menu .leftMenu .nav-sidebar { width: 100%; } .ess-left-menu .leftMenu.ess_leftMenu li a { width: 100% !important; color: #333 !important; } .ess-left-menu .leftMenu ul.sidebar_collapse li a.active { color: #333 !important; } .leftMenu.ess_leftMenu li a { line-height: 51px; font-size: 12px; padding: 0px 10px 0px 0px; } .ess_leftMenu.leftMenu ul li a img { width: 38px; } .leftMenu.ess_leftMenu .inner li a.active { padding: 7px 15px 7px 21px; } /*.ess-welcome-div { display: none; }*/ /*.ess-user-img-div { display: none; }*/ /*.ess-header .emp-select { padding: 10px; text-align: center; border-bottom: 0px solid #1c3650; margin: 0 !important; }*/ .ess-header-div { width: 100%; } .ess-top-menu { padding: 0 !important; } .ess-left-menu .page-content { margin: 0 !important; } .ess-user-respon { position: absolute; top: -48px; right: 0px; } .chat-menu .search-text { margin: 10px; width: calc(100% - 20px) !important; } #drpEmployerList { color: #333 !important; } /*.menu_active .leftMenu .nav-sidebar { height: 100%; }*/ .ess-left-menu .emp_leftMenu.leftMenu { width: 250px !important; } .poratl-emp input#SearchEmployeeName { width: 100%; } .emp-list-left { margin-left: 260px !important; } /*ess portal end*/ #divNotification .list_scroll { height: auto !important; } .ess-left-menu.menu_inactive .leftMenu ul li a, .ess-left-menu.menu_inactive .leftMenu ul li a.active { color: #333 !important; } h1.inr_toptitle, .inr_toptitle_div { margin: 5px 0 10px 0; } .dashleftinner .comment-part { width: 100% !important; margin-top: 0; } .employee-process .nav-pills.nav-wizard > li { width: 15.6%; font-size: 12px; border-right: 10px solid transparent; border-left: 2px solid transparent; } .employee-process .nav-pills.nav-wizard > li a { padding: 5px; } .employee-process .nav-pills.nav-wizard > li .nav-wedge { left: -9px; border-width: 15px 0 13px 9px; } .employee-process .nav-pills.nav-wizard > li .nav-arrow { right: -9px; border-width: 15px 0 13px 9px; } .label_220 .addEmployee td.labelName { display: inline-block; width: 34% !important; } .label_220 .addEmployee td.fieldName { display: inline-block; width: 66% !important; } .pageWrapper { margin: 15px 0 !important; } /*-portal-dashborad----*/ .payment-detail { width: 48%; margin-right: 10px; } /*#empLeft { display: none !important; }*/ .roll-logo { width: 40px; height: 40px; line-height: 40px; } .roll-logo h1 { font-size: 25px; } .roll-btn-div a.btn-roll { padding: 2px 3px; font-size: 11px; } #divPayrollDetail #btnContinue { margin-bottom: 10px; } .menu_active .page-content { margin-left: 50px; } .menu_active .manage-shift td img { width: 25px; } .divEmptyWorkLocation { height: auto; } /*#myModal { z-index: 99999; }*/ .bootbox { z-index: 99999 !important; } .inr_toptitle_div h1 { font-size: 18px; } .pay-period-txt .labelText { font-size: 12px; } .pay-period-txt .fieldText { font-size: 12px; } .eSignImg { width: 100%; } /*.logout-responsive { display: inline-block !important; float: none !important; border-top: 1px solid #ddd !important; text-align: right !important; }*/ /*.setting { margin-left: 15px; }*/ .logout-responsive a { margin-left: 15px; } .feature-list { margin-bottom: 10px; } .feature-list-text { font-size: 12px; } /*---------portal_dashboard---------------*/ .employee-dashboard { padding-top: 15px !important; } .reminder-sec { position: relative; } .employee-dashboard .remeinder-div { position: relative; height: auto !important; width: 100%; } .defult_div_sec .policyNameSec { width: calc(100% - 30px); word-break: break-all; padding-right: 5px; } .defult_div_sec .policyView { width: 30px; text-align: center; } /*----------mytimeoff-page--------------------*/ /*#divTimeOfflist.ess_page-content { padding-top: 15px !important; }*/ h2.timeOff_heading { font-size: 16px; } .card_block { padding-bottom: 10px; } #employeeCompensationinfo { overflow: auto; } .nameEmp { margin: 0 !important; padding: 0 !important; border-radius: 0; border: none !important; } .nameEmp .switch_role { padding-left: 10px !important; } /*---------tips-flow------------*/ .page-content.ess_page-content { padding-top: 15px !important; } .modal-body.tips_popup_sec { width: 100% !important; min-width: 100%; } .hidden-desk { display: none; } /*Popup-full-view*/ .popup-fullview .modal-dialog { width: 100% !important; } .popup-fullview #myModal .modal-body { width: 100% !important; padding: 10px; } .popup-fullview .tab_wrap ul.nav { width: 103% !important; } .payroll-left + #empLeft { display: none !important; } .pac-container { z-index: 999999 !important; } .Report_responsive .garnishment tr td { display: inline-block; width: 145px !important; } .Email_editor .New_Email_edit { width: 39% !important; } } @media only screen and (min-width:767px) and (max-width:1024px) { h1.welcome-title { font-size: 18px; } .welcome-point-div { padding: 10px; } .welcome-list li { padding: 5px 0 5px 26px; font-size: 14px; } .welcome-point-div .spacer10 { height: 0; } .welcome-section { padding: 15px 0 100px 0; } h2.caption { font-size: 32px !important; } .embed-responsive-item iframe { height: 355px !important; } .screen_pad p { font-size: 14px !important; } .menu-open .pay-connect { width: 133px; left: -37px; } .menu-collopse .pay-connect { width: 265px; left: -83px; } #drpEmployerList select.company-select { width: 250px !important; } .bottom_btn button, .buttonNext, .buttonBack, .buttonNext:hover, .buttonBack:hover { padding: 8px 20px 8px 15px !important; } .btn.btn_md, .btn.btn_md:hover, .btn.btn_md:active, .btn.btn_md:focus { font-size: 15px; } .employee_type_details h3 { font-size: 16px; } .pageWrapper { box-shadow: none; border: none; } .btn.btn_sm, .btn.btn_sm:hover, .btn.btn_sm:active, .btn.btn_sm:focus { font-size: 13px; } #employeePaymentDetails .contractor-paystub .payment-detail { width: 47% !important; margin-right: 0 !important; } .contractor-dashbord .ess-sub-div { min-height: 200px !important; } .contractor-dashbord .remeinder-div { height: 200px !important; } .tab-view { display: inline-block !important; margin: 10px; } .logo-mob { display: none; } /*-----------portal-dashboard-sec--------*/ .welcome_btm h2 { font-size: 14px; } .welcome_details h1 { font-size: 16px !important; } .welcome_btm { padding: 10px; } .contractor-dashboard .welcome_details { padding: 40px 0 80px 0; } .nameEmp { margin: 0 !important; padding: 0 !important; border-radius: 0; border: none !important; } .nameEmp .switch_role { padding-left: 10px !important; } /*------------time-off-----------*/ .card_block { width: 33%; border-radius: 5px; margin-right: 15px; border: 1px solid #ddd; min-height: 400px; padding-top: 15px; margin-top: 0 !important; } .employeeTimeoffSlide .carousel-control-prev-icon { right: 15px; position: absolute; } .card_block h2 { min-height: 20px; } .employee-timeoff-List hr { display: none; } .employee-timeoff-List .spacer10 { height: 0; } .chat-menu li#ControlPanelA { display: none; } .Timeline-shift { display: inline-block; width: 100%; } .noRecordfound { display: inline-block; width: 100%; } /*-----------tips-Flow----------------*/ span.count-tips { font-size: 36px; } span.amount-tips { font-size: 34px; } .tips-summary-details .total-count { min-width: 100px; } .tips-rate-div { min-width: 130px; text-align: center; padding: 12px 10px; } .total-tips-amount { min-width: 160px; } .hidden-desk { display: none; } /*Error Message popup*/ .trmultipledayfields .EndTimeError + label { left: 224px !important; width: -27% !important; max-width: initial; top: -28px; } /*Request Timeoff*/ .timeoff-request .mLeft15 { margin-left: 0px; } .timeoff-request .timeField-start { width: 125px !important; } .timeoff-request .timeField-end { width: 125px !important; } .add-timeoff .timeField-start { width: 120px !important; } .add-timeoff .timeField-end { width: 120px !important; } .allshift-time table { margin-left: -55px; } .menu_inactive .filter_icon { top: 0; } .res-pBot0 { padding-bottom: 0; } .button-td-res { position: absolute; bottom: 5px; } .employeeDir { padding-bottom: 50px; min-height: 100px; } .employeeDir [class^="col-"] { position: initial; } .tab-pad15 { padding: 0 15px !important; } .employeeDir.contractor-dir { padding-bottom: 27px; min-height: 100px; } /*signup page*/ td.day div { width: 10px; } .progressWizard { margin: 15px 5px 10px; padding: 0 0px; } /*-------runpayroll-page---------*/ .payroll_hding .inr_toptitle { margin: 10px; } .multipayroll_dashboard_sec .payroll_hding .inr_toptitle { margin: 0px; } .menu-left { padding-left: 10px !important; } /*-------recent payroll-page-------------*/ .payroll-history-page { border: 1px solid #ddd; margin: 0 10px !important; } .multipayroll_dashboard_sec { padding: 10px 0px; } /*-------Benefit-------------*/ .name-details .lastName { width: 190px !important; } .company-insurance { padding-top: 15px; } .account-benefit { max-width: 100px; } .benefit-roth { margin-top: 15px; } .emp-payperiod { width: 141px !important; } /*-------------menu-design------------------------*/ li.people-list.dropdown .dropdown-toggle::after { right: 20px; } ul.top-menu li a { display: inline-block; width: 100%; padding-left: 0 !important; } ul.dropdown-menu { position: relative; top: 0px !important; right: 0; width: 95% !important; left: 10px !important; box-shadow: none; border: none; width: 100%; } ul.top-menu li { border-bottom: 1px solid #e8e8e8; } .dropdown-menu.pepole::after, .dropdown-menu.pepole::before { display: none; } ul.top-menu li { padding-left: 10px; } ul.top-menu { padding-left: 0; } .dropdown-submenu .dropdown-menu li a { padding: 5px 0px; } #ulPayroll .dropdown-submenu .dropdown-menu { padding: 0 0 0 0px !important; } /*-----------------Reports--------------------*/ .download-button div:first-child { position: relative; z-index: 9999; margin-top: 5px; } .download-button div:first-child a:first-child { right: 150px !important; } .download-button div:first-child a:last-child { right: 0 !important; } .pay_period_div { border-right: none !important; } .emp-listin { display: none !important; } .divEmptyWorkLocation { margin-bottom: 30px; margin-top: 30px; } /*------------demo points----------------------*/ .emp_leftMenu.leftMenu.people-div { top: 0 !important; } .action-div { width: 200px !important; } #myModal .modal-body { width: 100% !important; } /*-------------Settings-----------*/ #divCollaboratorList .email-break { word-break: break-word; } .mypaywow-access .myname-access { min-width: 150px; } .mypaywow-access .myemail-access { min-width: 200px; } .mypaywow-access .myaction-access { min-width: 90px; } #formCheckHistory select, select.form-control { width: 170px !important; } .contractor-only .finish_content { padding: 40px 20px; } .contractor-only .left_sec_img { width: 125px; } .contractor-only .right_sec_content { display: inline-block; width: calc(100% - 140px); padding: 10px 10px; vertical-align: top; } .bank_info { width: 530px !important; } .debit_info .dis-block { min-height: 43px; } /*.employee-dashboard .remeinder-div { min-height: 782px; }*/ .viewPayrollWorktable .labelName { width: 29% !important; } .Secure_respons { position: absolute; top: -50px; right: 230px; } .AddManual_Punch { margin-bottom: 10px; } .Additional_Info input[type="text"] { margin-right: 0 !important; } } @media only screen and (min-width:991px) and (max-width:1024px) { .contact-profivision td.labelName { width: 20% !important; display: inline-block; margin-bottom: 5px; } .contact-profivision td.fieldName, .contact-profivision td.fieldText { width: 28%; display: inline-block; padding-top: 0; margin-bottom: 5px; } .contact-profivision td.spacer15 { height: 0; } .document-info .list_items.list_items_inline li { width: 33.3%; } .supportBlock .ui-widget-contents { min-height: 380px !important; } .supportBlock p { min-height: 220px; } .supportBlock .col-md-6 { padding-right: 0; } .supportBlock .col-md-6:last-child { padding-right: 15px; } #divSetupMainPage .start-add-input { width: 205px !important; } .bottom_btn { bottom: -4px; background: #fff; } .noDashMenu .page_scroll { height: calc(100vh - 150px) !important; } .datetimepickerPayroll .datepicker-inline { width: 225px; } .finish-page-div h1 { font-size: 20px; margin-bottom: 10px; } .menu-open .left-sec { max-width: 56.666667% !important; } .menu-open .right-sec { max-width: 43.333333% !important; } #drpEmployerList { margin-top: 7px; } /*----earning-gross*/ /*.emp_name_earning { max-width: 39% !important; } .emp_name_gross { max-width: 16% !important; } .emp_name_compen { max-width: 28% !important; }*/ #tdComposation528314100 { width: 10px; } .add-emp-ref { width: 250px; } /*.add-new-employee input[type="text"] { width: 160px !important; }*/ /*.payment-details .labelName, .payment-details label { width: 190px !important; }*/ .attached_file label { width: 155px !important; } /*input[type="password"], input[type="text"], input[type="password"], select, textarea, input[type="search"], select.state { width: 190px !important; } .label_220.add-new-employee .labelName { width: 160px !important; }*/ .esign_btn_sign_W4 { position: absolute !important; bottom: 110px !important; left: 415px !important; } .esign_btn_W4 { position: absolute !important; left: 280px !important; bottom: 107px !important; } .esign_signature_W4 { left: 275px !important; bottom: 110px !important; } .esign_W4_Date { bottom: 105px !important; left: 695px !important; } .modal { z-index: 9999 !important; } /*-------------control-panel-----------------*/ .body-content.menu-open .payroll-left { width: 100% !important; } body { padding: 0 0 61px 0 !important; } .payroll-right { min-height: calc(100vh - 105px) !important; } .RunpayrollBtn.desk-view { display: none !important; } .notification-detail-sec { height: 94%; } .right-collopse { top: 24px; } input[type="password"], input[type="text"], input[type="password"], select, textarea, input[type="search"], select.state { width: 250px; } /*------------------------*/ .reminder-sec { width: 100%; height: 100% !important; position: absolute; } .employee-dashboard .remeinder-div { position: relative; height: 98% !important; width: 100%; } /* .employee-dashboard .remeinder-div { min-height: 748px; }*/ .employee-dashboard .ess-sub-div { position: relative; min-height: initial !important; } dashboard-sec { min-height: 359px; } .form_w9-request .txtTaxExemptPayeeCode { width: 80px !important; margin-top: 283px; height: 20px !important; } .form_w9-request .txtTaxExemptFatcaCode { width: 122px !important; height: 20px !important; margin-top: 355px; } .form_w9-request input[type="text"], .form_w9-request input[type="password"], .form_w9-request select { width: 166px !important; height: 26px; } .form_w9-request .txtBeforeImageSuffix { width: 90px !important; margin-top: 137px; height: 25px !important; } .form_w9-request .txtBeforeImageState { width: 90px !important; margin-top: 487px; height: 25px !important; } .form_w9-request .txtLLCCode { width: 69px !important; } .modal-open .datepicker-dropdown { z-index: 9999 !important; } input.dateField.dateField-start { width: 125px !important; background-position: 8px 8px; } input.dateField.dateField-end { width: 125px !important; background-position: 8px 8px; } .reportee-timeoffone input.dateField.dateField-start { width: 125px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; } .reportee-timeoffone input.dateField.dateField-end { width: 125px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; } span.week-date { top: 1px; height: 34px; right: 1px; } /*------------begin-page--------------------*/ .begin_content { padding: 40px 35px !important; } .begin_content .left_sec_img { width: 130px; } .begin_content .right_sec_content { width: calc(100% - 140px); padding: 10px 30px; } .begin_content .right_sec_content h1 { font-size: 21px; margin-bottom: 10px; } .finish_content .left_sec_img img { width: 140px; margin-top: 10px; } .phone-number { margin-left: 10px; } .dash-controlpanel { margin-left: 10px; } .comp-tax { min-height: 250px; } .attached_file { width: 215px; } .voucher-options li label { width: 89px; } .payroll_hding .inr_toptitle { margin: 10px; } /*------------payroll-dashboard--------------*/ .ValueSecPayroll.tab-view { display: none !important; } ul.payroll-status-list li .payroll-status { min-width: 48px; line-height: 20px; font-weight: 400; font-size: 11px; } ul.payroll-status-list li { font-size: 9px; margin-right: 3px; } .ValueSecPayroll { font-size: 13px; } .LabelSec { font-size: 12px; } .defult_div_sec .mBot10 { margin-bottom: 0 !important; } /*--------------run-payroll-page----------------*/ .menu-collopse .pay-connect { width: 185px; left: -55px; } span.payroll-type-txt { font-size: 14px; top: 14px; } .legend_period li { margin-right: 10px !important; } .count_sec_contractor { margin: 5px auto !important; } .count_sec_contractor .fieldText { font-size: 20px; } .payroll-type-text { font-size: 16px !important; margin-bottom: 5px !important; } /*----------------payroll-history---------------*/ .filter_sec { width: auto !important; } .payroll-history .payroll-details-list { min-width: 11.2%; } .futa_suta_left_sec .label_335 .labelName { width: 240px; } p.futa_suta_text.uitax-notes { padding: 8px !important; border-radius: 5px; } /*----------end-----------------*/ /*-----------------regualr-payroll---------------------*/ /*-----------payroll-step-1-hours-earnings------------------*/ .hours_earning_sec { display: inline-block; } .employee_type_details { text-align: left; } .emp_name_width { max-width: 100% !important; display: block !important; width: 100% !important; border-right: none !important; } .employee_type_details .compensationtype { display: inline-block; } .payroll_history { right: 18% !important; } .add_notes_Sec { position: absolute; right: 15px; top: 0px; } .heading_res { font-size: 16px; font-weight: 600; display: block !important; margin-bottom: 15px; text-align: left; } .emp_name_compen { max-width: 40% !important; } .emp_name_earning { max-width: 41% !important; } .emp_name_gross { max-width: 19% !important; } .gross_pay { margin-top: 0; } .hours-td select.form-control { width: 125px !important; } .pay_calc input[type="password"], .pay_calc input[type="text"] { width: 85px !important; } .employee_type_details .spacer10 { height: 0; } /*-----------end---------------*/ /*------------payroll-step-2 ------------------*/ .hours_earning_div .time-off-step-unpaid { max-width: 25% !important; padding: 0 15px !important; } .res-hide { display: none; } .res-view { display: block; } .res-view .td_emp_reimburs-unpaid { padding: 0 10px; } /*------------end--------------*/ /*------payroll-detection-step-3----------------*/ .detection-reimbursement-div .emp_name_detuct { max-width: 39% !important; } .detection-reimbursement-div .emp_name_compen { max-width: 46% !important; } .detection-reimbursement-div .emp_name_gross { max-width: 15% !important; } .detection-reimbursement-div .gross_pay { width: 100%; } /*end*/ /*---------payroll-conformation--------------*/ .debit_info { min-height: 105px; width: 299px; } /*--------------regular-payroll-end------------*/ /*---------------off-cycle-payroll-----------------*/ .off_cycle_reimbursement .emp_name_width { max-width: 25% !important; } .off_cycle_reimbursement .add_notes_Sec { position: relative !important; right: 0; } .off_cycle_reimbursement .emp_name_reimburs { border-left: 1px solid #ddd !important; } .off_cycle_reimbursement .emp_name_reimburs { max-width: 50% !important; } .off_cycle_reimbursement.hours_earning_sec { display: block !important; } .off_cycle_reimbursement .emp_name_gross_detuct.grossPayAlone { max-width: 25% !important; } .off_cycle_deductions table tr td a { padding-left: 0 !important; } .total_gross { border: 2px solid #ddd; border-radius: 5px; padding: 10px; } /*----------end---------------------*/ /*--------check_printing---------------------*/ .pay_day_div { width: 170px !important; } .pay_Schedule_div { width: 290px !important; } /*-----------end------------------*/ /*-----------time-off---------------------*/ .action_div { width: 11% !important; } .earned_sec input[type="text"], .worked_sec input[type="text"] { width: 140px !important; } .timeoffpolicy .fieldName > .dis-inline { padding: 0 !important; } #divAccrualSummary select.form-control, #divAccrualSummary input[type="text"] { width: 140px !important; } .BeginningYear_div * span { margin-bottom: 5px; } /*-----------end------------------*/ /*--------------time-clock----------------------------------*/ #btnAddManualPunch { margin-left: 10px; } .com-summary-div { width: 100% !important; } .clock-location-div { width: 235px; } /*----------------end-----------------------*/ #divLoadConfigure .page_scroll { height: calc(100vh - 142px) !important; } .CompliancedashboardSec { min-width: 290px; } .south-carolina { padding-left: 0 !important; } .company-bankacc .account-verified img { width: 100%; } /*------------------------Employee Dashboard---------------------------------*/ .welcome_details { min-height: 316px; } .menu_active .clockaccess { min-height: 100px; } .menu_inactive .clockaccess { min-height: 80px; } .menu_active .paytracker { min-height: 109px; } .menu_inactive .paytracker { min-height: 67px; } .finish_content .left_sec_img img { width: 140px; margin-top: 10px; } .controlpanel-right { margin-left: 10px; } .dash-controlpanel { margin-left: 10px; } /*--------------Contractor-----------------*/ .add-bankaccount .label_auto .labelName { width: 35% !important; } .add-bankaccount input[type="text"], .add-bankaccount select.state { width: 250px !important; } .Pay-Method { min-height: 165px; } .editbasic-details #AddPersonalInfo .labelName { width: 106px !important; } /*--------------Benefit----------------*/ .companybenefits { position: absolute !important; right: 15px; top: 15px; } .healthsaving { width: 38% !important; } .sample-ira, .emp-contribution .sample-ira { width: 139px !important; } .timeoff-report { min-height: 188px; } .menu_active .timeoff-report { min-height: 208px; } .contribut input[type="text"] { width: 230px !important; } /*-------------Compliance--------------*/ #tblTaxPaymentFilter .tax-payments .labelName { width: auto; } #tblTaxPaymentFilter .tax-payments .form-control { width: 228px !important; } .filter-select { left: 17%; } .summary-signature { height: 148px !important; } .esign-document .sign-document { width: 100%; } .esign_btn_BPA { position: absolute; left: 265px; top: 334px; } .esign_btn_sign_BPA { position: absolute; top: 338px; left: 405px; } .tax-file select { width: 150px !important; } .esign_btn_D128 { position: absolute; left: 50px; bottom: 265px; width: 115px; } .esign_btn_sign_D128 { position: absolute; bottom: 264px; left: 175px; } .work-location .labelName { width: 112px; } .emppersonal-info .labelName { width: 120px !important; } .control-panelorg { margin-top: 10px; } .summary-tips { overflow: scroll; } /*-------------------Directory Employee------------------------*/ .add-garnishment .labelName { width: 35%; } .edithome-address .labelName { width: 112px; } .editpersonal-info table.label_140 .labelName { width: 70px !important; } .editcompensation-details .labelName { width: 150px; } .editcompensation-details input[type="text"], .editcompensation-details select { width: 160px !important; } .editbasic-details input[type="text"] { width: 195px !important; } .hours-report input[type="text"] { width: 250px !important; } .hours-report td:first-child { width: 110px; } .hours-report td:nth-child(3) { width: 136px; } .editpersonal-info .personal-age { padding-left: 95px; } .add-new-employee .lastName, .add-new-employee .firstName { width: 172px !important; } /*-------------------------report-------------------------------------*/ span.topmenu-setting { padding-top: 12px; } /*#formCheckHistory select, select.form-control { width: 250px !important; }*/ .menu_inactive .leftMenu ul li.configure_link.report a { padding: 10px 15px 10px 30px !important; } .Report_responsive table tr td { display: inline-block; width: 200px !important; margin-bottom: 15px; } .Report_responsive table tr { display: block; } .Report_responsive .spacer20, .Report_responsive .spacer10 { display: none; } .hours-report { display: inline-block; width: 815px !important; } .custom_payment table td { width: 30%; } #divBankTransactionReportFilter .Bank-Report { width: 250px !important; } #divPayrollJournalFilter.Report_responsive input[type="text"] { width: 170px !important; } #divPayrollSummaryFilter.Report_responsive input[type="text"] { width: 170px !important; } #divReimbursementFilter.Report_responsive select, #divReimbursementFilter.Report_responsive input[type="text"] { width: 170px !important; } #divOvertime .hours-report { width: 816px !important; } /*-------settings-----------*/ .progressWizardThree .nav-pills.nav-wizard > li { width: 33%; margin-top: 15px; } .progressWizardThree { padding-left: 15px !important; } .select_employeeSec { max-width: 450px; } .list_employeesec { max-width: 450px; } #empLeft { margin-top: 85px !important; } .contractor-only .bottom_btn { bottom: -15px !important; } .contractor-only a.godashboard { bottom: 70px !important; } .contractor-only .page_scroll { height: calc(100vh - 142px); padding-bottom: 60px !important; } .Ref-document { position: absolute; z-index: 9; width: 435px; } .contractor_min { min-height: 180px; } .personinfo .labelName { width: 70px; } .EditPersonal_Info .firstName { width: 250px !important; } .EditPersonal_Info .midName { width: 140px !important; } .EditPersonal_Info .lastName { width: 180px !important; } .EditPersonal_Info .suffix { width: 100px !important; } .time-allshift span:first-child { width: 240px !important; } .time-allshift span:last-child { width: 175px !important; } } @media only screen and (max-width:991px) { .payment-detail .detail-label { min-height: 64px; } /*.employee-dashboard .remeinder-div { margin-top: 20px; }*/ .menu_active .page-content { margin-left: 50px; display: block; padding: 10px; } #empLeft { display: block !important; } .menu_inactive .page-content.empDetails, .menu_active .empDetails { margin-left: 0px !important; } #pageLoadCompensationtable .border_left { border-left: 0; border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; } } @media only screen and (min-width:767px) and (max-width:991px) { .contractor-only .bottom_btn { bottom: -15px !important; } .contractor-only a.godashboard { bottom: 70px !important; } .contractor-only .page_scroll { height: calc(100vh - 142px); padding-bottom: 60px !important; } p { margin-bottom: 5px; } /*.payroll-dashboard .noPadR { padding-right: 0 !important; }*/ .payroll-dashboard .remeinder-div { height: auto !important; } .emp_name_earning { max-width: 59%; float: left; } .emp_name_compen { max-width: 59%; } .emp_name_gross { max-width: 40%; } .summary-total-div { min-height: 145px; } body { padding: 0 0 78px 0 !important; } .state-details .state-title { min-height: 60px; } .state-details .add_block { padding: 15px 0 20px; } .regular-pyroll-div .noPadL { padding: 0 !important; } .w4-esign_signature { bottom: 14%; } .two-tap li { width: 50% !important; } .contact-profivision td.labelName { width: 40% !important; display: inline-block; margin-bottom: 5px; } .contact-profivision td.fieldName, .contact-profivision td.fieldText { width: 58%; display: inline-block; padding-top: 0; margin-bottom: 5px; } .contact-profivision td.spacer15 { height: 0; } .document-info .list_items.list_items_inline li { width: 50%; } #divSetupMainPage td { display: block; } #divSetupMainPage td.fieldName { display: block; width: 48% !important; float: left; margin-bottom: 10px; } #divSetupMainPage .spacer15 { height: 0; } #divSetupMainPage td.labelName { display: block; width: 30% !important; float: left; margin-bottom: 10px; } .Upload_Document #formCheckHistory select, select.form-control { width: 130px !important; } #divSetupMainPage td.res-bus-name { width: 450px !important; } #divSetupMainPage input[type="password"], #divSetupMainPage input[type="text"], #divSetupMainPage input[type="password"], #divSetupMainPage select, #divSetupMainPage textarea, #divSetupMainPage input[type="search"], #divSetupMainPage select.state { width: 250px !important; } #divSetupMainPage .start-add-input { width: 400px !important; } .contractor-only .select_skutab td { display: table-cell !important; } .contractor-only .service_agree td { display: table-cell !important; } .res-mail-add { margin-left: 34%; } #AddrManual { margin-top: 10px; display: block; } .info-res-left::after, .info-res-left::before { bottom: 100%; right: 50%; left: initial; } .info-res-left::before { margin-bottom: -11px; } .bottom_btn { bottom: -90px; } .employer-location-default td, .employer-location-add td, .company-sign td { display: table-cell !important; } .datepicker td { display: table-cell !important; } #tblPayrollFrequencyEdit .spacer10 { height: 0; } .finish-page-div h1 { font-size: 18px; margin-bottom: 10px; } .resT-mBot0 { margin-bottom: 0; } #drpEmployerList { margin-top: 7px; } .menu-open .pay-connect { width: 155px; left: -44px; } .menu-collopse .pay-connect { width: 292px; left: -93px; } .menu-open .sec-title { float: left !important; } .menu-open .payroll-name.fst-title { float: left; } .top-section { float: none; } .bottom-section { width: 60%; float: none; margin: auto; } /*#trHoursAndEarnings528314 .emp_name_width { max-width: 100% !important; text-align: center; padding-bottom: 30px; } #trHoursAndEarnings528314.emp_name_earning { max-width: 50%; } #trHoursAndEarnings528314 .emp_name_compen { max-width: 35%; } #trHoursAndEarnings528314 .emp_name_gross { max-width: 15%; } #trHoursAndEarnings528314 .pay_calc td h5 { padding-left: 0 !important; }*/ /*.helpicon { bottom: 35px; }*/ .payroll-detail-table td { font-size: 14px; } .multipayroll-dashboard .document-div a.panel-head { font-size: 15px; } .payroll-detail-table td { font-size: 14px; } .tab_wrap ul li a { padding: 4px 5px 6px 5px; margin: 0 5px; } #eSign { width: 100% !important; height: 100px !important; } .add-new-employee .lastName, .add-new-employee .firstName { width: 150px !important; } .portal-payment-sec .col-md-6 { width: 100% !important; max-width: 100%; flex: initial; } .portal-payment-sec .col-md-6 table tr { display: block; float: left; width: 48%; margin-right: 10px; margin-bottom: 15px; } .portal-payment-sec .col-md-6 table tr:nth-of-type(2n) { display: none !important; } .payment-details .labelName, .payment-details label { /*width: 130px !important;*/ display: table-cell; } .contractor-dashbord .remeinder-div { height: 300px !important; } .contractor-dashbord .ess-sub-div { min-height: 300px !important; } .reference-doc-tr { width: 100% !important; } .reference-doc-tr .labelName { width: 180px !important; } .add-emp-ref { width: 380px; } .check_img { max-width: 100%; margin-top: 20px; } .portal-payment-sec .col-md-6 table tr.state-btm-tr { display: block !important; } .portal-payment-sec .col-md-6 table tr.state-btm-tr td { height: 0px !important; } .payment-details td.poratl-pay-upload .inputfiletype, .payment-details td.poratl-pay-upload .attached_file { width: 200px !important; } #lblFileName { width: calc(100% - 40px) !important; } .age_count { padding: 3px 8px; font-size: 12px; } .esign_btn_sign_DDA { bottom: 110px !important; left: 206px !important; } .esign_btn_DDA { left: 60px !important; bottom: 120px !important; } .esign_btn_W4 { position: absolute !important; left: 210px !important; bottom: 80px !important; width: 100px !important; } .esign_btn_sign_W4 { position: absolute !important; bottom: 80px !important; left: 320px !important; } .esign_signature_W4 { left: 200px !important; bottom: 85px !important; } .esign_W4_Date { bottom: 80px !important; left: 510px !important; } #tbltodaySummary { overflow: scroll !important; } /*-------------Control-panel---------------------*/ .control-panel-div table td.DashboardbtnSec { display: block; width: 100%; float: left; position: relative; border: none; } .control-panel-div table td.dashboard-payroll-sec { display: block; position: relative; } .RunpayrollBtn span.recent-label { display: none; } .PriviousPayrollSec { display: block !important; width: 100%; } .privious-payroll { display: block; float: none; padding-bottom: 0 !important; width: 95%; } .thingTodo-sec { display: block !important; } input.search-new { width: 70% !important; } .Quick_link_hding { display: block; padding-bottom: 10px; } .Quick_link_sec { position: inherit; } .Quick_link_sec span a { margin-bottom: 5px; } .Quick_link_sec span a { margin-bottom: 10px; } .body-content.menu-open .payroll-left { width: 100% !important; } .payroll-left { min-height: calc(100vh - 130px) !important; } .payroll-right { min-height: calc(100vh - 113px) !important; } body { padding: 0 0 68px 0 !important; } .RunpayrollBtn.desk-view { display: none !important; } .DashboardbtnSec { padding-left: 10px; padding-bottom: 10px; } .divThinksToDo { max-height: initial !important; height: auto !important; } /*.thing-todo-list { padding-left: 25px !important; }*/ .do-too-list { padding-left: 20px !important; } .privious-payroll .sub-title-2 { margin-bottom: 0 !important; } .nopayroll_sec { text-align: left !important; } .Quick_link_sec { width: 100% !important; } .Quick_link_sec { border-bottom: none; } .payroll-notify-sec { z-index: 99; } .control-panel-detail:after { z-index: 10 !important; } .right-collopse { top: 24px; } .notification-detail-sec { height: 97%; } span.gotocontractor { display: inline-block; } .option-doc1 table.label_180 .labelName { width: 80px !important; } #employeeDetail table.label_220 .labelName { width: 120px !important; } #initialTimeClock { padding-right: 0; } .dashbord_btn { width: calc(100% - 95px); } /*-------------portal-dashboard--------------*/ /*.contractor-dashboard .reminder-sec { padding-left: 15px !important; margin: 0 !important; }*/ .reminder-sec { width: 100%; height: auto !important; padding: 0 !important; /*margin-top: 20px;*/ } .employee-dashboard .remeinder-div { position: relative; height: auto !important; width: 100%; } .reportee_timeoff_summary .payroll-details-list { min-width: 24%; } .ValueSecPayroll { font-size: 12px; } .LabelSec { font-size: 11px; } .payroll-id { font-size: 14px; } /*--------time-off-flow-----------*/ .employee_timeoff_list .payroll-details-list { min-width: 18.7%; } .defult_div_sec .policyNameSec { width: calc(100% - 33px); } .employee_timeoff_list { margin-top: 0 !important; } .employee-dashboard .remeinder-div { position: relative; height: auto !important; width: 100%; min-height: 140px; margin-top: 15px; } .clock-location-div { width: 235px; } .Timeline-shift { padding: 0 !important; } /*-----------pay-per-job--------------------*/ span.label-gray { font-size: 12px; } span.amount-tips { font-size: 30px; } .tips-rate-div { padding: 9px 10px; } span.count-tips { font-size: 30px; } .com-summary-div { width: 100% !important; } /*---------------begin-page-design---------------*/ .begin_content { padding: 20px !important; } .begin_content .left_sec_img { width: 100px; padding-top: 20px; } .begin_content .right_sec_content { width: calc(100% - 105px); padding: 20px; padding-right: 0; } .begin_content .right_sec_content h1 { font-size: 18px; margin-bottom: 5px; line-height: 30px; } .begin_content .right_sec_content span { font-size: 16px; } .finish_content .left_sec_img img { width: 100px; } .comp-tax.active { border: 2px solid #f26c43; margin-bottom: 20px; } .comp-tax { min-height: initial; } .mypaywow_bg { min-height: 176px; } .fieldName .begin-radio { padding-bottom: 20px !important; } .controlpanel-right { margin-left: 10px; } /*-----------------payroll_dashboard----------------------*/ .dashboard_right_sec { padding-left: 0 !important; } .multipayroll-dashboard { overflow: initial !important; } .carousel-control-prev { left: -15px; } .carousel-control-next { right: -15px; } .multipayroll-dashboard .left-sec { padding: 0 !important; } .payroll-main-type { font-size: 13px; } .payroll-period { font-size: 13px; } .status_sec { float: left !important; } .status_sec { text-align: left !important; } .payroll-status-list { text-align: center !important; } .defult_div_sec .mBot10 { margin-bottom: 0 !important; } /*.payroll-details-list { min-width: 105px !important; padding: 0 5px; }*/ .payroll-details-list:nth-child(6) { border-right: none !important; } .comp-tax.active { border: 2px solid #f26c43; margin-bottom: 20px; } .comp-tax { min-height: initial; } .mypaywow_bg { min-height: 115px; } .fieldName .begin-radio { padding-bottom: 20px !important; } .employee-process .nav-pills.nav-wizard > li { width: 12.5%; } .addEmployee .label_220.add-new-employee.basic-details td.labelName { display: block; float: left !important; width: 25% !important; } .addEmployee .label_220.add-new-employee.basic-details td.fieldName { display: block; float: left !important; width: 75%; margin-bottom: 10px; } .addEmployee .midName { width: 140px !important; } .add-employee-popup { min-height: 200px; } .dash-sub-div { min-height: initial !important; height: initial; padding-bottom: 25px !important; } .dash-upcoming { padding: 0 !important; } .leftMenu { top: 60px; } .WorkAnniversary_sec .eventSec { height: auto; } .Event_Sec { height: auto !important; } .notificationSec { margin-bottom: 15px; } .remain-notification { padding: 0 !important; } .voucher-options li label { width: 89px; } /*-------run-payroll-page--------*/ .payroll-runpay { margin-bottom: 20px !important; } .document-div .left-sec { border-bottom: 1px solid #ddd !important; padding-bottom: 10px !important; } .document-div .right-sec { border-left: none !important; } .calander_div { padding-left: 0 !important; border-right: 1px solid #ddd; } .payroll-slide-div.prev-payroll { padding-left: 10px !important; } .payroll-name.fst-title { width: calc(100% - 310px); word-break: break-all; display: inline-block; } .sec-title { width: 275px; display: inline-block; vertical-align: top; } .menu-collopse .multipayroll-dashboard .document-div a.panel-head { font-size: 12px !important; } .runrecords-div { margin-top: 15px; } .details_payroll_sec { padding-bottom: 5px; } .payroll-details-list:first-child { padding-left: 0 !important; } .border_div { margin-bottom: 10px; } .res_lPad { padding-left: 0 !important; } .border_div.label_245 .labelName { width: 245px; } /*---------------------------------///regular-payroll////----------------------------------------------*/ /*hours_earning_step-1*/ .hours_earning_div .emp_name_width { max-width: 100%; } .employee_type_details { text-align: left; } .employee_type_details .compensationtype { display: inline-block; } /*.payroll_history { right: 22% !important; }*/ .add_notes_Sec { /*position: absolute;*/ right: 0px; top: 0; } .employee_type_details .spacer10 { height: 0; } .emp_name_earning { max-width: 39%; } .emp_name_compen { max-width: 38%; } .emp_name_gross { max-width: 23% !important; } .hours_earning_div { overflow: auto; } .hours_earning_sec { width: 1100px; overflow: auto; } .hours-td select.form-control { width: 125px !important; } .heading_res { font-size: 14px; font-weight: 600; display: block !important; margin-bottom: 10px; text-align: left; } .gross_pay { margin-top: 0; } .total_gross { border: 2px solid #ddd; border-radius: 5px; padding: 10px; } .pay_calc input[type="password"], .pay_calc input[type="text"] { width: 100px !important; } .res-hide { display: none !important; } .emp_name_width { border-right: none; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .contractor_payment_sec .emp_name_width { border-bottom: none; } .hours-earning-new .hours-earn-td { width: 133px !important; } /*-------payroll-Timeoff flow step-2 ------------------*/ .hours_earning_sec .time-off-step-unpaid { max-width: 24.5% !important; padding: 0 15px !important; } .res-view { display: block; } .emp_name_width:after { clear: both; } .payroll_pay_period { position: absolute; top: -20px; right: 0; } /*------payroll-detection-step-3----------------*/ .hours_earning_sec .emp_name_reimburs .hours-earn-td select { width: 170px !important; } .payroll_ductions_sec .hours-earn-td select { width: 216px !important; } .detection-reimbursement-div .emp_name_detuct { max-width: 39% !important; } .detection-reimbursement-div .emp_name_compen { max-width: 38% !important; } .detection-reimbursement-div .gross_pay { width: 100%; } .detection-reimbursement-div .hours_earning_sec .emp_name_reimburs .hours-earn-td select { width: 200px !important; } .detection-reimbursement-div .pay_calc select.form-control { width: 203px !important; } .deduction_table .toggle_table { padding-left: 0; } /*----------payroll-reviw-approve-step-4------------------------*/ .helpInfo label h4, .helpInfo h4 { font-size: 13px; } .company-summary-payroll h4 { font-size: 14px; } .total_detection { margin-top: 20px; } .total_pay { padding-left: 0; } .total_employee_sec { border-right: 0; } .payroll-name { font-size: 14px; } #Notes { width: 200px !important; } /*-----------confirmation-page-popup---------------*/ .payroll-conform { text-align: left; } .bank_info { width: 68% !important; } .debit_info { min-height: 120px; width: 190px !important; } .label_245 .labelName { width: 185px; } .futa_suta_left_sec { min-height: 191px; } .skipped_report, .pay_stub_report { margin-top: 20px; } #qtip-2 { left: 400.65px !important; } #qtip-0 { left: 430.15px !important; } /*--------------------------*end*---------------------------------------------*/ /*---------------------------------///off-cycle-payroll////----------------------------------------------*/ /*------hours-earnings------*/ .off_cycle_hrs .pay_calc select, .pay_calc select.form-control { width: 130px !important; } /*-----------dection-reimbursement--------------*/ .off_cycle_deductions table tr td a { padding-left: 0 !important; } .off_cycle_reimbursement { width: 100% !important; } .off_cycle_reimbursement .emp_name_reimburs { max-width: 51% !important; width: 51% !important; } .company_summary_table:nth-child(3) { padding-left: 0 !important; } .report_sec .spacer5 { height: 0 !important; } .futa_suta_left_sec { margin-top: 0px !important; } /*--------------------------*end*---------------------------------------------*/ /*---------///contractor-payroll--------------------------*/ .contractor_payment_sec .emp_name_earning { max-width: 39% !important; } .contractor_payment_sec .emp_name_compen.other-pay { max-width: 40%; } .contractor_payment_sec .emp_name_gross { max-width: 22% !important; padding-right: 0; } .progressWizardThree .nav-pills.nav-wizard > li { width: 33%; margin-top: 15px; } .progressWizardThree { padding-left: 15px !important; } .cont_summary_left_sec { min-height: initial !important; } .successTxt { text-align: center !important; } .review_approve_sec { padding-left: 0; margin-top: 20px !important; min-height: initial !important; } .con_other_dection { width: 100%; } #frmPayrollContract .PayPeriodStartDate input { width: 127px !important; } /*------------end-------------------*/ /*--------check_printing---------------------*/ .pay_day_div { width: 120px !important; } .pay_Schedule_div { width: 290px !important; } /*----------check-printing-list-------------------*/ .pay_day_div, .pay_period_div, .pay_Schedule_div, .pay_Frequency_div { width: 49% !important; display: inline-block; } .checkPrintingSec td:nth-child(2) { border-right: none; } select.checkState { width: 180px !important; } .checkPrintingSec { text-align: left !important; } .check_generated_sec { width: 25% !important; } .check_number { width: 19% !important; } .check_amount { width: 18% !important; } /*-----------------time-off-flow--------------------------------*/ .timeoff_table #tblTimeOff th.timeoff_category { width: 240px !important; } .divEmptyWorkLocation { padding: 50px 0; } .helpInfo .timeoff-policy-sec { margin-bottom: 0 !important; padding-bottom: 10px !important; } .policy-div:nth-child(4n) { padding-right: 15px !important; } .policy_details { padding: 0 !important; } .policy-details-right-part { margin-top: 10px !important; } .timeoffpolicy .fieldName > .dis-inline { padding: 0 !important; } .timeoffpolicy .label_auto .labelName { width: 39%; } .earned_sec { width: 180px !important; } .earned_sec input[type="text"], .worked_sec input[type="text"] { width: 115px !important; } #tblPayAnniversaryYear input[type="text"], #tblPayAnniversaryYear select, #tblpayBeginningOftheyear select, #tblpayBeginningOftheyear input[type="text"] { width: 150px !important; } .WorkAnniversary_div { padding-right: 0; margin-top: 10px; } .BeginningYear_div { padding: 0; padding-top: 15px; } .PayPeriodBeginningYear_div { padding-left: 0; padding-top: 15px; } .label_55 .labelName { width: 40% !important; } /*-----------------end--------------------*/ /*------------------time-clock-flow-------------------------*/ .summary_btm_div { font-size: 10.3px; } .dispaly-workhour { text-align: center !important; position: initial; } #selectWeek #startDate { width: 215px !important; } td.name_td { width: 40% !important; } .action_div { width: 15% !important; } .manage-shift-referesh { top: -137px !important; } #btnAddManualPunch { margin-left: 5px; } /*-------Setting-page--------*/ .addjob-roles .editjob-roles { margin-bottom: 5px; } .CompliancedashboardSec { min-width: 320px; } .calander_view h2 span { font-size: 13px; } .payscedule-calender-popup { padding: 0 10px 15px 0px !important; } .calander_view h2 { font-size: 13px; } .south-carolina { padding-left: 0 !important; } .Work-hours .labelName { width: 30% !important; } .Time-alert .labelName { width: 48% !important; } .Payment-Privacy .email-privacy { width: 31% !important; } .Mappings .earnin { min-width: 24% !important; } .Mappings .misc-income { min-width: 10% !important; } /*---------payroll-history-page--------------------*/ a.view-more, button.view-more { font-size: 11px; padding: 2px 10px; } .filter_sec { width: auto !important; } .payroll_Type { width: 120px !important; } .filter_sec .form-control { width: 120px; } .left_employee_sec { float: left !important; } .futa_suta_left_sec { margin-top: 10px; margin-bottom: 10px; } .left_employee_sec { padding-left: 0; } .left_employee_sec:nth-child(3) { padding-right: 0 !important; } .tax_summary_sec { padding-left: 0 !important; border-right: 1px solid #ddd; margin-top: 20px; } .total_dec { padding-left: 15px !important; margin-top: 20px; } .tax_summary_sec + .clear.spacer20 { display: none; } /*-------------setting-Directory Settings------------------*/ .addjob-roles .editjob-roles { margin-bottom: 5px; padding-right: 5px; } .CompliancedashboardSec { min-width: 320px; } .company-bankacc { border-left: none; } /*.name-details .lastName { width: 205px !important; margin-left: 0 !important; }*/ .topmenu-setting { margin-top: 10px; } .business-div { margin-top: 5px; } /*--------------Contractor-----------------*/ .add-bankaccount .label_auto .labelName { width: 30%; } .add-contractor.label_220.labelName { width: 230px !important; } .contractorw9 { border: none; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; } .contractordetails { display: inline-block; float: left; min-height: initial; } .reportingoffice { display: inline-block; float: left; } .contractor { border: none; } .edit-deduction .labelName { width: 185px; } .mypaywow-Form { padding: 0; } .complete-Form { padding: 0 0 15px 0; } .Deductions-Reimbursements { overflow-x: scroll; } .Payment-Method { min-height: 147px; } .Pay-Method { min-height: 186px; } /*-----------Benefit----------------*/ .companybenefits { position: absolute !important; right: 10px; top: 10px; } .account-benefit { margin-top: 15px; } .opted-contribute { width: 100px !important; } .sample-ira, .emp-contribution .sample-ira { width: 112px !important; } .off-report { padding-left: 0; } .timeoff-report { min-height: 0; } .benefitpre-tax .labelName { width: 260px !important; } .Pre-Tax { width: 260px !important; } .legend-status li { width: 49% !important; } .addEmployee .label_220.add-new-employee.basic-details td.fieldText { display: block; float: left !important; width: 75%; margin-bottom: 10px; } .contribut input[type="text"] { margin-bottom: 10px; } /*.fieldName > .dis-inline { display: block; padding: 10px 0 0 0; display: inline-block; }*/ .employee-benefits .labelName { width: 280px !important; } /*---------------------report-flow----------------------------- */ .menu_inactive .leftMenu ul li.configure_link.report a { padding: 10px 15px 10px 30px !important; } .menu_inactive .leftMenu ul li.configure_link.compliance a { padding: 10px 15px 10px 30px !important; } #divLoadReport #divBankTransactionReportFilter select, #divLoadReport #divBankTransactionReportFilter select.form-control, #divLoadReport #divBankTransactionReportFilter input[type="text"] { max-width: 170px !important; } #divLoadBenefit select, #divLoadBenefit select.form-control, #divLoadBenefit input[type="text"] { max-width: 170px !important; } #divCheckPrintingFilter select, #divCheckPrintingFilter select.form-control, #divCheckPrintingFilter input[type="text"] { max-width: 150px !important; width: 150px !important; } #divDeductionFilter select, #divDeductionFilter select.form-control, #divDeductionFilter input[type="text"] { max-width: 150px !important; width: 150px !important; } .Report_responsive table tr td { display: inline-block; width: 150px !important; margin-bottom: 15px; } .Report_responsive table tr { display: block; } #divGarnishmentFilter.Report_responsive select, #divGarnishmentFilter.Report_responsive input[type="text"] { width: 170px !important; } #divPayrollSummaryFilter.Report_responsive select, #divPayrollSummaryFilter.Report_responsive input[type="text"] { width: 170px !important; } #divPayrollJournalFilter.Report_responsive select, #divPayrollJournalFilter.Report_responsive input[type="text"] { width: 170px !important; } #divReimbursementFilter.Report_responsive select, #divReimbursementFilter.Report_responsive input[type="text"] { width: 170px !important; } .Report_responsive select, .Report_responsive input[type="text"] { width: 170px !important; } .responsive_tax_year { width: 170px !important; min-width: 170px !important; } #divPayrollJournalFilter #formPayrollJournal select.form-control { width: 170px !important; } #divDeductionFilter table tr td.spacer20 { display: none; } .Report_responsive .spacer20 { display: none; } .Report_responsive table tr td .spacer10 { display: none; } .report_wage_sec { min-height: 80px; } .report_wage_sec:last-child { min-height: initial !important; } .responsive_single_report .width185 { width: 185px !important; } /*.Report_responsive { float: left; }*/ /*-------------Compliance--------------*/ #tblTaxPaymentFilter .tax-payments .labelName { width: auto; } #tblTaxPaymentFilter .tax-payments .form-control { width: 146px !important; } .filter-select { left: 14%; } .filter-select .form-control { width: 170px !important; } #employeeDetails_filter input[type="search"] { width: 155px !important; } .eligibility-verifi { padding: 0 !important; } .summary-signature { height: 148px !important; } .esign-document .sign-document { width: 100%; } .esign_btn_BPA { position: absolute; left: 196px; top: 234px; } .esign_btn_sign_BPA { position: absolute; top: 238px; left: 335px; } .tax-file .labelName { display: inline-block; width: 100px; padding-bottom: 25px; } .tax-file .fieldName { display: inline-block; width: 243px; } .esign_btn_D128 { position: absolute; left: 39px; bottom: 196px; width: 82px; } .esign_btn_sign_D128 { position: absolute; bottom: 192px; left: 128px; } .compliance-document h2.inr_cnttitle { margin: 5px 0 5px !important; } .control-panelorg { margin-top: 10px; } .roll-btn-div a.btn-roll { padding: 3px 10px; } .summary-tips { overflow: scroll; } .add-tips .fieldName { max-width: 200px; } .add-policy input[type="text"] { width: 170px; } /*-------------------Directory Employee------------------------*/ .add-garnishment .label_auto .labelName { width: 30% !important; } .add-deduction .recurring .labelName { width: 27% !important; } .add-garnishment .alert-warning { margin-top: 10px !important; } .edithome-address .labelName { width: 112px; } .editpersonal-info table.label_140 .labelName { width: 65px !important; } .editpersonal-info input[type="text"] { width: 155px !important; } .empadditional-info .label_120 .labelName { width: 105px !important; } .empadditional-info input[type="text"] { width: 190px !important; } .payperiod-summary { overflow: scroll; } .emppersonal-info .labelName { width: 120px !important; } .work-location .labelName { width: 112px !important; } .addEmployee .editemployee-time-off .fieldName { width: 150px !important; } .editcompensation-details tr { display: block; } .editcompensation-details td { display: inline-block; width: 100%; } .editcompensation-details .labelName { width: 220px; } .editcompensation-details .fieldName, .editcompensation-details .fieldText { width: 60%; } .editcompensation-details .emp-status { margin-bottom: 20px; } .editcompensation-details .emp-stat { margin-bottom: 0; } .compensation input[type="text"], .compensation select { width: 150px !important; } .editbasic-details input[type="text"] { width: 146px !important; margin-right: 5px; } .editbasic-details #AddPersonalInfo .labelName { width: 106px !important; } .alphabetical_let ul li a { width: auto; } .editpersonal-info .personal-age { margin-left: 70px; } .editcompensation-details .compensation-pay { padding-top: 15px; } .alphabetical_let ul li a { width: auto; } .editpersonal-info .personal-age { margin-left: 70px; } .editcompensation-details .compensation-pay { padding-top: 15px; } .add-reimbursement .labelName { width: 170px; } /*-----------------Reports--------------------*/ .hours-report { display: inline-block; width: 615px !important; } .Report_responsive .spacer10 { display: none; } .custom_payment table td { width: 30%; } .select_employeeSec { max-width: 100%; margin-bottom: 20px; } .list_employeesec { max-width: 100%; } .action-div { width: 125px !important; } ul.view-emp-menu li a { font-size: 12px; } #empLeft { margin-top: 85px !important; } ul.view-emp-menu li a { font-size: 12px !important; } .viewPayrollWorktable .labelName { width: 29% !important; } .Ref-document { position: absolute; z-index: 9; width: 677px; } .circle_div { margin: 0 15px; } .payroll-workweek td { display: inline-block; width: 30%; } .personinfo .labelName { width: 70px; } .EditPersonal_Info .midName { width: 180px !important; } .EditPersonal_Info .lastName { width: 250px !important; } .EditPersonal_Info .form-control { width: 180px !important; } .Add_Homeaddress tr { display: block; } .Add_Homeaddress td { display: inline-block !important; width: 48% !important; } .Responsive_changes { display: block; } } @media screen and (min-width: 640px) and (max-width: 810px) { .add-business .labelName { width: 125px !important; } .Signatory .labelName { width: 125px; } .time-attendance { padding-left: 0 !important; } .tdAddrss .company-sign { flex: 0 0 50%; max-width: 60%; } #showRight { z-index: 999999; } #showLeft { z-index: 999999; } .pagetime-requests { margin-left: 0 !important; } .payroll-perjob { margin: 15px 0 0 0px !important; padding-left: 0 !important; } .kiosk-setup { padding: 0 !important; } .Secure_respons { position: absolute; top: -50px; right: 230px; } .popup-fullview .modal-dialog { width: 95% !important; } } @media screen and (max-width: 768px) { .alphabetical_let ul li:first-child a, .alphabetical_let ul li a { width: initial; } /*.labelName { width: 133px; }*/ /*.labelName { width: 100%; }*/ .helpVideo { margin-top: 75px; } .menu { height: auto; } .menu-inner { display: block; } .menu-link { padding: 10px 0; font-size: 1.2em; } .menu.active { width: -webkit-calc(100% - 0.5rem); width: calc(100% - 0.5rem); } /* top menu responsive */ .leftMenu { position: absolute; z-index: 5; } .menu_inactive .leftMenu { width: 45px; } .menu_inactive .page-content { margin-left: 50px; display: block; padding: 10px; } .menu_active .page-content { margin-left: 50px; display: block; padding: 0px 15px 15px; } ul.top-menu li { min-width: 130px; margin-bottom: 5px; } footer span { display: block; } /*body { padding: 0 0 50px 0 !important; display: inline-block; width: 100%; }*/ .menu_inactive .setup-custom { height: 40px; } .employer-location-add td.taC .btn { padding: 5px 10px !important; font-size: 15px !important; } .addr-label { text-align: left; padding: 0; margin-bottom: 10px; } .pageWrapper { margin: 15px 0 !important; } .divEmptyWorkLocation { height: auto; } /*#myModal { z-index: 9999999; }*/ /*----payroll-page*/ .menu-open .pay-connect { width: 160px; left: -45px; } .menu-collopse .pay-connect { width: 290px; left: -91px; } .menu-collopse .multipayroll-dashboard .document-div a.panel-head { font-size: 14px; } .menu-open .document-div .fst-title { float: left !important; } .menu-open .document-div .sec-title { float: left !important; } #SummaryCount .user-status { padding: 0px 0px 0px 5px !important; margin: 0 3px 0 auto !important; } #SummaryCount .user-status span { font-size: 13px; } .begin-radio.active { width: calc(100vw - 25px); overflow: auto; } .form_w9-request .txtTaxExemptPayeeCode { width: 80px !important; margin-top: 283px; height: 20px !important; } .form_w9-request .txtTaxExemptFatcaCode { width: 122px !important; height: 20px !important; margin-top: 355px; } .form_w9-request input[type="text"], .form_w9-request input[type="password"], .form_w9-request select { width: 166px !important; height: 26px; } .form_w9-request .txtBeforeImageSuffix { width: 90px !important; margin-top: 137px; height: 25px !important; } .form_w9-request .txtBeforeImageState { width: 90px !important; margin-top: 487px; height: 25px !important; } .form_w9-request .txtLLCCode { width: 69px !important; } /*input.dateField.dateField-start { width: 150px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; } input.dateField.dateField-end { width: 150px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; }*/ .bg-lblue { top: 0px; } /*span.week-date {top: 22px;height: 34px;right: 29px;}*/ .bg-lblue::after, .bg-lblue::before { left: 343px; } .multiple-days { padding: 10px 10px 0; margin: 0; text-align: left; color: #333; font-weight: 600; font-size: 13px; } .time-off-date-sec .date-txt { display: block; font-weight: 600; font-size: 14px; } .total-hrs { font-size: 16px !important; } .timeofmultiple .example_new { font-weight: 600; font-size: 14px; color: #000; } /*Error Message popup*/ .label.error::after { left: 161px; } .trmultipledayfields .EndTimeError + label { left: 37px !important; width: 93% !important; max-width: initial; top: -24px; } /*Dropdown-Menu User-Login*/ .alert-warning, .alert-warning p { background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; margin-top: 0px !important; } .user-login li.user-login1 { min-height: 1px; max-height: 250px; overflow: auto; padding: 0 !important; background: #f7f7f7; margin-top: 0px !important; } .logout.logout-responsive { float: right !important; } /*Form W-9 */ #wrapper { margin: 20px auto; } .form-w9updatefile .pLeft30 { padding-left: 15px; } .begin-radio { padding-bottom: 2px !important; } /*Personal Details*/ .searchTitle { padding: 10px 0 0 0; } .divHomeAddress { padding: 0 0 10px 0; } .payment { padding: 0px; margin-bottom: 10px; } table td.fieldText { margin-bottom: 5px; margin-top: 1px; } .edit-modal-footer .btn.btn_md { font-size: 15px; } /*Reportee(s) Add Time off OneDay*/ .reportee-timeoffone .add-timeoflab { width: 180px !important; } .reportee-timeoffone .timeField-start { width: 120px !important; } .reportee-timeoffone .timeField-end { width: 120px !important; } /*Request Timeoff*/ .timeoff-request .mLeft15 { margin-left: 0px; } .timeoff-request .timeField-start { width: 125px !important; } .timeoff-request .timeField-end { width: 125px !important; } .allshift-time input.dateField.dateField-end { width: 128px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; } .allshift-time input.dateField.dateField-start { width: 128px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; } .year-checklist { font-size: 12px; } .phone-number { margin-left: 10px; } .dash-controlpanel { margin-left: 10px; } .welcome_details { padding: 25px 0 30px 0 !important; } .time-off-date-sec { text-align: left; } .timeofmultiple .example_new { padding-top: 0px; } .timereason { padding: 10px 0 10px 0 !important; } /*.request-box-sec { margin: 0px !important; */ /*Time Clock Current Shift*/ .time-currentshift { width: 97% !important; } .total-hrs .hrs-sec { font-size: 14px !important; } .worklocation-time { width: 50px; } .dateStartEnd .add-manualpunch { display: inline-block !important; width: 130px; margin: 0 10px 0 0; float: none !important; } .add-manualpunch .dateIns { margin-top: 10px; } .add-manualpunch .timeinclock { height: 30px !important; } .add-manualpunch .timeoutclock { height: 30px !important; } .addmanual-break { margin: 10px 0 !important; padding: 5px !important; } .manual-remain { margin-top: 10px; } .addmanpunch { display: block !important; width: 128px; } .addmeal-break { width: 100% !important; margin-left: 0px; } .malebreack-date { margin-bottom: 10px; } .punch-display { display: inline; margin-right: 0px !important; } .punch-display .malebreack-reduce { margin-right: 0px !important; } .privious-payroll { width: 100%; padding: 10px; padding-bottom: 10px; padding-bottom: 65px !important; margin-left: 0px !important; } .border-rem { border: none; } .dis-block_time { margin-bottom: 5px; } .Quick_link_sec { position: absolute; bottom: auto; } .Quick_link_hding { display: block; padding-bottom: 5px; } .Quick_link_sec .previous-quick { display: inline-block; margin: 0 2px 0 0; } .control-panel-open { background-image: none !important; text-align: right !important; margin-bottom: 5px; } .payroll-lnc { margin-left: 5px; border: none; } .control-panel-open .icon_stroke_sm { margin-right: 17px; } .continuepay { margin: 15px 39px 0 0; } .deadline-pay { border: none; } .control-panel-detail:before { border-color: rgba(204, 204, 204, 0); border-top-color: #ffffff; border-width: 12px; margin-left: -13px; top: -2px; z-index: 99; right: 16px; } /*Time clock view popup*/ .shift-details { padding: 0px !important; margin: 0 !important; } .shift-angleleft { float: left; } .shift-angleright { float: right; } .shift-date { width: 100%; margin: 0; text-align: center; } .clockset { display: block; float: left; } .shift-clock { display: block !important; min-height: 55px; } .clock-intime { text-align: left; margin-left: 10px; display: inline-block; float: left; } /*.clock-location-div { width: 100%; text-align: left; }*/ .timeclock-min { min-height: 285px; } .timeshift-line:before { display: none; } .timeshift-line:after { display: none; } .meal-break-sec { width: auto; border: 1px solid #b2b2b2; padding: 10px; margin-bottom: 20px; position: relative; margin-top: 15px; } .remain-all .remain { width: 40px; } .additional-info .additional { width: 50px !important; } #tblPayrollFrequency .add-emp-ref { width: 207px !important; } .add-business .labelName { width: 125px !important; } .Signatory .labelName { width: 125px; } .controlpanel-right { margin-left: 10px; } .remeinder-div { margin-top: 15px !important; } .arrow_position { display: none; } #divShiftDetails .progress-div { min-height: initial !important; } .popup-fullview .modal-dialog { width: 95% !important; } .reportee-timeoffone table.label_120 .labelName { width: 210px !important; } .federal_withholdexampt .federal-exampt { display: block !important; } .federal_withholdexampt #divexemptno { margin-bottom: 10px !important; } .Additional_Info input[type="text"] { width: 184px !important; margin-right: 0 !important; } .Emergency_Contact input[type="text"] { width: 225px !important; } .change_password .label_auto .labelName { width: 30% !important; } .Email_editor .New_Email { width: 32% !important; } .Email_editor .New_Email_edit { width: 35% !important; } } @media screen and (max-width: 767px) { .legend-status li { width: 49% !important; } .manual-punch { clear: both; } .FormI9Process { border-top: 1px solid #ddd; padding-top: 10px !important; } .step-btn { clear: both; } /*.ess-top-menu{display:none; padding-bottom:10px;}*/ .ess-stp-div .view-more { display: inline-block; margin-top: 5px; } .welcome-div-head { padding: 5px; } .spanImg img { width: 80px; } #clockTimer { font-size: 25px !important; text-align: center !important; width: 65px !important; } .workhrs-div { text-align: left; } .clock-location-div { width: 100%; } .popup-fullview .searchTitle { font-size: 13px !important; } .time-clock-emp-info #empName { font-size: 16px; } .shift-user-div input.dateField.dateField-start { width: 130px !important; } .chat-menu li#ControlPanelA { position: absolute; top: -46px; right: 70px; } #manageShiftFilter #ddlShiftBy select { width: 80% !important; } table.label_120#otherInfo .labelName { width: 100% !important; } .ess_leftMenu .leftmenu_wrap { background: transparent; height: calc(100vh - 74px); overflow: auto; } .BenefitValue { font-size: 12px; } .BenefitContent { padding: 35px 15px 11px; } .EmployeeImgSec { width: 70px; height: 70px; line-height: 70px; top: -30px; } .BenefitListPage .col-lg-4.mTop50 { margin-top: 35px; padding: 0 10px; } .EmployeeBenefitListSec { box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.08); margin-bottom: 20px; } .EmployeeBenefitListSec .EmployeeImgSec img { width: 35px; } .ess_leftMenu.leftMenu .settting-leftmenu li a img { padding: 6px 10px 6px 10px; width: initial; } .bootstrap-datetimepicker-widget table td { width: 30px; display: table-cell !important; width: initial !important; text-align: center !important; } .fieldName > .dis-inline { display: block; } .portal-manual-punch { margin-left: 0 !important; margin-top: 10px !important; } #weeklyFilter span, #payperiodFilter span { display: block; text-align: left; margin: 0 0 10px !important; } #txtNotes #ClockInDesc, #ClockOutDesc { width: calc(100% - 28px) !important; height: 60px; } #lblNotes .labelName { width: 100%; text-align: left; } #BreakDescription { height: 60px; } .timer-show-div { margin: 15px auto; text-align: center; } .payment-detail .detail-label { min-height: 50px; } .feature-list { margin-bottom: 10px; } .chat-menu li img { max-width: 30px; } ul.dropdown-menu li { padding: 0 5px; } ul.dropdown-menu li a { padding: 0; } .top-menu.menu_wrap .icon, li a:hover .icon_dashboard, li a:focus .icon_dashboard { background-size: 18px !important; } .navbar-brand > img { max-width: 160px; max-height: 32px; } .cbp-spmenu-vertical, .cbp-spmenu-left.cbp-spmenu-open, .cbp-spmenu-vertical, .cbp-spmenu-left.cbp-spmenu-open, .cbp-spmenu-right.cbp-spmenu-open { top: 53px; } .bulk-upload-icon { width: 50px; height: 50px; line-height: 21px; font-size: 26px; } .ess_page-content .pageWrapper { background: #fbfbfb !important; } /*.welcome-feature .noPadR, .welcome-feature .noPadL { padding: 0px !important; }*/ .logo-div { width: 100%; max-width: 100%; } .ess-header .logo-div { max-width: calc(100% - 50px); background: linear-gradient(#fff, #f5f5f5); background: -moz-linear-gradient(#fff, #f5f5f5); background: -webkit-linear-gradient(#fff, #f5f5f5); background: -o-linear-gradient(#fff, #f5f5f5); } .li_icon { width: 28px; height: 28px; background-size: 65% 65% !important; background-position: 4px 4px !important; margin: 5px 8px 5px 5px; } .ess-left-menu .pageWrapper { /*padding: 0;*/ background: transparent; } .bor_right_res { border-right: 0px solid #ddd; border-bottom: 1px solid #ddd; } .bor_left_res { border-left: 0px solid #ddd; border-top: 1px solid #ddd; padding-top: 15px; margin-top: 15px; } .setting_left_menu .ess_leftMenu.leftMenu ul li a.adisable { min-height: 34px; line-height: 34px; } .setting_left_menu .ess_leftMenu.leftMenu ul li a img { padding: 5px 5px 5px 10px; } .setting_left_menu .ess_leftMenu.leftMenu ul li a img { width: auto; } .setting_left_menu .ess_leftMenu.leftMenu ul li.setting_link a img { padding: 7px 5px 7px 5px; } .setting_left_menu .ess_leftMenu.leftMenu ul li.setting_link a.adisable { min-height: 44px; line-height: 44px; } .ess-left-menu.menu_inactive .leftMenu, .sidebar_collapse { height: calc(100vh - 60px); } .ess_leftMenu.leftMenu ul li a.adisable { min-height: 38px; } .ess-left-menu .menuCollapse { line-height: 10px; padding: 10px 0 0 0; } .emp-list-left { margin-left: 0px !important; } .btn-social { width: 100%; margin-bottom: 15px; } .login-box-body { padding: 15px; } .modal-dialog { width: 90% !important; margin: 30px auto; } .navbar-inverse .navbar-toggle { z-index: 99; margin-right: 0px; background-color: #f26c43; border: 1px solid #e14d20; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #5bbacc; border: 1px solid #28a8c0; } ul.chat-menu li a { font-size: 12px; } ul.chat-menu li { border: 0; } ul.top-menu li { min-width: 0; margin-bottom: 5px; } .up-come-payroll-right { height: auto !important; } .ess-left-menu.menu_inactive .leftMenu ul li a, .ess-left-menu.menu_inactive .leftMenu ul li a.active { color: #333 !important; } .ess-left-menu.menu_inactive .ess-header { margin-left: 0px !important; } #divTimeOff .table-responsive { display: block; overflow: auto; } #navbar-collapse-emp-menu { padding: 0 15px; } #divTimeOff .dataTables_filter input[type="search"] { width: 160px !important; } .two-tap li { width: 50% !important; } .menu_inactive .leftMenu ul li:hover { width: 100%; } /*.setup-leftmenu { overflow: hidden; }*/ .menu_inactive .setup-custom { height: 40px; } .page_scroll, #divLoadConfigure .page_scroll { height: initial !important; } .select_employer_type li { width: 45%; margin-bottom: 15px; margin-right: 15px; } .select_employer_type label.select_label { margin-right: 0 !important; } .select_employer_type_cnt .labelName { width: 100%; } .content-div { width: 100%; } .content-div h1 { font-size: 14px; line-height: 1.4; font-weight: 600; } .content-div h4 { font-size: 12px; line-height: 1.4; } .list_items li { padding: 5px 15px 5px 17px; } .dashbord-icon-div { width: 100%; border-left: 0; border-bottom: 1px solid #ddd; } .select_employer_type li.selected::after, .select_employer_type li.selected::before { display: none; } .select_employer_type_cnt { margin-bottom: 15px; } .select_employer_type li:last-child { float: left; margin-right: 0; } .state-locat-icon { float: left; } .portal-res .showDomain { display: inline-block; margin-bottom: 10px; } .example.mar-l45 { margin-left: 0; margin-top: 10px; } .addDomain .ml-5 { margin-top: 10px; margin-left: 0 !important; display: inline-block; } .tac_res { text-align: center; } .configure-leftmenu { top: 107px !important; } #divLoadConfigure .page_scroll { height: calc(100vh - 174px); } #tblPayrollFrequencyExist .spacer10 { height: 0; } #tblPayrollFrequencyEdit .spacer10 { height: 0; } #divConfigureMainPage .row { margin: 0; } #divConfigureMainPage .row .col-sm-4 { width: 50%; min-height: 1px; padding-right: 7px; padding-left: 7px; } .preview_image { width: 100%; min-width: 100%; } .send-invite td { width: 100%; } .add-new-employee .employee-name input { width: 100% !important; margin-bottom: 10px; } .wages-paid-type { width: 100%; margin-top: 10px; margin-left: 0; } .add-new-employee .emp_location { width: calc(100% - 35px) !important; } .addEmployee label.error[for="LastName"] { left: 0px !important; top: 60px; } .choose-setup-title { padding: 0; margin-bottom: 20px; } .choose-setup-title .choose-title { font-size: 16px; color: #4d4d4d; line-height: 20px; min-height: 1px; padding: 0 0 10px 0; } .border-right-gray { border: none; } .complete-user .employeeImage { width: 100%; } .user-added { padding: 20px 10px; } .user-added span { display: block; text-align: center; margin-bottom: 10px; } .progressWizard ul { display: block; text-align: center; } /*.nav-pills.nav-wizard > li { width: 100%; border: 0; } .nav-pills.nav-wizard > li a { min-height: 0; } .nav-pills.nav-wizard > li .nav-arrow { display: none; }*/ .personal-detail-res { display: inline-block; width: 100%; position: relative; } .personal-img { position: absolute; display: block; top: -15px; } .res-mTop80 { margin-top: -80px; } .payment-details .check_img { width: 100%; } .payment-details .labelName, .payment-details label { width: 100% !important; } .employee-process .nav-pills.nav-wizard > li { width: 32%; } .progressWizard .nav-pills.nav-wizard > li a { font-size: 12px !important; } .Filing_Status .font-semibold { font-size: 14px !important; } .FormI9Process .nav-pills.nav-wizard > li { width: 19% !important; } .right_block { margin: 10px 0 0; } .view-menu-div a.add-emp-btn { position: relative; right: 0px; top: 0px; margin: 10px 0; } .unlimit-checkbox { float: left; margin-left: 0; margin-top: 10px; } .garnish_deduction_img { display: block; margin: 0 auto 10px auto; float: none; } .garnish_deduction_cnt label, .garnish_deduction_cnt .labelName { width: 100%; } .garnish_deduction_cnt .fieldText { width: 100%; padding: 0; } .garnish_deduction_cnt { width: 100%; } .view-menu-div .employee-detail { float: none; } .view-menu-div .employee-detail .navbar-toggle { background: #5bbacc; } .view-menu-div .employee-detail .navbar-toggle span { background: #fff; } .view-menu-div .employee-detail .navbar-header { float: left; } .view-menu-div .employee-detail .view-emp-menu { border-top: 1px solid #ddd; white-space: nowrap; width: auto; overflow: scroll; } .employee-view-div { min-height: 1px; } .employee-detail ul.view-emp-menu li { /*display: block;*/ } .employee-detail ul.view-emp-menu li a { padding: 5px; display: block; width: 100%; text-align: left; } .name-details input { margin-bottom: 15px; } input.age-field { margin-bottom: 15px; } .res-otherdetail-input select, .res-otherdetail-input input { width: calc(100% - 12px) !important; margin-right: 0; } /*#otherInfo input, #otherInfo select { margin-bottom: 10px; }*/ .name-details .lastName { width: 100% !important; } .datepicker table td, datepicker table th { display: table-cell; width: auto !important; text-align: center !important; } .payroll-dashboard .remeinder-div { height: auto !important; } .payroll-dashboard .noPadR { padding: 0 !important; } .navbar-toggle { background: #5bbacc; } .navbar-toggle span { background: #fff; } .navbar-header-res { background: #f26c43; padding: 0 0 0 15px; margin: 0 -15px 10px -15px; } .tab_wrap li { display: inline-block !important; } .tab_wrap ul li a { padding: 0 4px 4px; display: inline-block; text-align: left; } .tab_wrap ul li a { margin: 0 4px 0 4px; } .tab_wrap ul { display: block; margin: 0px -10px 15px -10px; white-space: nowrap; overflow-x: auto; z-index: 1; position: relative; } .crop_image .inputfiletype i { font-size: 57px; } .crop_image { min-height: initial; padding: 0 0 10px !important; } .crop_image .inputfiletype { min-height: initial; padding: 10px 0 !important; } #divBenefilsList .employeeDir { display: inline-block !important; width: 100%; } #divBenefilsList .employeeDir .employeeImage { margin-bottom: 10px; } .summary-total-div { min-height: 145px; } .css-labelbox, .css-radiobox { margin-bottom: 5px; } .regular-pyroll-div .noPadL { padding: 0 !important; } .res-noPad { padding: 0 !important; } /*ess portal start*/ .ess-header { margin: 0; } .ess-left-menu .leftMenu { width: 100% !important; top: 0 !important; } .ess-left-menu .leftMenu .nav-sidebar { width: 100%; } .ess-left-menu .leftMenu.ess_leftMenu li a { width: 100% !important; } .ess-left-menu .leftMenu ul li a.active { color: #fff !important; } /*.ess-welcome-div { display: none; }*/ /*.ess-user-img-div { display: none; }*/ /*.ess-header .emp-select { padding: 8px 10px; text-align: center; border-bottom: 0px solid #1c3650; width: 100%; margin: 0; line-height: 20px !important; }*/ .ess-header-div { width: 100%; } /*.ess-left-menu .page-content { margin: 0 !important; padding: 0 15px !important; }*/ #alistAttach { width: 100% !important; } .ess-user-respon { position: absolute; top: -52px; right: 0px; } .chat-menu .search-text { margin: 10px; width: calc(100% - 20px) !important; } .ess-left-menu.menu_inactive .page-content { margin-left: 0px !important; } #drpEmployerList { margin-left: 0 !important; } .bottom-btn { margin-left: -10px; margin-right: -10px; } .head_btn { position: absolute; top: -43px; left: 52px; } /*--employee-verification---*/ .secDocument { width: 100% !important; } .attached_file { max-width: 210px !important; width: auto !important; margin-bottom: 10px !important; } label[id*="lblFileName_"] { width: auto !important; } #eSign { width: 100% !important; height: 100px !important; } #lblFileName, #tblPayrollFrequency #lblFileName { width: calc(100% - 40px) !important; } #tbltodaySummary { overflow: scroll !important; } /*ess portal end*/ #typeBContent { border: 1px solid #ddd; background: #fbfbfb; padding: 10px; margin-bottom: 10px; } .documet-top-icon { width: 100%; float: none; text-align: center; margin-bottom: 10px; } .documet-top-content { width: 100%; } /*payroll*/ .payroll-record ul { margin: 0 -15px; } .payroll-record ul li a { font-size: 9px; padding: 5px 4px; } .payroll-deffer { padding-bottom: 0; } .payroll-record #divViewMore { margin-top: 10px; } .desk-view { display: none; } .payroll-right { display: none; } .payroll-left { width: 100% !important; } .payroll-left .dropBlockWrap .col-lg-8 { padding: 0 !important; } #divLoadPayrollDashboard #empLeft { border-radius: 5px 0px 0px 5px; right: 0; } #divLoadPayrollDashboard #empLeft.submenuOpen { margin-right: 270px; } .payroll-right.submenuOpen2, .submenuOpen2 { right: 0px; display: block !important; z-index: 999; width: 270px; } .notification-inner { width: 100%; } .payroll-detail-table td { border-right: none; } .payroll-runpay { margin: 10px 0 0; } .payroll-name { width: calc(100% - 30px); display: inline-block; } span.payroll-type { height: 24px; width: 24px; font-size: 14px; line-height: 19px; } .payroll-left tr.border_bottom { border: none; } .payroll-detail-table td { float: left; display: inline-block; width: 46% !important; margin-right: 10px; text-align: center !important; font-size: 14px; } .submenuOpen .fa-bars:before { content: "\f00d"; } .multipayroll-dashboard .document-div a.panel-head { font-size: 14px; } .payschedule-detail td.labelName { width: auto !important; float: left; margin-right: 5px; } .payschedule-detail td.fieldName { text-align: left !important; } .payroll-runpay .runpay-date { font-size: 14px; margin-top: 5px; padding-bottom: 5px; } .payroll-runpay .runpay-div { min-height: 1px !important; padding: 8px; } .payroll-left .document-div a.toggle.active .icon_stroke_sm, .payroll-left .multipayroll-dashboard .icon_stroke_sm { margin-top: 0; } .a.view-more { font-size: 10px; } /*.payroll-detail-table tr{display:inline-flex; width:100%;}*/ .payroll-detail-table td { font-size: 13px; line-height: 14px; } .payroll-type-new td { text-align: center !important; } .payroll-type-new tr { display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #4d595a; } .payroll-type-new tr:last-child { border-bottom: 0; } .payroll-type-new .spacer15 { display: none; } .payroll-type-new h3 { margin-top: 5px; font-size: 14px; } .bank-holiday-date { font-size: 12px; line-height: 10px; } .bank-holiday-detail { font-size: 12px; line-height: 1.4; } .runpay-detail td, .runpay-detail table.label_120 .labelName { float: left; width: auto !important; margin-right: 5px; } .runpay-detail td.hidden-lg { display: block; width: 100% !important; } .runpay-detail table.label_120 .labelName.width210 { width: auto !important; } .progressWizardFour .nav-pills.nav-wizard > li { width: 24.6%; } .content.step h4 { font-size: 14px; } body.parallel-mode .page_scroll { height: auto !important; } body.parallel-mode .noDashMenu .page_scroll { height: auto !important; } p { line-height: 1.5; } .outPopUp { display: block !important; } .outPopUp .dashbord-icon-div { float: none; } .outPopUp .content-div { float: none; border-right: 0; } .outPopUp .spacer15 { height: 0; } .buttonBack { margin-top: 0px; } .welcome-feature h3 { font-size: 12px; line-height: 1.4; } .welcome-div { width: 100%; } .welcome-div img { width: 55px; } .welcome-user { font-size: 16px; margin: 0 0 5px 0; } .welcome-div-body { padding: 10px; } .feature-list-icon { height: 30px; width: 30px; line-height: 23px; } .feature-list-icon img { width: 30px; } .welcome-feature .col-md-6.mBot10 { margin-bottom: 5px; } h2.caption { font-size: 20px; } h3.sub-caption { font-size: 13px; line-height: 1.4; } .ess-stp-div h3 { font-size: 14px; } /*.ess-stp-table td:last-child { position: absolute; bottom: 8px; right: 8px; text-align: right !important; }*/ .ess-stp-table td a img { width: 24px; float: left; } span.step { font-size: 11px; color: #8c8c8c; } .page-content.ess_page-content { border-left: 0; } .step-left { height: 26px; width: 26px; line-height: 22px; } .ess-stp-div { border: 2px solid #ddd; border-radius: 10px; padding: 6px; margin-left: 8px; position: relative; padding-left: 16px; } /*.ess_leftMenu .inner:before { border-left: 1px solid #ddd; height: 140%; top: -16px; content: ""; display: block; position: absolute; left: -8px; } .ess_leftMenu .inner:after { border-bottom: 1px solid #ddd; height: 1px; width: 115%; left: -30px; content: ""; display: block; position: absolute; bottom: -8px; }*/ .leftMenu.ess_leftMenu .inner li a { padding: 7px 15px 7px 15px !important; } /*.ess_leftMenu .inner li a:before { left: -13px; }*/ .ess_leftMenu .inner { padding: 10px 0 10px 24px; } .logo-div { padding: 6px 0 5px 15px; margin: 0; max-width: calc(100% - 83px); text-align: center; background: linear-gradient(#fff, #f5f5f5); background: -moz-linear-gradient(#fff, #f5f5f5); background: -webkit-linear-gradient(#fff, #f5f5f5); background: -o-linear-gradient(#fff, #f5f5f5); } .event-detail .event-name-list p { font-size: 13px; } .upcoming-event { height: auto !important; } .complete-dashbord { height: auto; min-height: 1px; } .progressWizard.progressWizardFour { margin-top: 10px; } .progressWizard.progressWizardFour .nav-pills.nav-wizard > li a { font-size: 9px; } .progressWizard.progressWizardFour .nav-pills.nav-wizard > li { padding: 22px 3px 0px !important; } .payroll-left .payroll-table .icon_stroke_sm { margin-top: 0; line-height: 20px; } .inr_toptitle_div h1 span, h4 span, .inr_toptitle_div span { font-size: 14px; display: block; } h1.inr_toptitle span { font-size: 14px; } #ExpandAll { display: block; width: 100%; text-align: right; } .runpayroll-aprove li { width: 19%; font-size: 10px; margin-right: 0px; } .runpayroll-aprove li a { margin-right: 0 !important; padding: 0; } .emp_details_ex td { font-size: 12px; } .emp_details_ex td.spacer10 { height: 0; } .notification-detail ul li span.notification-info { font-size: 12px; line-height: 17px; padding: 5px; margin-bottom: 0; } .emp_details_ex td span { font-size: 12px; } .employee-detail ul.view-emp-menu li a { font-size: 12px; } .garnish_deduction { margin: 0 -15px; } .garnish_deduction_img { width: 60px; height: 60px; line-height: 55px; } .garnish_deduction_img img { width: 40px; } .menu_inactive .leftMenu .people-alphabet ul li a.active { color: #f26c43 !important; } .submenuOpen2 #divAlphabet { width: 100%; } .emp-type-tab li, .emp-type-tab li a { width: auto !important; } #tblDocument.table.cf { background: #ccc9c9; overflow: auto; } /*.contractor-process .nav-pills.nav-wizard > li { width: 32.6%; padding: 22px 3px 5px !important; } .contractor-process { margin-top: 10px !important; padding: 0; }*/ .finish_text { font-size: 17px; } .finish_text a { display: block; } .finish-procees .btn.btn_md, .finish-procees .btn.btn_md:hover { font-size: 12px; } #divTimeOff .col-md-6 { padding: 0; } #divTimeOff .col-md-6 img { width: 25px; } .link_div span { font-size: 12px; } #divholiday { width: 100%; } .ess_page-content .page_wrap_scroll { height: initial; margin-bottom: 0px; overflow: initial; } .page_wrap_foot { position: initial; width: 100%; bottom: 0px; left: 0; right: 0; padding-top: 12px; } .page_wrap_cnt { padding: 5px 15px 15px; } #showRight, #showLeft { height: 53px; padding-top: 18px; z-index: 99; position: relative; margin-right: 5px; } .logo-div { padding: 3px 0 3px 10px; margin: 0; text-align: Left; } .navbar-brand + h3 { margin: 0; padding: 0; } .top-menu .user-profile_img img { max-width: 38px; } .onBoard h1 { font-size: 16px; margin: 0 0 10px; } .onBoard p { font-size: 12px !important; } .onBpard_head { text-align: center; position: relative; padding-bottom: 5px; } .onBpard_head .btn { position: initial; float: none !important; } .onBoard_btn { text-align: center; } .inr_toptitle .btn { margin-top: -5px; } .div.rules-list { min-width: 250px; max-width: 400px; } .new_cmtwholebgscroll { height: calc(100vh - 340px); } .commensPartLeft .inputFile { width: 40px; } .commensPart .col-xs-4 { width: 50px; } .commensPart .cmt_send { width: 30px; height: 30px; } .commensPart .cmt_send .fa-send { font-size: 14px; } .commensPartLeft i { padding: 0px 7px; } .comment-details { padding: 10px; } .name-circle { font-size: 15px; height: 25px; line-height: 25px; width: 25px; } .ontext { padding: 0; } .date_break { font-size: 14px; } .cmnt_title { padding: 5px; font-size: 12px; } .user_cmt { max-width: 80%; } .green ~ .ontext { padding: 0; } .fs_cmtbox { margin-bottom: 0px; } .document-notify { position: relative; } .document-new { min-height: 1px; } .supportBlock .ui-widget-contents, .supportBlock p { min-height: 1px !important; } .supportBlock img { width: 50px; margin-bottom: 0; } .img_22_xs { width: 22px; } .img_24_xs { width: 24px; } .img_36_xs { width: 36px !important; } .img_40_xs { width: 40px !important; } .img_46_xs { width: 46px !important; } .img_56_xs { width: 56px !important; } .inr_toptitle_div .title_btn { margin: -5px 0 0 0; } /*------portal-timeoff-page----*/ .card_block { width: 100%; border-right: none; margin: 0 auto; float: none; } .divEmptyWorkLocation { display: block; height: auto !important; } .ess-sub-div { /*margin-bottom: 15px;*/ min-height: 380px !important; } #otherInfoContact { padding-bottom: 20px; } /*.table.table-bordered.table_design.dataTable { display: block; overflow: auto !important; }*/ #divWorkAddressDetails { padding-bottom: 20px; } .leftMenu.ess_leftMenu li a { line-height: 37px; } /*table td { display: block; text-align: left !important; width: 97% !important; }*/ /*#tblPayrollFrequency .add-emp-ref { width: 95% !important; }*/ #divHomeLocationHistory { text-align: left !important; } table td.labelName, table td.fieldName, table td.fieldText { padding: 0 !important; } #tblPayrollFrequency input[type="password"], input[type="text"], input[type="password"], select, textarea, input[type="search"], select.form-control, input[type="text"]#autocomplete.start-add-input { width: 100% !important; } /*input[type="password"], input[type="text"], input[type="password"], select, textarea, input[type="search"], select.form-control, input[type="text"]#autocomplete.start-add-input { width: 100% !important; }*/ input[type="text"].dob { width: calc(100% - 135px) !important; } /*table view changes statrs*/ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr, #no-more-tables-two table, #no-more-tables-two thead, #no-more-tables-two tbody, #no-more-tables-two th, #no-more-tables-two td, #no-more-tables-two tr { display: block; } #no-more-tables thead tr, #no-more-tables-two thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables tr, #no-more-tables-two tr { border: 1px solid #ccc; border-bottom: none; /*border-top: none;*/ } #no-more-tables td, #no-more-tables-two td { font-weight: bold; color: #454545; border: none; border-bottom: 1px solid #e1e1e1 !important; position: relative; padding: 8px 8px 8px 40% !important; white-space: normal; text-align: left; box-sizing: border-box; word-wrap: break-word; /*overflow: hidden;*/ } #no-more-tables td:before, #no-more-tables-two td:before { position: absolute; top: 6px; left: 6px; width: 40%; font-weight: 600; color: #999; font-size: 12px; padding-right: 10px; white-space: nowrap; text-align: left; content: attr(data-title); text-overflow: ellipsis; overflow: hidden; } #no-more-tables .hideTd td, #no-more-tables-two .hideTd td { padding-left: 0; } #no-more-tables .hideTd td table td, #no-more-tables-two .hideTd td table td { padding-left: 45%; } table.cf > tbody > tr:nth-of-type(2n+1) { background-color: #f9f9f9; } table.cf tr td:last-child { border-bottom: 1px solid #b7b7b7 !important; } #no-more-tables tr:first-child, #no-more-tables-two tr:first-child { border-top: 1px solid #ccc; } table.cf tr:last-child td:last-child { border-bottom: 1px solid #ccc !important; margin-bottom: 0; } table thead.cf ~ tbody tr td:last-child { margin-bottom: 0px; /*border-bottom: 1px solid #999595 !important;*/ } .table.cf { border-spacing: 1px; background: #fff; } /*table view changes end*/ .icon_stroke_sm { font-size: 13px; width: 24px; height: 24px; line-height: 21px; } footer p { padding: 10px 0; font-size: 11px; } .remeinder-div { height: inherit !important; } .remeinder-div p:last-of-type { margin: 0; } .helpInfo label h4, .helpInfo h4 { font-size: 13px; } .btn.btn_sm, .btn.btn_sm:hover, .btn.btn_sm:active, .btn.btn_sm:focus { font-size: 13px; } .payment-detail .detail-value { height: inherit; font-size: 16px; padding: 15px 0; } .payment-detail .detail-label { padding: 5px 10px; font-size: 12px; } .ess-sub-title { font-size: 14px; font-weight: bold; text-align: left; } .width40 { width: 100% !important; } .spacer20 { height: 0; padding: 0; } .select_employee_type { text-align: center; padding: 5px; margin: 0; } .select_employee_type li { width: 100%; } .select_employee_type label.select_label { margin: 0 0 10px 0; } body.parallel-mode .leftMenu { top: 106px !important; } .progressWizardThree .nav-pills.nav-wizard > li { width: 33%; } .hoursEarnings { overflow-x: auto; } .td_emp_name { min-width: 300px; max-width: 300px; } .td_emp_hours { min-width: 150px; max-width: 150px; } .td_emp_earning { min-width: 230px; max-width: 230px; } .td_emp_compen { min-width: 380px; max-width: 380px; } .td_emp_gross { min-width: 330px; max-width: 330px; } .emp_name_width { min-width: 300px; max-width: 300px; } .emp_name_earning, .emp_name_compen { min-width: 380px !important; max-width: 380px; } .emp_name_gross { min-width: 315px !important; max-width: 315px; } .hoursEarnings .table_design > thead > tr > th, .hoursEarnings .table_design > tbody > tr > th { padding: 0 5px 5px 5px; } .hoursEarnings .table_design > tbody > tr td { position: relative; white-space: nowrap; } .emp_status1 { position: absolute; left: 8px; top: 8px; } .toggle_table { padding-left: 36px; min-height: 38px; display: inline-block; padding-top: 9px; } .inr_toptitle_div { border-bottom: 0px solid #c7c7c7; padding-bottom: 0px; margin-bottom: 10px; } .inr_toptitle_div:after { content: none; } .inr_toptitle_div h1 { border-bottom: 1px solid #c7c7c7; font-size: 16px; padding-bottom: 8px; margin-bottom: 8px; margin-top: 0px; position: relative; float: none; display: block; width: 100%; } .inr_toptitle_div h1:after { content: ""; background: #ef6c49; height: 2px; width: 50px; position: absolute; margin-top: 0px; z-index: 1; border-right: 2px solid #fff; left: 0; bottom: -2px; } table.table_design td { display: table-cell; text-align: left; width: initial !important; margin-bottom: 0px; } #homeAddressPortal .mTop20 { margin-top: 0 !important; } #divWorkLocationHistory .table.table-bordered.table_design.dataTable { display: block !important; overflow: auto !important; } .info_circle { display: none !important; } #drpEmployerList { margin: 0 !important; } /* Contractor Welcome*/ /*#contractorWelcome img { width: 100px; }*/ #contractorWelcome h1 { font-size: 18px; margin-top: 15px; } #contractorWelcome h2 { font-size: 16px; line-height: 20px; } #employeePaymentDetails .contractor-paystub .payment-detail { width: 100% !important; margin-right: 0 !important; } .contractor-dashbord .ess-sub-div { min-height: auto !important; } #DateOfBirth { width: 100% !important; margin-bottom: 10px; } .pos-rel { display: block !important; text-align: left; margin: 5px 0px; } select#Suffix.form-control { width: 100% !important; } .eSignImg { width: 100% !important; } .esign_btn_sign_DDA { bottom: 90px !important; left: 205px !important; } .esign_btn_DDA { left: 100px !important; bottom: 110px !important; width: 90px; } .esign_btn_sign_W4 { position: absolute !important; bottom: 75px !important; left: 305px !important; } .esign_btn_W4 { position: absolute !important; left: 200px !important; bottom: 75px !important; width: 100px !important; } .res_taC .buttonC { margin-top: 0 !important; } .esign_W4_Date { bottom: 65px !important; left: 440px !important; font-size: 12px !important; } .esign_signature_W4 { left: 190px !important; bottom: 80px !important; } .modal { z-index: 9999999; } .res-mTop80 { margin-top: 140px !important; } /*.tax-dashBox { width: 100%; -webkit-overflow-scrolling: touch; overflow-y: scroll !important; overflow-x: scroll !important; } .summary_frame { width: 100% !important; overflow-y: auto !important; overflow-x: auto !important; }*/ table#todaySummary { overflow: scroll !important; } #tblpayperiodSummary .table.table-bordered.table_design.dataTable { overflow-x: auto !important; background: #ddd !important; width: 100% !important; border: 1px solid #ddd !important; border-collapse: collapse; } /*.table.table-bordered.table_design.dataTable{overflow-x:auto !important;} #tblpayperiodSummary .table.table-bordered.table_design.dataTable tr td{border:1px solid #ddd;border-collapse:collapse !important;} #tblpayperiodSummary .table.table-bordered.table_design.dataTable tr th{border:1px solid #ddd;border-collapse:collapse !important;}*/ .payment-detail .detail-value { width: 100% !important; } .divEmergencyContact #btnOtherInfo { margin-bottom: 20px; } .FormI9Process .nav-pills.nav-wizard > li { width: 21.5% !important; } .FormI9Process .progressWizard .nav-pills.nav-wizard > li a { font-size: 10px; } .attached_file { width: 100% !important; max-width: 100% !important; } #divTypeBOrCContent .border-right { border-right: none !important; } .inputfiletype { width: 100% !important; } .add-emp-ref .label { width: 92% !important; } .attached_file .label { width: 86% !important; } .attached_file .file_close { position: absolute !important; right: 5px; } #EligibilitySummary { margin-bottom: 10px !important; } .payment_method_details .labelName, .payment_method_details label { width: 100% !important; } .check_img { margin-top: 15px; } div.rules-list { min-width: 100% !important; max-width: 100% !important; border: 1px solid #ccc !important; width: 100% !important; } /*#tblPayrollFrequency label { width: 100% !important; }*/ .logo-tab { display: none; } /*portal-dashboard*/ .reminder-sec { width: 100%; height: auto !important; padding: 0 !important; margin-top: 20px; } .employee-dashboard .remeinder-div { position: relative; height: auto !important; width: 100%; } .welcome_btm h2 { font-size: 12px !important; line-height: 15px !important; } .welcome_btm { padding: 10px !important; } .ess-sub-div .timer-date { font-size: 14px; } .ess_page-content .contractor-dashboard .welcome_sec { margin-top: 15px !important; margin-bottom: 15px; } .defult_div_sec .payroll-id { font-size: 14px; } .defult_div_sec .payroll-main-type { font-size: 11px; } .time-off-history-sec .payroll-details-list { width: 100%; border-bottom: 1px solid #ddd; border-right: 0; text-align: left; padding: 5px 0; } .time-off-history-sec .payroll-details-list:last-child { border-bottom: none; } .ValueSecPayroll { font-size: 12px; } .LabelSec { font-size: 10px; } .ess-sub-div .partial_inner { padding: 10px 10px; } .defult_div_sec { padding: 8px; } .defult_div_sec .policyNameSec { width: calc(100% - 30px); word-break: break-all; padding-right: 5px; } .defult_div_sec .policyView { width: 30px; text-align: center; } /*.wlcome_sec .ess-sub-div { min-height: 380px !important; }*/ .welcome_details h1 { font-size: 16px !important; padding-top: 15px; } .reminder-sec { margin-top: 0 !important; margin-bottom: 0 !important; } h2.timeOff_heading { font-weight: 600; font-size: 14px; } .total_hrs { font-size: 12px; } .employee_timeoff_list { margin-top: 0 !important; } .time-off-history-sec .payroll-details-list { padding-top: 0 !important; } #tblPayment .col-sm-6 { padding: 0; } .time-clock-detail-div { height: auto; } /*----------time-off--------------------*/ .card_block h2 { min-height: 15px; } .card_block { min-height: 340px; padding: 15px; border: 1px solid #ddd !important; border-radius: 5px; margin-bottom: 15px; } .employeeTimeoffSlide .carousel-control-prev-icon { position: absolute; left: -10px; } .employeeTimeoffSlide .carousel-control-next-icon { position: absolute; right: -10px; } .employee-timeoff-List hr { display: none; } .employee-timeoff-List .spacer10 { height: 0; } .yearseprate a { font-size: 13px; padding: 0px 7px; } /*------------tips-flow---------------------*/ .tips-rate-div { min-width: 115px; padding: 8px 10px; } .tips-rate-div .count-tips { font-size: 18px; } .total-count { width: 110px; } span.amount-tips { font-size: 28px; } .total-tips-amount { min-width: 140px; } .tips-summary-details span.label-gray { font-size: 12px; } span.count-tips { font-size: 28px; } .tips-summary-details .total-tips { padding: 6px; } #tipweeklySummary .pos-rel { display: inline-block !important; text-align: left; margin-bottom: 5px; width: 80%; } #PayPeriodSummary .pos-rel { display: block; text-align: left !important; } #tipPayPeriodSummary #ddlShiftBy { display: block; text-align: left; width: 90%; margin: 0; float: left; } .PayPeriodSummary .state { width: 100% !important; } .PayPeriodSummary { margin-bottom: 15px; } .mob-hidden { display: none; } .hidden-desk { display: block; } #myModal .modal-body .content-wrapper { border: none !important; } .tip-type { padding-right: 0 !important; } .tips_log_total { float: none !important; } .tips_log_total table td.labelName { width: 33% !important; float: left; text-align: right !important; margin-right: 5px; } .tips_log_total .fieldText { width: auto !important; } .total_hr_sec hr { width: 100% !important; } #formTip { padding: 0 !important; } .tax-year { float: none !important; text-align: center; margin-bottom: 10px; } .tax-year .fieldText { display: inline-block; vertical-align: middle; } .pie-wrapper .label { left: 0; right: 0; padding-top: 35px; } #tdAction { text-align: center !important; } .nospace { padding: 0px; } .minHeight150 { min-height: 120px !important; } .border-right { border-bottom: 1px solid #ccc; } .border-right { border-right: none; } .bg-blue ul.chat-menu li { min-height: 1px; border: none; margin-top: 5px !important; } .employee-dashboard .ess-sub-div { position: relative; min-height: initial !important; } .employee-dashboard .remeinder-div { margin-top: 15px; } .begin-radio.active { width: calc(100vw - 25px); overflow: auto; } .form_w9-request .txtTaxExemptPayeeCode { width: 80px !important; margin-top: 283px; height: 20px !important; } .form_w9-request .txtTaxExemptFatcaCode { width: 122px !important; height: 20px !important; margin-top: 355px; } .form_w9-request input[type="text"], .form_w9-request input[type="password"], .form_w9-request select { width: 166px !important; height: 26px; } .form_w9-request .txtBeforeImageSuffix { width: 90px !important; margin-top: 137px; height: 25px !important; } .form_w9-request .txtBeforeImageState { width: 90px !important; margin-top: 487px; height: 20px !important; } .form_w9-request .txtLLCCode { width: 69px !important; } .timer-div { min-height: 370px; } .modal-open .datepicker-dropdown { z-index: 9999999 !important; } input.dateField.dateField-start { width: 200px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; } input.dateField.dateField-end { width: 200px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; } .fieldName > .dis-inline { display: block; padding: 10px 0 0 0; } /*-------employee-portal-edit-user--------*/ .profile-icon-sec { position: relative; display: inline-block; text-align: center; width: 110px; height: 80px; } .personal-detail-res .profile-edit-icon { position: absolute; right: 0; bottom: 5px; z-index: 99; } .form_w9-request .txtTaxExemptPayeeCode { width: 80px !important; margin-top: 283px; height: 20px !important; } .form_w9-request .txtTaxExemptFatcaCode { width: 122px !important; height: 20px !important; margin-top: 355px; } .form_w9-request input[type="text"], .form_w9-request input[type="password"], .form_w9-request select { width: 166px !important; height: 26px; } .form_w9-request .txtBeforeImageSuffix { width: 90px !important; margin-top: 137px; height: 25px !important; } .form_w9-request .txtBeforeImageState { width: 90px !important; margin-top: 487px; height: 20px !important; } .form_w9-request .txtLLCCode { width: 69px !important; } .timer-div { min-height: 370px; } .modal-open .datepicker-dropdown { z-index: 9999999 !important; } .bg-lblue input.css-checkbox[type="checkbox"] + label.css-labelbox { float: right; } .request-box-sec { margin-top: 10px !important; } .bg-lblue::after, .bg-lblue::before { left: 18px; } .bg-lblue { top: 10px; } /*Personal Details*/ .addressContent-image .img_22_xs { margin-right: 21px; } .personal-detailpay hr { margin: 0px; } .personal-detailpay .Con_searchTitle { font-size: 13px; margin-top: 10px; } /*-------employee-begin-page-------------*/ .begin_content .left_sec_img img { width: 80px; } .begin_content .left_sec_img { display: block; width: 100%; text-align: center; vertical-align: middle; } .begin_content .right_sec_content { display: block; width: 100%; padding-top: 10px; padding: 10px 0 !important; text-align: center; } .begin_content .right_sec_content h1 { font-size: 16px; margin-bottom: 10px; line-height: 22px; } .begin_content .right_sec_content span { font-size: 12px; line-height: 14px; padding-bottom: 10px; } .begin_content { padding: 15px !important; } /*Request Timeoff*/ .timeoff-request .mLeft15 { margin-left: 0px; } .timeoff-request .timeField-start { width: 200px !important; } .timeoff-request .timeField-end { width: 200px !important; } /*Time clock TodayShift*/ .timer-div { min-height: 325px; } .allshift-time input.dateField.dateField-start { width: 384px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; margin-bottom: 10px; display: block; } .allshift-time input.dateField.dateField-end { width: 384px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; margin-bottom: 10px; display: block; } .allshift-time select { margin-bottom: 10px; } .allshift-time .form-control { width: 384px !important; } .request-timebg .bg-lblue::before, .bg-lblue::after { left: 18px !important; } /*Time Clock Current Shift*/ .time-currentshift { margin-left: 15px; } .currentshift-timeclock { margin: 0 0 10px 0 !important; } .time-currentshift .current-shiftstat { width: 380px !important; margin-bottom: 10px; } .time-currentshift .current-selecttype { width: 360px !important; margin-bottom: 10px; } p.timeline-date { font-weight: 600; font-style: italic; color: #838383; display: inline-block; vertical-align: top; width: 69px; } .timeline-content { display: inline-block; padding-left: 20px; vertical-align: top; border-left: 3px solid #5bbacc; padding-left: 15px; position: relative; padding-bottom: 15px; width: calc(100% - 73px); } .day1 input[type="text"] { width: calc(100% - 100px ) !important; margin-right: 5px; } /*Time Clock Current Shift*/ .time-currentshift { width: 97% !important; } .add-manualpunch { display: inline-block !important; text-align: left; width: calc(100% - 52%); } .add-manualpunch .dateIns { margin-top: 10px; } .add-manualpunch .timeinclock { height: 30px !important; } .add-manualpunch .timeoutclock { height: 30px !important; } .addmanual-break { margin: 10px 0 !important; padding: 5px !important; } .manual-remain { margin-top: 10px; } .addmeal-break { width: 100% !important; margin-left: 0px; } .malebreack-date { margin-bottom: 10px; } .punch-display { display: inline; margin-right: 0px !important; } .punch-display .malebreack-reduce { margin-right: 0px !important; } .welcome_details { padding: 0; } .welcome_btm { border-top: 1px solid #ddd; padding: 15px; background: #f5f5f5; border-radius: 0 0px 5px 5px; position: relative; bottom: 0; left: 0; right: 0; text-align: center; margin-top: 12px; } .menu_active .page-content { margin-left: 0 !important; } span.week-date { top: 22px; height: 34px; right: 1px; } .allshift-time table { margin: 0 !important; } .Portal_tabel td { display: block !important; text-align: left; width: 100%; } .Select_Payment_Method li { width: 150px; } .reportee-timeoffone .timeField-start { width: 135px !important; } .reportee-timeoffone .timeField-end { width: 135px !important; } .modal-body textarea { width: 86% !important; } table td { display: block; text-align: left !important; width: 100% !important; } .federal_withholdexampt .federal-exampt { display: block !important; } .federal_withholdexampt h2 { font-size: 16px; } .federal_withholdexampt #divexemptno { margin-bottom: 10px; } .federal_withholdexampt .Request-formw9 .font-18 { font-size: 16px !important; } .federal_withholdexampt .RequestCircle { left: 5px !important; } .federal_withholdexampt .claim_exemption { padding-left: 30px !important; } .federal_withholdexampt span.help-txt-begin { margin-left: 0 !important; } .federal_withholdexampt .state_exemption { margin-left: 0 !important; } .federal_withholdexampt .Reciprocal_State { margin-left: 0 !important; } .ess-stp-div .hint--bottom { position: absolute; top: 5px; right: 5px; } table td { display: block; text-align: left !important; width: 100% !important; } .kiosk_top { width: 100%; } .Enter_newpin { text-align: center !important; } .form_w9-request .col-md-12 { padding: 0; margin-bottom: 15px; } .w9-request { position: absolute !important; bottom: 0px; width: 100%; padding: 10px !important; } .mypaywow_bg { min-height: initial !important; } .contractor-process.progressWizard ul { display: flex; } .Basic_Details_first .middle_Name input { width: 100% !important; margin-bottom: 10px; } .Basic_Details_first .last_Name input { width: 100% !important; margin-bottom: 10px; } .Basic_Details_first .last_suffix select { width: 100% !important; } .change_password .label_auto .labelName { width: 40% !important; } } @media screen and (min-width:414px) and (max-width:736px) { .AddManual_Punch span { display: inline-block !important; width: 125px; margin: 3px 10px 0 0; float: none !important; vertical-align: top; } } @media (max-width: 640px) { /*#EmployeeVerificationDoc { padding: 0 !important; }*/ .document-option { margin-right: 0; width: 49%; padding: 10px 5px 5px; } .document-option .css-radiobox br ~ br { display: none; } .day1 input[type="text"] { width: calc(100% - 70px ) !important; margin-right: 5px; } .col-sm-12.noPadL { padding: 0 !important; } .employee-process .nav-pills.nav-wizard > li a { padding: 5px 0 !important; } .nav-pills.nav-wizard > li { position: relative; padding: 18px 0px 10px !important; margin: 0 1px 0 0; line-height: 1.4; } .nav-pills.nav-wizard > li:last-of-type { margin: 0 1px 0 0; } .nav-pills.nav-wizard > li:before { content: ""; position: absolute; border-top: 3px solid #ccc; height: 3px; width: 100%; left: 0; top: 6px; } .nav-pills.nav-wizard > li.current:before { border-top: 3px solid #f26c43; } .nav-pills.nav-wizard > li.finished:before { border-top: 3px solid #5bbacc; } .nav-pills.nav-wizard > li:after { content: "\f105"; position: absolute; left: 0; right: 0; top: -2px; margin: 0 auto; font-family: fontawesome; background: #c3c3c3; border-radius: 50%; width: 18px; height: 18px; color: #fff; font-size: 13px; font-weight: 600; line-height: 16px; text-align: center; } .nav-pills.nav-wizard > li.current:after { background: #f26c43; } .nav-pills.nav-wizard > li.finished:after { background: #5bbacc; } .progressWizard .nav-pills.nav-wizard > li a { overflow: initial; text-overflow: initial; white-space: initial; text-align: center; padding: 0; font-size: 8px; line-height: 13px; } .nav-pills.nav-wizard > li.current a { background-color: transparent; color: #f26c43; } .nav-pills.nav-wizard > li.finished a { background-color: transparent; color: #5bbacc; } .nav-pills.nav-wizard > li .nav-wedge { display: none; } .nav-pills.nav-wizard > li a { background-color: transparent; padding: 0; text-align: center; } .nav-pills.nav-wizard > li .nav-arrow { right: -20px; border-width: 6px 0 6px 6px; top: 0; bottom: 0; margin: auto 0; display: none; } .nav-pills.nav-wizard > li { border-right: 0px solid transparent; border-left: 0px solid transparent; } body, p, .addr-detail p, .css-labelbox, .noRecordfound, .name h3, .name span, .snoozing_page h4, .modal-body, .input-clear { font-size: 12px; } .welcome-title, h3.name1 { font-size: 14px; } .welcome-content p, .user-choice span { font-size: 12px !important; } .res-mTop10 { margin-top: 10px !important; } .subText { font-size: 10px; } input[type="text"].email_field { width: calc(100% - 61px) !important; } .invite-emp-add.select_employee_type li { width: 100%; display: block; margin-bottom: 15px; } .invite-emp-add.select_employee_type label.select_label h3 { line-height: 1.4; font-size: 14px; } .invite-popup-btn { position: initial; bottom: 0; } .invite-emp-add.select_employee_type label.select_label { margin: 0; padding: 10px; } .ess-left-menu .progressWizard { margin: 0px 0 5px; } .ess_page-content { padding: 10px 0; } /*.acceptFiles { margin: 5px 0 0; }*/ .mRight0_res { margin-right: 0 !important; } .eSign_ip span { float: none !important; display: block; text-align: center; } .mBot0_res { margin-bottom: 0 !important; } label[for="dropdownFrequency"] { width: 100%; } .eligble-label { width: 100%; display: block; text-align: left; margin-right: 0; } .elgibility-detail-title { font-size: 12px; font-weight: 600; } .select_employee_type li:last-of-type .select_label { margin-bottom: 0; } .select_label img { width: 40px !important; } .btn.btn_xs, .btn.btn_xs:hover, .btn.btn_xs:active, .btn.btn_xs:focus { font-size: 11px; } .modal-footer .pull-left.padTop5 { padding-top: 1px; } .esign_signature_W4 { left: 19% !important; bottom: 10% !important; } .esign_signature_DDA { left: 29% !important; bottom: 16% !important; } .esign_signature_W4 img, .esign_signature_DDA img { max-width: 97px; } .ess-welcome-div h4 { font-size: 14px; } .m-signature-pad { margin: 10px 0 !important; height: 140px !important; } .buttonClear, .buttonClear:focus, .buttonClear:hover, input.buttonClear, input.buttonClear:focus, input.buttonClear:hover { font-size: 12px !important; padding: 1px 8px 1px 8px; } .eSignImg { width: 100%; } .esign_btn_DDA { left: 20px !important; bottom: 16% !important; width: 62px !important; } .esign_btn_sign_DDA { bottom: 17% !important; left: 32% !important; font-size: 9px !important; padding: 2px 7px !important; } .esign_btn_W4 { left: 180px !important; bottom: 65px !important; width: 100px !important; } .esign_btn_sign_W4 { bottom: 65px !important; left: 285px !important; } .essnotificationinfo { padding: 5px !important; font-size: 12px !important; line-height: 1.4 !important; margin-top: 10px !important; } .snoozing_img { width: 120px; } .snoozing_page h2 { font-size: 20px; } .snoozing_page h3 { font-size: 15px; } .roll-logo { width: 40px; height: 40px; margin: 5px 0 0 0; } .roll-logo h1 { font-size: 22px; margin: 0 0 3px 0; } .user-login li.setting a, .user-login li.logout a, .logoutBtn { padding: 2px 10px; font-size: 12px; } .ess-user-respon .user-login { top: 44px; } .nav-pills.nav-wizard > li { margin-bottom: 0 !important; padding-bottom: 0px !important; } .page-content.ess_page-content .pageWrapper { padding: 0; } .progress-border-line { border: none; } .menu_inactive .leftMenu .nav-sidebar { height: calc(100vh - 205px); } .mTop50.mTop10_res { margin-top: 10px !important; } .bank-holiday-div { padding: 5px 0 5px; } .img_xs_55 { width: 55px; } .img_xs_60 { width: 60px; } .noRecordfound.mTop15 { margin-top: 10px !important; } .dashbord-icon-div { padding: 15px; } .dashbord-icon-div img { width: 100px; } .cropper-container { width: 100% !important; left: 0px !important; right: 0px !important; margin: 0 auto; max-width: 100%; } .welcome-point-div { padding: 10px 10px; margin-bottom: 20px; } .welcome-section { padding: 10px; } .paraText, .welcome-list li { font-size: 12px !important; } .page-content.ess_page-content { min-height: initial; } .begin h2 { font-size: 12px; padding: 10px 0 0; margin: 0; } .begin h1 { font-weight: 600; font-size: 18px; padding: 15px 0 0; } .ess-user-respon .user-login { min-width: 300px; max-width: 300px; } .ess-user-icon { filter: initial; width: 36px; padding: 2px 0 0; margin: 0px 0 0 0; } .ess-notifi-icon { filter: initial; } .menu-header.ess-header.bg-blue { } .res_img_24 { width: 24px; } h2.inr_cnttitle { font-size: 14px; margin: 5px 0 5px; } .add_block { padding: 20px 0 20px; } .res_initial_img { width: 100px; } .initial_font { font-size: 18px; } .minBox { min-height: initial; } .bottom_btn button, .buttonNext, .buttonBack, .buttonNext:hover, .buttonBack:hover { padding: 4px 10px 4px 10px !important; margin: 0; } .buttonNext, input.buttonNext, input.buttonNext .disabled, input.buttonNext[type="button"][disabled=""], .buttonNext:hover, .buttonNext:focus, .buttonBack, input.buttonBack .disabled, input[type="button"][disabled=""], .buttonBack:hover, .buttonBack:focus, .buttonBack, input.buttonBack .disabled, input[type="button"][disabled=""], .buttonBack:hover, .buttonBack:focus { font: bold 14px "Open Sans",sans-serif !important; margin: 0 !important; } .buttonNext img, .buttonBack img { width: 14px; } .bussines-mode { font-size: 11px; } h3.sub-title { font-size: 14px; line-height: 1.5; padding-bottom: 5px; } .dash-sub-cnt h4.font-weight-bold { font-size: 12px; } label.error { padding: 1px 10px 2px 23px; left: initial !important; top: -20px; font-size: 11px; right: 0 !important; width: auto !important; } label.error::before { left: 5px; top: 0px; font-size: 13px; } label.error::after { left: 47px; } .m-signature-pad label.error { left: 0 !important; right: auto !important; margin-left: 0 !important; } .res_taC { text-align: center !important; } .pageWrapper { margin: 0; border: 0px solid #ccc; box-shadow: none; } input[type="text"].dob { width: calc(100% - 123px) !important; } .age_count { margin: 0px 0px 0 5px; } .age { padding-top: 0 !important; } .emp_leftMenu ul { height: calc(100vh - 191px); } .emp_leftMenu ul li h3, .emp_leftMenu ul li h3 span { font-size: 12px; } .emp_letter { margin: 6px 2px 6px 0; min-width: 30px; max-width: 30px; min-height: 30px; max-height: 30px; font-size: 16px; } .emp_leftMenu ul li { padding: 0px 0px; } .emp-portal-profile { float: none !important; text-align: center; } .portal-basic .emp_address { padding: 5px 0px; float: none !important; text-align: center; } .portal-basic .emp_address h1 { font-size: 16px; font-weight: 600; } .emp_address .labelText, .labelText { text-align: center !important; } .ess-people-list { position: absolute; } .add-document { min-height: 110px; } .inputfiletype i { line-height: initial; font-size: 16px; padding: 16px 0px 3px; display: inline-block; } .inputfiletype i img { width: 36px; } .portal-choose .inputfiletype.taC { width: 100% !important; } .inputfiletype { padding-top: 0 !important; } .list_items, .list_content, .uploadText { font-size: 12px !important; } .list_items.list_items_inline li { display: block; width: 100%; float: none; } hr { margin-top: 10px; margin-bottom: 10px; } .info-blue-box { width: 100%; margin: 15px auto 5px; } .info-blue-box .title { padding: 6px 10px; font-size: 12px; } .info-label { width: auto !important; text-align: left !important; margin: 0 0 2px 0; font-weight: 600; color: #757575; } .innerTitle { font-size: 14px; } .modal-header .close { right: -11px; top: -11px; background-size: 30px; } /*.modal-body { padding: 10px; }*/ .modal-header { padding: 8px 10px; } .modal .modal-title { font-size: 16px; font-weight: 600; } .modal-footer { padding: 8px 10px; } .btn.btn_md, .btn.btn_md:hover, .btn.btn_md:active, .btn.btn_md:focus { padding: 4px 10px; font-size: 14px; } .begin-btn.btn.btn_md, .begin-btn.btn.btn_md:hover, .begin-btn.btn.btn_md:active, .begin-btn.btn.btn_md:focus { padding: 7px 20px; font-size: 18px; } .buttonC, .buttonC:hover, .buttonC:focus, input.buttonC { font-size: 12px !important; padding: 2px 6px 2px 24px; background-size: 14px !important; } .modal-footer .buttonC.mTop5, .modal-footer .buttonC.mTop5:hover, .modal-footer .buttonC.mTop5:focus, .modal-footer input.buttonC.mTop5 { margin-top: 1px !important; } input[type="password"], input[type="text"], input[type="password"], select, textarea, input[type="search"] { padding: 3px 10px 3px 10px; float: none !important; height: 30px; font-size: 12px; } select, select.form-control { padding: 3px 25px 3px 10px; height: 30px !important; font-size: 12px; } .mTop0_xs { margin-top: 0 !important; } span.week-date { top: 20px; height: 27px; right: 1px; } .searchTitle { font-size: 13px; font-weight: bold; } .ess-left-menu .left-collopse { display: none !important; } .dataTables_paginate { margin-bottom: 10px; } /*.dataTables_length, .dataTables_filter { float: left; margin-left: 0px; width: 100%; } .dataTables_length label, .dataTables_filter label { margin-bottom: 0px; width: 100%; }*/ .dataTables_length, .dataTables_filter { font-size: 0; } .dataTables_filter { width: 160px; float: right; } /*.dataTables_filter label { color: #fff; margin-top: -15px; }*/ /*table view changes statrs*/ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr, #no-more-tables-two table, #no-more-tables-two thead, #no-more-tables-two tbody, #no-more-tables-two th, #no-more-tables-two td, #no-more-tables-two tr { display: block; } #no-more-tables thead tr, #no-more-tables-two thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables tr, #no-more-tables-two tr { border: 1px solid #ccc; border-bottom: none; /*border-top: none;*/ } #no-more-tables td, #no-more-tables-two td { font-weight: 600; color: #454545; border: none; border-bottom: 1px solid #e1e1e1 !important; position: relative; padding: 8px 8px 8px 40% !important; white-space: normal; text-align: left; box-sizing: border-box; word-wrap: break-word; /*overflow: hidden;*/ } #no-more-tables td { padding: 8px 8px 8px 40% !important; } #no-more-tables-two td.dataTables_empty, #no-more-tables td.dataTables_empty { padding: 8px 8px 8px 10px !important; } #no-more-tables td:before, #no-more-tables-two td:before { position: absolute; top: 6px; left: 6px; width: 40%; font-weight: 600; color: #999; font-size: 12px; padding-right: 10px; white-space: nowrap; text-align: left; content: attr(data-title); text-overflow: ellipsis; overflow: hidden; } #no-more-tables .hideTd td, #no-more-tables-two .hideTd td { padding-left: 0; } #no-more-tables .hideTd td table td, #no-more-tables-two .hideTd td table td { padding-left: 45%; } table.cf > tbody > tr:nth-of-type(2n+1) { background-color: #f9f9f9; } table.cf tr td:last-child { border-bottom: 1px solid #b7b7b7 !important; } #no-more-tables tr:first-child, #no-more-tables-two tr:first-child { border-top: 1px solid #ccc; } table.cf tr:last-child td:last-child { border-bottom: 1px solid #ccc !important; margin-bottom: 0; } table thead.cf ~ tbody tr td:last-child { margin-bottom: 0px; /*border-bottom: 1px solid #999595 !important;*/ } /*.table.cf { border-spacing: 1px; background: #ccc9c9; }*/ #tblpayperiodSummary { width: 100%; overflow: scroll; } /*table view changes end*/ .icon_stroke_sm { font-size: 12px; width: 24px; height: 24px; line-height: 21px; margin-right: 10px; } footer p { padding: 10px 0; font-size: 11px; } .remeinder-div { height: inherit !important; } .remeinder-div p:last-of-type { margin: 0; } .helpInfo label h4, .helpInfo h4 { font-size: 13px; } .btn.btn_sm, .btn.btn_sm:hover, .btn.btn_sm:active, .btn.btn_sm:focus { font-size: 13px; } .payment-detail .detail-value { height: inherit; font-size: 16px; padding: 15px 0; } .payment-detail .detail-label { padding: 5px 10px; font-size: 12px; } .ess-sub-title { font-size: 14px; font-weight: bold; text-align: left; } .width40 { width: 100% !important; } .spacer20 { height: 0; padding: 0; } .select_employee_type { text-align: center; padding: 5px; margin: 0; } .select_employee_type li { width: 100%; } .select_employee_type label.select_label { margin: 0 0 10px 0; } body.parallel-mode .leftMenu { top: 106px !important; } .progressWizardThree .nav-pills.nav-wizard > li { width: 33%; } .hoursEarnings { overflow-x: auto; } .td_emp_name { min-width: 300px; max-width: 300px; } .td_emp_hours { min-width: 150px; max-width: 150px; } .td_emp_earning { min-width: 230px; max-width: 230px; } .td_emp_compen { min-width: 380px; max-width: 380px; } .td_emp_gross { min-width: 330px; max-width: 330px; } .emp_name_width { min-width: 300px; max-width: 300px; } .emp_name_earning, .emp_name_compen { min-width: 380px !important; max-width: 380px; } .emp_name_gross { min-width: 315px !important; max-width: 315px; } .hoursEarnings .table_design > thead > tr > th, .hoursEarnings .table_design > tbody > tr > th { padding: 0 5px 5px 5px; } .hoursEarnings .table_design > tbody > tr td { position: relative; white-space: nowrap; } .emp_status1 { position: absolute; left: 8px; top: 8px; } .toggle_table { padding-left: 36px; min-height: 38px; display: inline-block; padding-top: 9px; } .inr_toptitle_div { border-bottom: 0px solid #c7c7c7; padding-bottom: 0px; margin-bottom: 10px; } .inr_toptitle_div:after { content: none; } .inr_toptitle_div h1 { border-bottom: 1px solid #c7c7c7; font-size: 16px; padding-bottom: 8px; margin-bottom: 8px; margin-top: 0px; position: relative; float: none; display: block; width: 100%; } .inr_toptitle_div h1:after { content: ""; background: #ef6c49; height: 2px; width: 50px; position: absolute; margin-top: 0px; z-index: 1; border-right: 2px solid #fff; left: 0; bottom: -2px; } /*.ess-left-menu .inr_toptitle_div { margin-top: 0; }*/ .table_normal { overflow-y: auto; } .divEmptyWorkLocation { display: block; height: initial !important; } .user-profile { float: none; margin: 0 auto; padding: 0; } .view-menu-div { margin: 0px -15px 15px -15px; text-align: center; } .hint--bottom::after { margin-left: 12px; } .hint--bottom::before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); } .hint--bottom:hover::after, .hint--bottom:focus::after, .hint--bottom::after { -webkit-transform: translateX(-100%) translateY(8px); -moz-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .alphabetical_let ul { white-space: nowrap; width: 100%; overflow-y: auto; } #divAlphabet { margin: 0 !important; } .employeeDir { padding-left: 0; } .employeeImage { position: relative; width: 100%; padding: 10px; } .right-menu { position: relative; top: 0; } h1.inr_toptitle { font-size: 14px; margin-bottom: 10px; line-height: 1.3; } .btn.btn_med, .btn.btn_med:hover, .btn.btn_med:active, .btn.btn_med:focus { font-size: 14px; padding: 4px 10px; } #empLeft { display: block; margin-top: 0; top: 15px; } .emp_leftMenu { top: -10px !important; } .mob_mTop10 { margin-top: 10px; } .mob_mBot10 { margin-bottom: 10px; } .mob_mTop15 { margin-top: 15px; } .mob_mBot15 { margin-bottom: 15px; } .filter_wrap { padding-right: 15px; } input[type="password"], input[type="text"], input[type="password"], select, textarea, input[type="search"], select.form-control, input[type="text"]#autocomplete.start-add-input { width: 100% !important; } .info_circle { display: none !important; } .bussines-mode .info_circle { display: inline-block !important; margin: 0; } .hoverText[data-hint]::after { display: none; } .hoverText[data-hint]::before { display: none; } /*#drpEmployerList.emp-select { margin: 0; border-top: 1px solid #dcdcdc; width: 100%; padding: 5px 10px; margin: 0px !important; }*/ select.company-select { width: 100%; margin: 10px 0; } .container { width: 100%; } .employer-location-add { padding: 0 0 10px 0px; position: relative; text-align: center; margin-bottom: 15px; } .employer-loc-icon { width: auto; margin-bottom: 10px; margin: 0 auto; text-align: center !important; } .employer-location-add td.taC .btn { padding: 5px 5px !important; font-size: 14px !important; display: block; } .addemp-btn-div { margin: 0px auto 0; position: absolute; top: 5px; right: 15px; width: 100%; } .addr-detail { width: auto; text-align: center !important; padding-top: 10px; } .addemp-btn-div a img { width: 28px; } .helpVideo { margin: 15px 0 20px 0; } .screen_pad { margin: 0 -15px; } .welcome-content { margin: 0 -15px; padding: 15px 15px; box-shadow: none; top: 0; background: none; } .welcome-content h3.sub-caption { font-size: 12px; text-align: left; } .welcome_page_help_text p { padding-top: 10px; } .welcome-content h2.caption { font-size: 24px; text-align: left; } #alistAttach { width: 100% !important; } .dataTables_filter input[type="search"] { width: 100% !important; margin: 0; } table td { display: block; text-align: left !important; width: 100% !important; } table td.labelName, table td.fieldName, table td.fieldText { padding: 0 !important; } table td.fieldName { margin-bottom: 10px; } table td.fieldText { margin-bottom: 5px; margin-top: 1px; } table.table_design td { display: table-cell; text-align: left; width: initial !important; margin-bottom: 0px; } .company-sign table td { text-align: center !important; } .company-sign td img { width: 50px; } .company-sign-address { padding: 10px 0; } .addemp { width: 30px; overflow: hidden; } .addemp i { margin-right: 4px; } .employer-location-default-right { width: 30px; height: 30px; background-size: 30px; } .employer-location-default { padding: 15px; } .emp-default-btn { white-space: initial; font-size: 14px !important; } .addr-detail { margin-bottom: 10px; } .bottom_btn { position: initial; border-top: 1px solid #ddd; box-shadow: none; display: inline-block; padding: 10px 0 0; } .noDashMenu .page_scroll { height: auto !important; overflow: initial; } .res-hide { display: none; } body { padding: 0 0 50px 0 !important; } td.spacer15 { height: 0; } td .spacer15 { height: 0; } .label_auto .labelName { width: 100% !important; } .emp-freq-edit { float: right; position: relative; top: -50px; height: 0; } .select_employer_type li { width: 47%; margin-bottom: 15px; margin-right: 2%; } .page_scroll { height: calc(100vh - 150px); } h1.inr_toptitle::before { margin-top: 0px; bottom: -3px; } .contact-field { width: 100%; } .personal-img, table.label_120 .labelName.personal-img { position: absolute; display: block; top: 10px; width: 100% !important; text-align: center !important; } .res-mTop80 { margin-top: 140px; } .res-otherdetail-input select, .res-otherdetail-input input { width: calc(100% - 12px) !important; margin-right: 0; } .payroll-dashboard .link_div { border: 0; } .download-doc-div { width: 100%; } .benefit-edit-res { position: absolute; right: 10px; top: 10px; } .tab_wrap ul li a { margin-left: 0; } .benefit-tap .nav-pills.nav-wizard > li { width: 33%; } #tblBenefitDetails .wait-period-input { width: 100px !important; } /*#drpEmployerList { margin-left: -7px !important; }*/ .regular-payroll-notfication { min-height: 10px; } .label_220.add-new-employee .labelName { width: 100% !important; } .user-profile_img img, .user-profile_img { width: 60px; height: 60px; } .ess-stp-div .hint--bottom { position: absolute; top: 5px; right: 5px; } .ess-stp-div .hint--bottom img { width: 25px; } .emp_id { font-size: 14px !important; } /*.ess-stp-div:last-child { padding-bottom: 15px; }*/ #eSignModal { z-index: 999999999; } .bootbox { z-index: 99999 !important; } .esign_signature_W4 { left: 160px !important; bottom: 72px !important; } .esign_W4_Date { bottom: 65px !important; left: 440px !important; font-size: 14px !important; } .ess_page-content .pageWrapper { margin-bottom: 0 !important; } /*-------collabrator-welcome-screen----*/ .right-icon-sec img { visibility: hidden; } .collaborator-welcome-content { padding: 0; margin-bottom: 20px; } .collabortor-heading h2.caption { font-size: 28px; } .payment-detail .detail-value { width: 100% !important; } /*--------portal-dashboard----------*/ .wlcome_sec .ess-sub-div { min-height: initial !important; } input.dateField.dateField-start { width: 125px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; } input.dateField.dateField-end { width: 125px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; } .welcome_details .welcome_circle { width: 65px; height: 65px; line-height: 55px; } .welcome_details .welcome_circle img { width: 42px; } .wlcome_sec { padding: 0 !important; } .welcome_details h1 { font-size: 14px !important; padding-top: 10px; } /*---------tips-flow-----------------*/ .total-count { min-width: 140px; } .total-tips-amount { min-width: 140px; } .tips-summary-details .total-tips { float: none; } .tips-summary-details .total-tips { margin-right: 0 !important; margin-bottom: 10px; } .tips-summary-details span.count-tips { font-size: 16px !important; } .tips-summary-details span.amount-tips { font-size: 16px; } .tips-summary-details span.label-gray { font-size: 12px; } .tips-summary-details .tips-rate-div { min-width: 100px; } .tips-summary-details .tips-rate-div:last-child { border-bottom: none; } .tips-summary-details span.count-tips { font-size: 24px; } .top-menu li.head_btn { margin-top: 0 !important; } .day1 input[type="text"] { width: calc(100% - 155px ) !important; margin-right: 5px; } .legend-status li { width: 100% !important; } .menu_active .page-content { margin-left: 0 !important; } .welcome_details { padding: 0; } .welcome_btm { border-top: 1px solid #ddd; padding: 15px; background: #f5f5f5; border-radius: 0 0px 5px 5px; position: relative; bottom: 0; left: 0; right: 0; text-align: center; margin-top: 12px; } .chat-menu li#ControlPanelA { display: none; } .meal-break-sec { width: auto !important; border: 1px solid #b2b2b2; padding: 10px; margin-bottom: 20px; position: relative; margin-top: 15px; margin-left: auto !important; } .AddManual_Punch span { display: inline-block !important; width: 125px; margin: 3px 10px 0 0; float: none !important; vertical-align: top; } .allshift-time input.dateField.dateField-start { width: 384px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; display: block; } .add-timeof select { width: 545px !important; } } @media (max-width: 568px) { .esign_btn_W4 { width: 90px !important; left: 150px !important; bottom: 59px !important; } .esign_btn_sign_W4 { bottom: 58px !important; left: 245px !important; } .esign_W4_Date { bottom: 58px !important; left: 380px !important; font-size: 10px !important; } #drpEmployerList { display: none; } input.dateField.dateField-start { width: 128px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 6px; } input.dateField.dateField-end { width: 128px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 6px; } .fieldName > .dis-inline { display: block; } .dis-inline.trmultipleday.mLeft10 { display: inline-block !important; } .request-box-sec { margin-top: 10px !important; } .add-timeoflab { width: 100% !important; } .add-timeof { width: 100% !important; } .day2 { width: 45%; } .bg-lblue { top: 2px; } .bg-lblue input.css-checkbox[type="checkbox"] + label.css-labelbox { float: right; } .timeoff-space .spacer15 { height: 0px !important; } .timeoff-policyspa .mLeft15 { margin-left: 0px; } span.week-date { top: 19px; height: 28px; right: 1px; } .bg-lblue::after, .bg-lblue::before { left: 18px; } .trmultipledayfields .EndTimeError + label { left: 157px !important; width: 134% !important; max-width: initial; top: -24px; } /*.modal-body tr select { width: 95% !important; }*/ .modal-body textarea { width: 89% !important; } /*Form W-9 */ .begin-radio { padding-bottom: 2px !important; } /*Personal Details*/ .searchTitle { padding: 10px 0 0 0; } .divHomeAddress { padding: 0 0 10px 0; } .card_block { min-height: 340px; padding: 10px; border: 1px solid #ddd !important; border-radius: 5px; margin: 15px 4px; } .addressContent-image .img_22_xs { margin-right: 0px; } /*Reportee(s) Add Time off OneDay*/ .timeoff-space .mLeft15 { margin-left: 0px !important; } .reportee-timeoffone .timeField-start { width: 150px !important; } .reportee-timeoffone .timeField-end { width: 150px !important; } /*Request Timeoff*/ .timeoff-request .dateField { width: 395px !important; } .timeoff-request .mLeft15 { margin-left: 0px; } .timeoff-request .timeField-start { width: 140px !important; } .timeoff-request .timeField-end { width: 140px !important; } /*Time clock TodayShift*/ .timer-div { min-height: 325px; } .allshift-time .time-allshift { } .allshift-time input.dateField.dateField-start { margin-bottom: 10px; } .allshift-time .form-control { width: 383px !important; } .labelName.timeoff-reason { padding: 10px 0px !important; } .year-checklist { font-size: 12px; } /*Time Clock Current Shift*/ .time-currentshift { margin-left: 15px; } .currentshift-timeclock { margin: 0 0 10px 0 !important; } .time-currentshift .current-shiftstat { width: 360px !important; } .time-currentshift .current-selecttype { width: 288px !important; } .chat-menu li#ControlPanelA { position: absolute; top: -46px; right: 70px; } .payroll-detail-div { min-width: 140px; float: left; padding: 0 10px; } .payroll-lnc { margin-left: 10px; border: none; } } @media only screen and (max-width: 575px) { .ess_page-content .noPad { padding: 0 !important; } .payment-detail { width: 100%; margin-right: 0; } #employeePaymentDetails .mRight0 { margin-right: 15px !important; } .payment-detail .detail-label { min-height: initial; } .fact_section { font-size: 14px; font-weight: 600; } .turn_button { font-size: 14px; font-weight: 600; color: #8e8e8e; } .Tfa_Switchbutton { margin-top: 5px; } } @media (max-width: 480px) { .esign_DDA_Date { bottom: 20px !important; left: 70px !important; font-size: 7px !important; } .esign_W4_Date { bottom: 48px; left: 320px; font-size: 10px; } .esign_signature_W4 { left: 26% !important; bottom: 8% !important; } .esign_W4_Date { bottom: 46px !important; left: 315px !important; font-size: 10px !important; } .profile-edit-icon_con { position: absolute; right: 0; left: 45px; bottom: 8px; } .profile-edit-icon_con img { width: 20px; padding-top: 20px; display: inline-block; } } @media (max-width: 460px) { .onBoard_btn .btn { float: none !important; } .onBoard_btn .btn + .btn { margin-top: 10px; } .esign_signature_DDA { bottom: 14% !important; } .esign_btn_sign_DDA { bottom: 15% !important; } .esign_btn_DDA { width: 60px !important; } /*.esign_btn_W4 { left: 70px !important; bottom: 9% !important; width: 50px !important; } .esign_btn_sign_W4 { bottom: 9% !important; left: 40% !important; font-size: 9px !important; padding: 2px 7px !important; }*/ .buttonCenter .buttonC, .buttonCenter .btn_primary { float: none !important; } .buttonCenter .btn_primary { margin-bottom: 8px; } body.parallel-mode .leftMenu { top: 170px !important; } .ess-left-menu .res-float-non.floatL { float: left !important; } .ess-left-menu .res-float-non.floatR { float: right !important; } /*.res-float-non { float: none !important; }*/ .mobile-float-non { float: none !important; } .start-add-input { width: 230px !important; } #autocomplete.start-add-input { width: 230px !important; } body { padding: 0 0 50px 0 !important; } .portal-add-edit { position: absolute; left: 139px; top: -38px; } .graph-div { min-height: 5px !important; } .summary-total-div { margin-bottom: 15px; min-height: 1px; } .res-text-center { text-align: center; } .pay-connect { border: 1px dashed #f26c43; margin-top: 0px; height: 40px; width: 1px; margin: 0 auto; } .res-pad0 { padding: 0 !important; } .partial_inner { margin-bottom: 0; } #otherInfoContact { padding-bottom: initial; } .esign_DDA_Date { bottom: 20px !important; } .modal-footer.buttonCenter { text-align: center !important; } } @media (max-width: 414px) { .esign_btn_W4 { left: 110px !important; bottom: 8.5% !important; width: 60px !important; } .esign_btn_sign_W4 { bottom: 8.5% !important; left: 49% !important; font-size: 9px !important; padding: 1px 7px !important; } .esign_W4_Date { bottom: 39px !important; left: 272px !important; font-size: 10px !important; } .Secure_respons { position: absolute; top: -50px; right: 70px; } .summary_but .manual_button { display: none !important; } .federal_withholdexampt .Reciprocal_State td { width: 225px !important; } .img_radius { top: 20%; right: 35%; } } @media (max-width: 375px) { .esign_btn_W4 { left: 100px !important; bottom: 8% !important; width: 60px !important; } .esign_btn_sign_W4 { bottom: 8% !important; left: 52% !important; font-size: 9px !important; padding: 1px 7px !important; } .esign_W4_Date { position: absolute; bottom: 34px !important; left: 235px !important; font-size: 8px !important; } .Secure_respons { position: absolute; top: -50px; right: 70px; } .portal_activity_sec { position: relative; } .activity-log { border-left: none; width: 100%; } .portal_activity_sec { position: relative; } .allshift-time input.dateField.dateField-start { width: 350px !important; } .allshift-time input.dateField.dateField-end { width: 350px !important; } .allshift-time .form-control { width: 350px !important; } } @media (max-width: 360px) { .card_block { border-right: none; margin: 0 auto 10px; float: none; border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; } .card_block:last-child { border-bottom: 0px solid #e4e4e4; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .res-mTop25 { margin-top: 25px; } select.state { width: 240px; } .start-add-input { width: 240px !important; } #autocomplete.start-add-input { width: 240px !important; } .verify_add { display: block; } .input-clear { margin-left: 0 !important; margin-top: 10px; } .select_employer_type li { width: 100%; margin-bottom: 15px; } .select_employer_type_cnt { padding: 10px; margin-bottom: 15px; } .filter_show.filter_wrap { width: 275px; } .res-mBot10 { margin-bottom: 10px; } .nav-pills.nav-wizard > li { width: 50%; margin-bottom: 10px; } .esign_btn_W4 { left: 95px !important; bottom: 8% !important; width: 60px !important; } .esign_btn_sign_W4 { bottom: 8% !important; left: 52% !important; font-size: 9px !important; padding: 1px 7px !important; } .esign_W4_Date { bottom: 35px !important; left: 235px !important; font-size: 9px !important; } .profile-edit-icon_con { position: absolute; right: 0; left: 53px; bottom: 8px; } .profile-edit-icon_con img { width: 25px; } .nospace { padding: 0px; } .minHeight150 { min-height: 100px !important; } .border-right { border-bottom: 1px solid #ccc; } .border-right { border-right: none; } /*#layoutBody {float: left;}*/ .wlcome_sec { padding-left: 0px; } .bg-blue ul.chat-menu li { min-height: 1px; border: none; margin-top: 5px !important; } .employee-dashboard .remeinder-div { margin-top: 15px; } .appli-form { overflow: auto; display: block; width: calc(100vw - 25px) !important; } .over-flow { overflow: auto; } .begin-radio.active { width: calc(100vw - 25px); overflow: auto; } .form_w9-request .txtTaxExemptPayeeCode { width: 80px !important; margin-top: 283px; height: 20px !important; } .form_w9-request .txtTaxExemptFatcaCode { width: 122px !important; height: 20px !important; margin-top: 355px; } .form_w9-request input[type="text"], .form_w9-request input[type="password"], .form_w9-request select { width: 166px !important; height: 26px; } .form_w9-request .txtBeforeImageSuffix { width: 90px !important; margin-top: 137px; height: 25px !important; } .form_w9-request .txtBeforeImageState { width: 90px !important; margin-top: 487px; height: 20px !important; } .form_w9-request .txtLLCCode { width: 69px !important; } .timer-div { min-height: 325G332px; } input.dateField.dateField-start { background-position: 8px 4px; } input.dateField.dateField-end { background-position: 8px 4px; } .modal-body tr select { width: 100% !important; } .add-timeoflab { width: 100% !important; } .add-timeof { width: 100% !important; } .modal-open .datepicker-dropdown { z-index: 9999999 !important; } input.dateField.dateField-start { width: 115px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 6px; } input.dateField.dateField-end { width: 115px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 6px; } .fieldName > .dis-inline { display: block; padding: 10px 0 0 0; } .dis-inline.trmultipleday.mLeft10 { display: inline-block !important; margin-left: 0px !important; } .request-box-sec { margin-top: 10px !important; } .bg-lblue input.css-checkbox[type="checkbox"] + label.css-labelbox { float: right; top: -40px; } .bg-lblue::after, .bg-lblue::before { left: 18px; } .timeoff-policyspa .mLeft15 { margin-left: 0px; } span.week-date { top: 19px; height: 28px; right: 1px; } /*Header Section*/ .ess-header .logo-div a { padding: 5px 5px !important; float: none; margin-right: 0px; margin-top: 5px; } /*Add Time Of popup*/ .small-text { font-size: 11px !important; padding: 5px 0; } .timeoff-space .mLeft15 { margin-left: 0px !important; } /*Error Message popup*/ label.error::after { left: 35px; } /*Dropdown-Menu User-Login*/ .alert-warning, .alert-warning p { background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; margin-top: 0px !important; display: block; } .modal-body .alert-warning { display: block !important; } .edit-modal-footer .btn.btn_md { font-size: 12px; } .ess-user-respon .user-login { top: 47px; } #showRight, #showLeft { height: 53px; padding-top: 18px; z-index: 99; position: relative; margin-right: 0px; top: 0px; } .logo-div { padding: 0px !important; } .user-login li.user-login1 { min-height: 1px; max-height: 250px; overflow: auto; padding: 0 !important; background: #f7f7f7; margin-top: 0px !important; } .logout.logout-responsive { float: right !important; } /*Form W-9 */ #wrapper { margin: 20px auto; } .form-w9updatefile .pLeft30 { padding-left: 15px; } .begin-radio { padding-bottom: 2px !important; } /*Personal Details*/ .searchTitle { padding: 10px 0 0 0; } .divHomeAddress { padding: 0 0 10px 0; } .pac-container { z-index: 9999999 !important; } .addressContent-image .img_22_xs { margin-right: 0px; } .personal-detailpay hr { margin-bottom: 0px; } .personal-detailpay .Con_searchTitle { font-size: 13px; margin-top: 10px; } /*Job Details*/ .job-details .emp { min-width: 200px !important; } /*Reportees time off*/ .popup-timeoffone .timeField-start { width: 100px !important; } .popup-timeoffone .timeField-end { width: 100px !important; } .popup-timeoffone label.error::after { left: 53px; } /*Reportee(s) Add Time off OneDay*/ .reportee-timeoffone .fieldName { width: 280px !important; } /*Request Timeoff*/ .timeoff-request .dateField { width: 200px !important; } .timeoff-request .mLeft15 { margin-left: 0px; } .timeoff-request .timeField-start { width: 100px !important; } .timeoff-request .timeField-end { width: 100px !important; } /*Time clock TodayShift*/ .timer-div { min-height: 325px; } .allshift-time input.dateField.dateField-start { width: 340px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; display: block; } .allshift-time input.dateField.dateField-end { width: 340px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 8px; display: block; } .allshift-time .form-control { width: 340px !important; } .add-timeoff .timeField-start { width: 115px !important; } .add-timeoff .timeField-end { width: 115px !important; } .clock-notes .labelName { margin-top: -5px; } .year-checklist { font-size: 12px; } .chat-menu li#ControlPanelA { position: absolute; top: -46px; right: 70px; } .privious-payroll { width: 100%; padding: 10px; padding-bottom: 10px; padding-bottom: 93px !important; margin-left: 0px !important; } .menu_active .page-content { margin-left: 0 !important; } .Secure_respons { position: absolute; top: -50px; right: 70px; } .welcome_btm { border-top: 1px solid #ddd; padding: 15px; background: #f5f5f5; border-radius: 0 0px 5px 5px; position: relative; bottom: 0; left: 0; right: 0; text-align: center; margin-top: 12px; } .welcome_details { padding: 0; } .shift-map { width: 100% !important; display: block; } .portal_activity_sec { position: relative; } .activity-log { border-left: none; width: 100%; } .Select_Payment_Method li { width: 145px !important; } .Reportees_notification .Email_spacer { margin-right: 5px !important; } .secure_code ul li { padding: 10px 12px } .MulitiFactorTopSec { width: 290px; } .AddManual_Punch span { display: inline-block !important; width: 123px; margin: 3px 10px 0 0; float: none !important; vertical-align: top; } } @media (max-width: 320px) { .esign_DDA_Date { bottom: 12px !important; left: 42px !important; font-size: 6px !important; font-weight: 600 !important; } .esign_btn_W4 { left: 85px !important; bottom: 8% !important; width: 50px !important; } .esign_btn_sign_W4 { bottom: 8% !important; left: 52% !important; font-size: 9px !important; padding: 1px 7px !important; } .esign_W4_Date { position: absolute; bottom: 29px !important; left: 195px !important; font-size: 8px !important; } .esign_signature_W4 { left: 26% !important; bottom: 7% !important; } input.dateField.dateField-start { width: 110px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 6px; } input.dateField.dateField-end { width: 110px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 6px; } .fieldName > .dis-inline { display: block; } .dis-inline.trmultipleday.mLeft10 { display: inline-block !important; margin-left: 0px !important; } .request-box-sec { margin-top: 10px !important; } .add-timeoflab { width: 100% !important; } .add-timeof { width: 100% !important; } .day2 { width: 46%; } .bg-lblue { top: 2px; } .bg-lblue input.css-checkbox[type="checkbox"] + label.css-labelbox { float: right; right: 30px; top: -41px; } .timeoff-space .spacer15 { height: 0px !important; } .timeoff-policyspa .mLeft15 { margin-left: 0px; } .modal-body tr select { width: 95% !important; } .modal-body textarea { width: 89% !important; margin-right: 5px; } /*Dashboard*/ .chat-menu li#ControlPanelA { position: absolute; top: -46px; right: 70px; } footer p { padding: 5px 0; font-size: 11px; } /*Error Message popup*/ label.error::after { left: 35px; } .trmultipledayfields .EndTimeError + label { left: -3px !important; width: 215% !important; max-width: initial; top: -24px; } /*Form W-9 */ .begin-radio { padding-bottom: 2px !important; } /*Personal Details*/ .searchTitle { padding: 10px 0 0 0; } .divHomeAddress { padding: 0 0 10px 0; } .edit-modal-footer .btn.btn_md { font-size: 11px; padding: 4px 5px; } .addressContent-image .img_22_xs { position: absolute; bottom: 10px; right: 0px; } .personal-detailpay hr { margin-bottom: 0px; } .personal-detailpay .Con_searchTitle { font-size: 13px; margin-top: 10px; } /*Reportee(s) Add Time off OneDay*/ .reportee-timeoffone .fieldName { width: 245px !important; } .reportee-timeoffone .timeField-start { width: 100px !important; } .reportee-timeoffone .timeField-end { width: 100px !important; } /*Request Timeoff*/ .timeoff-request .dateField { width: 175px !important; } .timeoff-request .mLeft15 { margin-left: 0px; } .timeoff-request .timeField-start { width: 100px !important; } .timeoff-request .timeField-end { width: 100px !important; } /*Time clock TodayShift*/ .timer-div { min-height: 325px; } .allshift-time input.dateField.dateField-end { width: 283px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 6px; } .allshift-time input.dateField.dateField-start { width: 283px !important; padding: 10px 10px 6px 34px !important; background-position: 8px 6px; margin: 10px 0px; display: block; } .allshift-time .form-control { width: 283px !important; } .labelName.timeoff-reason { padding: 10px 0px !important; } .year-checklist { font-size: 12px; } /*Time Clock Current Shift*/ .time-currentshift { margin-left: 15px; } .currentshift-timeclock { margin: 0 0 10px 0 !important; } .time-currentshift .current-shiftstat { width: 360px !important; } .time-currentshift .current-selecttype { width: 288px !important; } .continuepay { margin: 10px 0px 0 0; } table td { display: block; text-align: left !important; width: 100% !important; } }