/* Your custom styles */ *{border: none;outline: none; text-decoration: none; font-family: 'Open Sans', sans-serif;} html,body{padding: 0; margin: 0;background: #f0f1f5; font-size: 16px;} .mainc{min-height:calc(100vh - 1.25rem);width: 100%; overflow-x: hidden; position: relative;z-index: 1;padding-top: 5.75rem; background: #f0f1f5;} .p-10{padding: 0.625rem!important;} .pb-20{padding-bottom:1.25rem;} .px-45{padding-top: 2.8125rem; padding-bottom:2.8125rem;} .pb-45{padding-bottom:2.8125rem;} .pt-45{padding-top:2.8125rem;} .px-60{padding-top: 3.75rem; padding-bottom: 3.75rem;} .same-height [class^="col-"],.same-height [class*=" col-"]{display: flex;flex: 1 auto;flex-direction: column;} .same-height [class^="col-"] .box,.same-height [class*=" col-"] .box{flex:auto;} textarea {resize: none;} input:focus, .form-control:focus {box-shadow: 0 0 0; outline: none;} .row.gutter-20{margin-left: -0.625rem;margin-right:-0.625rem;} .gutter-20>[class^="col-"],.gutter-20>.col{padding-left: 0.625rem;padding-right: 0.625rem;} .row.gutter-60{margin-left: -1.85rem;margin-right:-1.85rem;} .gutter-60>[class^="col-"],.gutter-60>.col{padding-left: 1.85rem;padding-right: 1.85rem;} .btn + .counter{background-color: #fe1212; color: #fff; font-size: 0.75rem; text-align: center; margin-left: -1rem;z-index: 2;position: relative;padding:0.125rem 0.25rem;border-radius: 50%;} .btn-icon{width: 2.5rem; height: 2.5rem;border-radius: 50%;padding: 0 !important; margin: 0!important; text-align: center;} .btn-icon.btn-lg{width: 3.5rem; height: 3.5rem; line-height: 3.5rem; font-size: 2rem} .btn-icon .fa{font-size:1.125rem;line-height: 2.5rem;} .btn-transparent{color: #333;background-color: transparent;box-shadow: none} .btn-transparent.waves-effect.waves-light .waves-ripple { background: rgba(80,182,104, 0.4); background: -webkit-radial-gradient(rgba(80,182,104, 0.2) 0, rgba(80,182,104, 0.3) 40%, rgba(80,182,104, 0.4) 50%, rgba(80,182,104, 0.5) 60%, rgba(80,182,104, 0) 70%); background: -o-radial-gradient(rgba(80,182,104, 0.2) 0, rgba(80,182,104, 0.3) 40%, rgba(80,182,104, 0.4) 50%, rgba(80,182,104, 0.5) 60%, rgba(80,182,104, 0) 70%); background: radial-gradient(rgba(80,182,104, 0.2) 0, rgba(80,182,104, 0.3) 40%, rgba(80,182,104, 0.4) 50%, rgba(80,182,104, 0.5) 60%, rgba(80,182,104, 0) 70%); } .btnbeigebg {background:#B99454;} .btnbeigeoutline {border:1px solid #B99454; background: transparent; color: #B99454;} .btnwid90 {width: 90px;} .bluebutton {background: #3C97BB; border:1px solid #2476B2; font-size: 16px; line-height: 46px; color:#FFF; padding:0 25px; font-family: 'Open Sans', sans-serif; font-weight: 600; cursor: pointer; transition: 0.3s all; border: 3px solid transparent; border-radius: 5px; /*box-shadow: 0px 3px 20px #3C97BBAF;*/} .bluebutton:hover {color:#fff; background: #195784;} .greybutton {background: #606060; border:1px solid #606060; font-size: 16px; line-height: 46px; color:#FFF; padding:0 25px; font-family: 'Open Sans', sans-serif; font-weight: 600; cursor: pointer; transition: 0.3s all; border: 3px solid transparent; border-radius: 5px;} .greybutton:hover {color:#fff; background: #252525;} .redbutton {background: #ED232A; border:1px solid #2476B2; font-size: 16px; line-height: 46px; color:#FFF; padding:0 25px; font-family: 'Open Sans', sans-serif; font-weight: 600; cursor: pointer; transition: 0.3s all; border: 3px solid transparent; border-radius: 5px; /*box-shadow: 0px 3px 20px #3C97BBAF;*/} .redbutton:hover {color:#fff; background: #ED232A;} .confirmedbutton {background: #25C486; color: #FFF; border-radius: 3px; /*width: 127px;*/ font-weight: 600; font-size:1rem; line-height:1.875rem; padding: 0 10px;} .grouprating {background: #1976D2; border-radius: 3px; font-weight: 600; font-size: 16px; line-height:1.875rem; color: #FFF; display: inline-flex;} .grouprating span {display: inline-flex; padding: 0 10px;} .grouprating span:first-child {border-right: 1px solid #1860A8;} /* login body */ .vh-height {min-height: 100vh;} .loginbody {background: #3C97BB; background: -moz-linear-gradient(top, rgba(60,151,187,0.8) 0%, rgba(237,35,42,0.8) 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(60,151,187,0.8) 0%, rgba(237,35,42,0.8) 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(60,151,187,0.8) 0%, rgba(237,35,42,0.8) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(60,151,187,0.8)', endColorstr='rgba(237,35,42,0.8)',GradientType=1 ); /* IE6-9 */} .loginbg {background: url(../images/loginbg.png);} .logo {max-width:150px;} .logintoplink {display: inline-block; width: 100%; text-align: right;} .logintoplink li {display: inline-block; padding-left: 25px} .logintoplink li a {color: #ffffff; font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 40px; letter-spacing: 0.01em;} .loginbody footer {height: 54px; display: flex; align-items: center; justify-content: center; background: transparent;} .loginbody footer p {font-size: 14px; color: #ffffff; line-height: 20px; text-shadow: 1px 1px 1px #000; letter-spacing: 0.025em} .logincontainer {height: calc(100vh - 60px);} .loginbox .md-form input {color: #3E4860; font-size:1rem; line-height: 1.5rem; padding:.625rem 0.9375rem; font-family: 'Open Sans', sans-serif; box-sizing: border-box; border:2px solid #D1D1D1; border-radius:5px;} .loginbox .md-form label {font-size:1rem; line-height: 1.5rem; color: #3E4860; padding-left:0.9375rem; top:.75rem;} .loginbox .md-form label.active {/*color: #1A73E8;*/ font-size:.75rem; line-height:.625rem; background: #FFF; padding: 0 5px; margin-left:0.6875rem;} .loginbox {background: #FFF; max-width:450px; width:100%; border-radius:5px; -webkit-box-shadow:0px 3px 20px 0px rgba(0,0,5,0.21); -moz-box-shadow: 0px 3px 20px rgba(0,0,5,0.21); box-shadow:0px 3px 20px rgba(0,0,5,0.21); padding: 20px; margin: 0 auto} .loginbox h2 {font-family: 'Open Sans', sans-serif; font-size:1.5rem; color:#000000; line-height:2.25rem; font-weight:600;} .loginbox .passwordionc {position: absolute; right:15px; top:30%} .loginbox .passwordionc i {font-size: 14px; color: #333;} .loginbody header {padding:20px 15px;} /*~~~~~~~~~~~~~~~~~~~~~~~~ Main Content ~~~~~~~~~~~~~~~~~~~~~~~~*/ .maincontent {position: relative; min-height: 100%; transition: 0.3s all;} header {/*width: calc(100% - 2.5rem);*/ height:4.375rem; background: #fff; padding:0.625rem 1.25rem; margin-left: 15.625rem; box-shadow: rgba(0,0,0,.1) 0 0.25rem 0.5rem; position: fixed; left: 0; right: 0px; top: 0; z-index:4;/* display: flex; justify-content: space-between;*/ transition: 0.3s all;} .leftmain {width: 15.625rem; height: 100%; position: fixed; left: 0px; z-index:5; background: #3C97BB; background: -moz-linear-gradient(top, rgba(60,151,187,0.8) 0%, rgba(237,35,42,0.8) 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(60,151,187,0.8) 0%, rgba(237,35,42,0.8) 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(60,151,187,0.8) 0%, rgba(237,35,42,0.8) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(60,151,187,0.8)', endColorstr='rgba(237,35,42,0.8)',GradientType=1 ); /* IE6-9 */ transition: 0.3s all;} .rightcontent {width: 100%; min-height: 100vh; background: #F5F5F5;} .bodytransition {padding-top:4.375rem; padding-left: 15.625rem; transition: 0.3s all;} .bodypart {padding: 1.25rem; min-height: calc(100vh - 70px); box-sizing: border-box;} .lefticonmain {display:none; width:3.125rem; height: 100%; background: #455B71; transition: 0.3s all; position: fixed; left: 0px; z-index:5;} .bodyresize .leftmain {width: 2rem;} .bodyresize .leftlogodiv, .bodyresize .leftmainlink {display: none;} .bodyresize .rightcontent header {margin-left: 2rem;} .bodyresize .bodytransition {padding-left: 2rem;} .bodyresize .lefticonmain {width: 0px} .bodyresize .lefticonmain + .leftinnermain {left:0px} /*~~~~~~~~~~~~~~~~~~~~~~~~ Main Content ~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~ left Content ~~~~~~~~~~~~~~~~~~~~~~~~*/ .leftinnermain:before {content: ""; position: absolute; left: 0px; top:5.125rem; bottom:0px; width:3.375rem; background: rgba(255,255,255,0.1);} .leftlogodiv {padding:1.25rem 0 1.25rem; text-align: center; margin-bottom: .25rem; background: rgba(0,0,0,0.16)} .leftlogodiv img {max-width:4.8125rem;} .leftmainlink {list-style-type: none; width: 96%; transition: 0.3s all;} .leftmainlink li {transition: all .3s;} .leftmainlink li a {display: block; color: #fff; border-radius: 0px 20px 20px 0px; padding:0 0.9375rem 0 1.125rem; line-height: 40px; font-size: 11px; text-decoration: none; position: relative; transition:0.3s all; font-weight: 600;} .leftmainlink li a i {margin-right: 1.875rem; font-size: 16px; display: inline-block; transform: translateY(2px);} .lefticonmain .homelink {margin-top:100px; display: block; text-align: center; color: #FFF} .leftinnermain {width:15.625rem;} .leftmainlink li a.active {background:rgba(255,255,255,0.3); color: #FFF;} .leftmainlink li a .arrowposition {position: absolute; right:5px; top: calc(50% - 10px); font-size:12px; margin-right: 0px; transition: .3s all; pointer-events:none;} .leftmainlink li ul {list-style-type: none; /*display: none; transition: 0.3s all;*/ transition: max-height 0.5s ease-out; max-height: 0; overflow: hidden;} .leftmainlink li a i.arrowposition:before, #activeMenu a i.arrowposition:before {content: "\e92d"; font-family: 'hrsoftware'; color: #FFF; font-size:.6rem;} .leftmainlink li.arrowposup a i.arrowposition:before, #activeMenu.arrowposup a i.arrowposition:before {color: #FFF; content: "\e90a"; font-size:.35rem; margin-right: 8px;} #activeMenu a.activemnu i.arrowposition:before {color:#333} #activeMenu ul {max-height: 400px; padding: 0px; overflow: auto;} #activeMenu ul li a {padding:0 0.75rem 0 4.1875rem;} #activeMenu ul li a:hover {background: rgb(255,255,255,0.3);} #activeMenu ul li ul {padding-left:0px;} #activeMenu ul li ul li a {font-size: 12px; line-height:40px; padding:0 0.75rem 0 5.375rem; font-weight: 400;} .leftmainlink li a.activemnu {background:rgba(255,255,255,1); color:#000;} .activemnu i {color: #ED232A;} .dropcontain li a i {font-size: .625rem; margin-right: .5rem;} .dropcontain li ul li a{font-size:.8125rem; font-weight: 400; } .collapsmenu {position: absolute; right:-0.9375rem; top:18px; background: #FFF; box-shadow: 0px 3px 6px rgba(0,0,0,.16); width:1.875rem; height:1.875rem; text-align: center; line-height: 1.875rem; border-radius: 50%;} .collapsmenu i {color: #da1d29; font-size:0.875rem;} .bodyresize .collapsmenu i.icon-next-copy:before {content: "\e911"; color: #da1d29; font-family: 'hrsoftware';} /*~~~~~~~~~~~~~~~~~~~~~~~~ left Content ~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~*/ .searchboxhead {border:1px solid #C4C4C4; background: #fff; border-radius: 3px; padding:0.5rem; display: flex;} .searchboxhead a{display:block; color: rgba(0,0,0,0.4); margin-right: 10px;} .searchboxhead input[type=search] {border:0px; background: transparent; font-size: 0.9375rem; line-height: 1.125rem; color: #858585; width: 100%;} .headlist {list-style-type:none; display: flex; justify-content: flex-end; align-items: center;} .headlist li {margin-left:1.375rem;} .headlist li a {font-size: 1.125rem; color:#858585; line-height:3.125rem;} .headlist li:first-child a {font-size: 0.875rem;} .usernameboxdiv > a {display: flex; align-items: center; padding: 0px .25rem; background-color: transparent !important; box-shadow: 0 0 0;} .usernameboxdiv > a:hover, .usernameboxdiv > a:active, .usernameboxdiv > a:focus {box-shadow: 0 0 0;} .usernameboxdiv .userpicbox {width: 42px; height: 42px; border-radius: 50%; border:2px solid #FFF; box-shadow: 0px 3px 6px #00000029; display:inline-flex;} .usernameboxdiv .userpicbox img {max-width:100%;} .usernameboxdiv .usernamed {font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:.75rem; line-height:1rem; color:#000000; font-weight:400;} .usernameboxdiv .usernamed span {font-size:0.5625rem; text-align: left; display:block;} /*~~~~~~~~~~~~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~ Nav Tabs ~~~~~~~~~~~~~~~~~~~~~~~~*/ .nav.nav-tabs {margin:-1.25rem -1.25rem 0; background:#BD4364; background:-moz-linear-gradient(right, rgba(189,67,100,1) 0%, rgba(135,80,140,1) 99%); background:-webkit-linear-gradient(right, rgba(189,67,100,1) 0%, rgba(135,80,140,1) 99%);background:linear-gradient(right, rgba(189,67,100,1) 0%, rgba(135,80,140,1) 99%); box-shadow: 0px 2px 6px rgba(0,0,0,0.29); border-bottom: 0px;} .nav.nav-tabs li a {display: block; font-size: 1.125rem; line-height:2.5rem; font-weight: 400; padding:0 .875rem; color: #FFF;} .nav.nav-tabs li.active a {/*background: rgba(255,255,255,0.21);*/} .breadcrumb {background: transparent; padding:.25rem 0;} .breadcrumb li {line-height: 0.875rem;} .breadcrumb li a {font-size:0.75rem; color: #6A6A6A; } .breadcrumb li.breadcrumb-item.active {color: #221F20; font-size:0.75rem; line-height: 0.875rem; transform: translateY(4px);} .breadcrumb-item + .breadcrumb-item::before {content: "\e92d"; font-family: 'hrsoftware'; font-size:0.625rem;} /*~~~~~~~~~~~~~~~~~~~~~~~~ header ~~~~~~~~~~~~~~~~~~~~~~~~*/ .pageheader {display: flex; align-items: flex-start; justify-content: space-between;} .pageheader h2 {font-size:1.5rem; line-height: 1.5rem; color:#221F20; font-weight: 600; } .pageheader .pageright {} .headsearch {border:1px solid #C0BFBF; background: #FFF; padding:0px 0px 0px 35px; margin-right: 20px; position: relative; min-width:100%; border-radius:2px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 0.875rem; color: #858585;} .headsearch .iconsearchbtn {position: absolute; left: 10px; top:calc(50% - 10px); color: #58595B; font-size: 16px;} .headsearch input[type=search] {width: calc(100% - 114px);} .headsearch button {box-shadow: 0 0 0;} .gridboxcurv {border-radius:30px; min-width:130px; background: #FFF; border: 1px solid #CCCCCC; display: flex; box-shadow: 0 3px 6px rgba(0,0,0,0.18);} .gridboxcurv a {display:block; border-right: 1px solid #CCCCCC; width:65px; line-height: 40px; text-decoration: none;} .gridboxcurv a:last-child {border-right: 0px;} .gridboxcurv a i {font-size: 15px; color: #333; font-weight: 600;} .addbutton {display: block; color: #FFF; width: 40px; height: 40px; border-radius: 50%; background: #3C97BB; box-shadow: 0 1px 6px rgba(61, 143, 153, 0.24); line-height: 40px;} .addbutton:hover {background: #257c9f; color: #FFf} .selectbox {border: 1px solid #C0BFBF; background: #EBEBEB; padding: 7px; position: relative; /* min-width: 100%; */ border-radius: 2px; width: 100%; box-sizing: border-box; font-size: 0.875rem; color: #707070; font-family: 'Open Sans', sans-serif; -moz-appearance: none; -webkit-appearance: none; appearance: none; position: relative;} .topformargin {margin: 12px 0;} .topformargin .row {margin:0 -10px;} .topformargin .row [class^="col-"] {padding: 0 10px;} .topformargin .btn {font-size: 0.875rem; line-height:32px;} .datetable {background: #FFF; box-shadow: 0 3px 6px rgba(0,0,0,0.18);} .datetable table {width: 100%} .datetable table th {background:#EAEAEA; border-bottom: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; border-top: 1px solid #B2B2B2; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 0.775rem; line-height:1.5rem; color:#383838; padding:.5rem .5rem; white-space: nowrap; vertical-align: middle;} .datetable table th a {font-size: 12px; color:#383838; } .datetable table td {font-family: 'Open Sans', sans-serif; font-size: 0.775rem; line-height:normal; color: #222222; border-bottom: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; /*background: #EBEBEB;*/ padding:.3rem .5rem; white-space: nowrap; font-weight: 600; border-top: 1px solid #B2B2B2;} .datetable table tbody tr:nth-child(even) {background:#fff} .datetable table tbody tr:nth-child(odd) {background:#EFF3F5} .datetable table td a i {/*color: #333; font-size: 0.875rem;*/} .datetable table td .actionlink {font-size:.25rem; color:#b64569; display: block;} .datetable table tr.active td {/*background:rgba(167,187,60,0.25);*/ background: #E6EE9C;} .custom-control-label::before {border:2px solid #404040; background:#FFF;} .datetable table td.group-grey {background: #ccc;} .datetable table td.group-maroon {background:#f79797;} .datetable table td.group-blue {background:#8dcefd;} .datetable table td.group-green {background:#c5efc2;} .datetable table td.group-red {background:#f1b5b5;} .emploeydetailstbl table th:first-child, .emploeydetailstbl table td:first-child {padding-left: 20px;} /* table header fixed */ .dataheadfd {position: relative; overflow-y:auto; height:170px;} .dataheadfd th {position: sticky; position:-webkit-sticky; top:0px;} .menuaction {position: absolute; top:30px; left:7px; z-index: 1; width: 53px; background:#BD4364; background:-webkit-linear-gradient(top, #BD4364 0%, #87508C 99%); background:-moz-linear-gradient(top, #BD4364 0%, #87508C 99%); background:linear-gradient(top, #BD4364 0%, #87508C 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD4364', endColorstr='#87508C',GradientType=1 ); border-radius:27px; box-shadow: 6px 6px 6px #00000029;} .menuaction ul {list-style-type: none;} .menuaction ul li {border-bottom: 1px solid #FFFFFF;} .menuaction ul li:last-child {border-bottom:0px;} .menuaction ul li a {display: block; line-height: 46px; text-align: center;} .menuaction ul li a i {font-size: 14px; color: #FFF;} /*~~~~~~~~~~~~~~~~~~~~~~~~ employee table pagination ~~~~~~~~~~~~~~~~~~~~~~~~*/ /* data table design */ /*.datetable .dataTables_scrollHead table.dataTable thead th {font-weight: 600; border-bottom:0px solid rgba(0,0,0,0.29); position: relative;}*/ /*.datetable .dataTables_scrollHead table.dataTable thead th, .datetable .dataTables_scrollHead table.dataTable thead td, .datetable .dataTables_scrollHead table.dataTable tbody th, .datetable .dataTables_scrollHead table.dataTable tbody td {padding: 0 10px;}*/ .datetable table th a {font-size: 12px; color:#383838; } .datetable .dataTables_scrollHead table.dataTable thead th:last-child:after {content: ""; position: absolute; right: -33px; top: -2px; bottom: -1px; width: 52px; border-bottom: 1px solid rgba(0,0,0,0.29); border-top: 2px solid rgba(0,0,0,0.29); background:#EAEAEA;} .footertabel {padding:15px 0;} .tablepagination .pagination li.page-item a.page-link {font-size: 0.75rem; line-height: 1.25rem; font-weight: 300; color: #000; padding: 0px .375rem;} .tablepagination .pagination li.page-item a.page-link:hover {font-weight: 600;} .tablepagination .pagination li.page-item:nth-child(2) a.page-link {} .tablepagination .pagination li.page-item:first-child a.page-link, .tablepagination .pagination li.page-item:last-child a.page-link {background: #AF466E; width:1.875rem; height:1.875rem; border-radius: 50%; color: #FFF; line-height: 1.875rem; padding: 0px; text-align: center; text-decoration: none;} .dataTables_length label {font-size: 0.9375rem; line-height: 1.125rem; color: #424242;} .dataTables_length label select {border-bottom: 1px solid rgba(0,0,0,0.4); font-size: 0.9375rem; line-height: 1.125rem; color: #424242; background: transparent} .dataTables_info {font-size: 0.9375rem; line-height: 1.125rem; color: #424242;} .dataTables_paginate {display:flex; align-items:center; justify-content: flex-end;} .dataTables_paginate .paginate_button {background: #AF466E; width:1.625rem; height:1.625rem; border-radius: 50%; color: #FFF; font-size: .75rem; line-height: 1.625rem; padding: 0px; text-align: center; text-decoration: none; position: relative; overflow: hidden; display: inline-flex; justify-content: center; align-items: center;} .dataTables_paginate .paginate_button:first-child:before {content: "\e932"; font-family: 'hrsoftware'; color: #fff} .dataTables_paginate .paginate_button:last-child:before {content: "\e931"; font-family: 'hrsoftware'; color: #fff} .dataTables_paginate > span {display:inline-flex;} .dataTables_paginate > span a.paginate_button {font-size: 0.75rem; line-height: 1.625rem; font-weight: 300; color: #000; padding: 0px .375rem; display: block; background: transparent; text-align: center; width: auto;} .dataTables_paginate > span a.paginate_button:before {display: none;} .dataTables_wrapper .row:last-child {/*padding:15px*/} /*~~~~~~~~~~~~~~~~~~~~~~~~ employee Details page ~~~~~~~~~~~~~~~~~~~~~~~~*/ .profilestatus {} .profilestatus h4 {font-size: 1rem; line-height: 1.25rem; color: #000000; font-weight: 700; margin-bottom: .25rem} .profilestatus .statusprofbar {background:#E3E3E3; height:.5rem; overflow: hidden; display:inline-flex; min-width: 270px;} .profilestatus .statusprofbar span {display: inline; width:82%; background: rgb(6,165,0); background: linear-gradient(90deg, rgba(6,165,0,1) 0%, rgba(99,213,73,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06A500', endColorstr='#63D549',GradientType=1 );} .employeedetailbox {height:100%; position: relative; padding:21px 24px; overflow: hidden;} .employeedetailbox:before {content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; top:0px; background: url(../images/profilebg.png); background-position: center; background-repeat: no-repeat; background-size: cover; filter: blur(18px); -webkit-filter: blur(18px);} .employeedetailbox:after {content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; top:0px; background: rgba(0,0,0,0.44);} .employeedetailbox .edittopdiv {position: absolute; top:16px; right:16px; z-index: 1; text-decoration: none;font-size: 1rem; line-height: 1.25rem; color: #FFF;} .employeedetailbox .edittopdiv i {color: #FFF; font-size: .875rem; margin-right: 8px;} .employpicskill {display: flex; align-items: center; position: relative; z-index: 1;} .employpicskill .userpicdiv {width:145px; height:145px; border:3px solid #FFF; box-shadow: 0px 6px 10px #0000004D; overflow: hidden; border-radius: 50%; position: relative;} .employpicskill .userpicdiv img {border:0px solid #000; /*max-width: 205px;*/ /*border-radius: 50%;*/ min-height:145px; width: 100%;} .employpicskill .userpicdiv .changepic {background: rgba(0,0,0,0.5); position: absolute; bottom:0px; left:0px; right:0px; display: flex; align-items: center; justify-content: center; height:60px;} .employpicskill .userpicdiv .changepic input[type=file] { opacity: 0; position: absolute; top: 0px; right: 0px; left: 0px; cursor: pointer; width: 100%; height: 63px; } .employpicskill .userpicdiv .changepic a {display: block; color:#FFF; pointer-events: none;} .employpicskill .detailcontent {margin-left: 25px; width: calc(100% - 170px);} .employpicskill .detailcontent .sp1{display: inline-flex;flex-direction: row;padding-right: 30px;flex-wrap: wrap;} .employpicskill .detailcontent .sp1 span{ margin-right: 8px; margin-bottom: 6px; height: 32px;} .employpicskill .detailcontent .sp2 span{right: 0!important;} .employpicskill .detailcontent .employeeeid {background: rgba(255,255,255,0.37); padding:0 10px; font-size: 1rem; line-height:1.875rem; font-weight: 600; color: #FFF; display: inline-flex; border-radius: 3px; font-weight: 600;} .employpicskill .detailcontent h4 {font-size:1.375rem; line-height:1.5rem; color: #FFF; margin:14px 0px 10px; font-weight: 600; } .employpicskill .detailcontent h4 span {display: block; margin-top:0.625rem; font-size: 1rem; line-height:1.5rem; font-weight:400;} .employpicskill .detailcontent .listnumber {list-style-type: none; padding: 0px; display: flex; margin-bottom: 0;} .employpicskill .detailcontent .listnumber li {padding-right: 10px; font-size: 0.875rem; line-height: 1.625rem; color: #FFF} .employpicskill .detailcontent .listnumber li i {font-size: 0.875rem; margin-right: 10px;} .employpicskill .detailcontent .listnumber li a {color: #FFF; text-decoration: none;} .employpicskill .detailcontent .confirmedbutton {/*position: absolute; right: 0px; top:0;*/ display:inline-flex;justify-content: center;} .employeeranking {position: absolute; bottom:12px; right:12px; background: rgba(255,255,255,0.4); border-radius: 3px; font-size: .75rem; font-weight: 700; line-height: 2rem; padding: 0 10px; color: #FFF;} .employpicskill .detailcontent .employeeeid.rankingbackgrnd {background:#ED232A;} .employpicskill .detailcontent .employeeeid.rankingbackgrndgreen {background: #00c853;} .employpicskill .detailcontent .employeeeid.rankingbackgrndlgtgreen {background:#9fecbf; color:#333;} .employpicskill .detailcontent .employeeeid.rankingbackgrndblue {background:#1393c3;} .employpicskill .detailcontent .employeeeid.rankingbackgrndyellow {background:#ffc107;} .employeekeyfact {height:100%; background: #BD4364; background: -moz-linear-gradient(top, #BD4364 0%, #87508C 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #BD4364 0%, #87508C 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #BD4364 0%, #87508C 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD4364', endColorstr='#87508C',GradientType=1 );} .employeekeyfact .employeehead {background: rgba(0,0,0,0.5); padding:0 24px;} .employeekeyfact .employeehead h4 { font-size:1rem; line-height:3rem; color: #FFF; font-weight:600;} .employeekeyfact .employeebody {padding:1.5rem;} .keyfactlist {list-style-type: none; padding: 0;} .keyfactlist li {display: inline-block; width: 49%; padding-bottom: 10px;} .keyfactlist li .parahead {font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: #FFF;} .keyfactlist li .parahead span {font-weight: 300; font-size: 0.875rem; line-height: 1.5rem; color: #FFFFFF; display: block;} /* sub nav tab */ .subnavtabbg {height: 46px; background: #fff; /*background: -moz-linear-gradient(left, #BD4364 0%, #87508C 99%);*/ /* FF3.6-15 */ /*background: -webkit-linear-gradient(left, #BD4364 0%, #87508C 99%);*/ /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to right, #BD4364 0%, #87508C 99%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD4364', endColorstr='#87508C',GradientType=1 );*/border-top: 5px solid #BD4364; /*padding-top:0.25rem;*/ margin-top:1.25rem; display: flex; justify-content: space-between;} .nav.subnavtab {display: inline-flex;} .nav.subnavtab li {background: #FFF;} .nav.subnavtab li a {display: block; padding:0 20px; font-size: 1rem; line-height: 1.5rem; color: #4B4B4B; line-height: 46px;} .nav.subnavtab li.active {background: #BD4364;} .nav.subnavtab li.active a {color: #FFF;} .nav.subnavtab li:last-child {/*width: calc(100% - 250px);*/ background: #FFF;} .subnavtabbg .whitediv {width: auto; display: inline-flex; height: 46px; background: #FFF; position: relative;} .subnavtabbg .whitediv:after {content: ""; position: absolute; right: -5px; top:0px; bottom: 0px; width: 10px; background: #FFF;} .subnavtabbg .whitediv .btn {line-height: 28px;} .card.customdesign h4 {font-size: 1.125rem; line-height: 1.875rem; font-weight:700; /*color: #484848;*/ color:#000; margin-bottom:.75rem; display: inline-flex; text-align: center; margin-top:5px;} .card.customdesign h4 i {font-size: 0.875rem; background:#4580FF; color: #FFF; width:1.875rem; height: 1.875rem; border-radius: 50%; line-height: 1.875rem; margin-right: 10px;} .customdesign .md-form {margin-top:.5rem; margin-bottom:.5rem;} .customdesign .md-form input, .customdesign .md-form select, .customdesign .md-form textarea {color: #3E4860; font-size:1rem; line-height: 1.5rem; padding:.625rem 0.9375rem; font-family: 'Open Sans', sans-serif; box-sizing: border-box; border:2px solid #D1D1D1; border-radius:5px;} .customdesign .md-form label {font-size:1rem; line-height: 1.5rem; color: #3E4860; padding-left:0.9375rem; top:.75rem;} .customdesign .md-form label.active {/*color: #1A73E8;*/ font-size:.75rem; line-height:.625rem; background: #FFF; padding: 0 5px; margin-left:0.6875rem;} .card.customdesign .subtitle {font-size: 1rem; line-height:2rem; font-weight: 600; /*color: #828282;*/ color: #000000; border-bottom:1px solid rgba(112,112,112,0.22); padding-bottom: 5px;} .footerbutton button {width:10.625rem; margin-right: 1.25rem;} .customdesign .md-form label .asterixmark {color: #ff0000;} .customdesign .md-formd label {/*color: #49b360;*/ color:#0c0c0c;} .customdesign .md-form label.active {color:#2d7b9a;} .card.customdesign .subtitle .md-formd label {color: #737373; font-size: 14px;} /*.customdesign .md-form.nonmandatoryfield label, .customdesign .md-form.nonmandatoryfield label.active {color:#007d1c;}*/ .card.customdesign h4.redcolorhead i {background: #FC6180;} .card.customdesign h4.greencolorhead i {background: #93BE51;} .card.customdesign h4.browncolorhead i {background: #795548;} .datecalendar .input-group-addon {position: absolute; right:10px; top:0px; bottom: 0px; display: flex; align-items: center; pointer-events: none;} .datecalendar .input-group-addon i {font-size: 1.25rem; color: #8a8a8a;} .bootstrap-datetimepicker-widget .prev {} .bootstrap-datetimepicker-widget .prev i:before {content: "\e925"; font-family: 'hrsoftware'; color: #333} .bootstrap-datetimepicker-widget .next i:before {content: "\e924"; font-family: 'hrsoftware'; color: #333} .bootstrap-datetimepicker-widget .ui-datepicker-title {font-weight: bold;} .bootstrap-datetimepicker-widget th {font-weight:bold;} .dropdown-menu.show {padding: 0px; border-radius: 5px; border:0px; top:-12px !important; z-index:9999999;} .dropdown-menu.show:before {content: ""; position: absolute; top:0px; right:0px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid white;} .dropdown-menu.show .dropdown-item {border-bottom: 1px solid #c0bfbf; font-size:1rem; line-height: 44px; color:#3e4860; padding: 0 .75rem;} .dropdown-menu.show .dropdown-item:last-child {border-bottom: 0px;} .dropdown-menu.show .dropdown-item:hover {background:#ededed;} .dropdown-menu.show .dropdown-item i {color:#3e4860; padding-right: .75rem;} .customdesign .md-form .mdb-select {background: url(../images/download.png) no-repeat 97%; -webkit-appearance: none; /*background-position-x: 244px;*/} /* modal box design */ .modalboxdesign .modal-header .modal-title {font-weight: 600; font-size: 1.125rem; line-height: 1.5rem; color: #484848;} .modalboxdesign .modal-header .modal-title i {font-size:0.875rem; color:#5f5f5f; margin-right: 5px;} .modalboxdesign .modal-header .close {font-size:0.875rem; color:#19181a; opacity: 1;} .modalboxdesign .md-form {margin-top:.5rem; margin-bottom:.5rem;} .modalboxdesign .md-form input, .modalboxdesign .md-form select, .modalboxdesign .md-form textarea {color: #3E4860; font-size:1rem; line-height: 1.5rem; padding:.625rem 0.9375rem; font-family: 'Open Sans', sans-serif; box-sizing: border-box; border:2px solid #D1D1D1; border-radius:5px; height: auto;} .modalboxdesign .md-form label {font-size:1rem; line-height: 1.5rem; color: #3E4860; padding-left:0.9375rem; top:.75rem; pointer-events:none;} .modalboxdesign .md-form label.active {/*color: #1A73E8;*/ font-size:.75rem; line-height:1rem; background: #FFF; padding: 0 5px; margin-left:0.6875rem;} .choosefilemodal {padding-right: 25px; position: relative;} .choosefilemodal input[type=text] {border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; display: inline-flex; width:49%;} .choosefilemodal .choosebutton {display:inline-flex; justify-content: center; width:49%; border-radius: 0 3px 3px 0; background: #3C97BB; border: 2px solid #3C97BB; padding:10px 0.9375rem; font-size: 1rem; line-height: 1.5rem; color: #FFF; position: relative; margin-left: -5px;} .choosefilemodal .choosebutton input[type=file] {position: absolute; left: 0px; right: 0px; bottom: 0px; top:0px; opacity: 0;} .choosefilemodal .removerow {position: absolute; top:0px; bottom:0px; right:0px; display: flex; align-items: center;} .choosefilemodal .removerow a {font-size:1.125rem; color:#858585;} /* datatable */ .dataTables_wrapper .row:last-child {padding:15px 15px 10px; margin-top:12px;} /* experience education */ .employeehead {padding:1.5rem 0 1rem} .employeehead h4 {font-size: 1.125rem; line-height: 1.5rem; color: #484848; font-weight:600;} .employeehead h4 i {margin-right: 10px;} .addmorebutton {font-size:1rem; line-height: 1.5rem; color: #000000; font-weight: 600;} .addmorebutton i {color: #56CE3F; margin-right:0.625rem;} .detailaction a {color: #000;} /* input focus */ .md-form input[type=text]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {border:2px solid #3E4860;} .md-form input[type=text]:focus:not([readonly]) + label, .md-form input[type=password]:focus:not([readonly]) + label, .md-form input[type=email]:focus:not([readonly]) + label, .md-form input[type=url]:focus:not([readonly]) + label, .md-form input[type=time]:focus:not([readonly]) + label, .md-form input[type=date]:focus:not([readonly]) + label, .md-form input[type=datetime-local]:focus:not([readonly]) + label, .md-form input[type=tel]:focus:not([readonly]) + label, .md-form input[type=number]:focus:not([readonly]) + label, .md-form input[type=search-md]:focus:not([readonly]) + label, .md-form input[type=search]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label {color:#3E4860;} .md-form label.active {-webkit-transform: translateY(-140%); -ms-transform: translateY(-140%); transform: translateY(-140%);} /*.customdesign .md-form.mandatoryfield input:focus:not([readonly]) {border-color:#ff0000;} .customdesign .md-form.nonmandatoryfield input:focus:not([readonly]) {border-color:#007d1c;}*/ .overlaybg {display: none;} .backoverlay .overlaybg {background: rgba(0,0,0,0.4); position: fixed; top:0px; bottom:0px; right:0px; left: 0px; display: block; z-index: 5;} /* custom color */ .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color: #AC4771; border:2px solid #AC4771} .custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after {top:calc(50% - 8px);} /* filter icon top */ .filtericontop {/*border: 1px solid #C0BFBF;*/ padding:4px 0; /*background: #FFF;*/ display: inline-flex;} .filtericontop ul {display: flex; width: 100%; list-style-type: none;} .filtericontop ul li {padding: 0 5px;} .filtericontop ul li a {display: block; width:40px; height:40px; border-radius: 50%; text-align: center; /*background:#AF466E; color: #FFF;*/ color: #C0BFBF; font-size:18px; line-height:40px; text-decoration: none;} .filtericontop ul li a:hover {background: #EBEBEB;} #userTable_paginate {position: absolute; top: -48px; right:15px;} #projectTable_paginate {position: absolute; top: -48px; right:15px;} /* custom color */ .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color: #AC4771;} .custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after {top:4px;} .datetable table th .custom-control-input, .datetable table td .custom-control-input {z-index: 1; left: 0px; top: calc(50% - 7px);} .DTFC_RightBodyLiner i {margin-left:10px;} .DTFC_RightBodyLiner i:first-child {margin-left: 0px;} /* employee working since */ .employeeworking {/*background: #FFF;*/ border-radius: 3px; /*box-shadow: 0 3px 6px rgba(0,0,0,0.16);*/ padding:1rem 0rem 0;} .employeeworking .datejoin {text-align: center; font-size: 1rem; line-height: 2.5rem; font-weight:600; color: #4B4B4B; border-radius: 3px; width: 100%; margin-bottom: 0.625rem;} .employeeworking .datejoin span {font-weight:600;} .employeeworking .datejoin.beigebg {background:#313131; margin-right: 1.25rem; color:#FFF; display: flex; justify-content: center;} .employeeworking .datejoin.beigebg span:first-child {width: 100%;} .employeeworking .datejoin.beigebg span.blackbg {background: #000000; border-radius: 3px 3px 0 0; display: inline-flex; padding: 0 10px; width: 85px;} .employeeworking .datejoin.bluebg {background: #F35814; color: #FFF;} .employeeworking .datejoin.bluebg span {font-weight: bold;} .employeedetailcolm {border-radius: 3px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); height: 100%; overflow: hidden;} .employeedetailcolm .headiv {background: rgb(135,80,140); background: linear-gradient(90deg, rgba(135,80,140,1) 0%, rgba(189,67,100,1) 100%); border-radius: 3px 3px 0 0} .employeedetailcolm .headiv h5 {font-weight: 700; font-size:0.9375rem; line-height:2rem; color: #FFF; padding-left: 0.9375rem;} .employeedetailcolm .headstats {padding:0.875rem;} .employeestats {list-style-type: none;} .employeestats li {display: inline-flex; width:49%; font-weight: 400; font-size: 0.9375rem; line-height: 1.5rem; color:#000000; padding-bottom: .75rem;} .employeestats li span {font-weight: 700; padding-left: 6px;} .employeestats li:last-child, .employeestats li:nth-last-child(2) {padding-bottom: 0px;} .employeedetailcolm .greenbg {background: #D5F3E9;} .employeedetailcolm .redbg {background: #FFD5D6;} .employeedetailcolm img {width: 100%;} .statusprogss {font-weight: 600; font-size: 0.8125rem; line-height: 1.5rem; border-radius: 3px; padding: 0 10px; display: inline-flex;} .inprogresspan {/*background: #FFEFCB;*/ color:#4291E0} .holdspan {/*background: #FFD5D6;*/ color:#ED232A} .completedspan {/*background: #D5F3E9;*/ color:#199513} .uparrow {color:#5dad7e; font-size: 0.625rem; margin-left: 5px;} .downarrow {color:#ed4046; font-size: 0.625rem; margin-left: 5px;} a.editdetailbutton {width:2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; background:#3C98BC; border-radius: 50%; color: #FFF; display: block;} .customizeradio .custom-control:first-child {min-width:280px; padding-left:0px} .customizeradio .choosefilemodal {padding-right:0px; max-width:70%;} .customizeradio .choosefilemodal input[type=text] {padding: 6px;} .customizeradio .choosefilemodal .choosebutton {width: 38%; padding: 6px;} .customizeradio select {max-width: 70%;} .dataTables_wrapper .dt-button.buttons-collection { position: absolute; top: -48px; z-index: 2; left: 168px; background: transparent; color: #FFF;} .dataTables_wrapper .dt-button.buttons-collection a i {color:#FFF;} .dt-buttons {position: relative;} .dt-button-collection {position: absolute; width: 300px; border: 1px solid #FFF; background: #FFF; padding: 5px; top: -23px; left: 177px;} .dt-button-collection .dt-button.buttons-columnVisibility active {display: block;} .dt-button-collection {z-index: 5;} .dt-button-collection button {width: 100%; text-align: left; border-bottom: 1px solid #ddd; background: #FFF; padding: 8px; font-size: .875rem;} .dt-button-collection button span input[type=checkbox] {margin-right: 10px;} .dt-button-collection > div {overflow-y:auto; max-height: 300px;} .dataTables_length label {margin:0px;} /* switch css */ .switchlabel {display: flex; justify-content: space-between; align-items: center; height: 100%;} .switchlabel label {margin: 0 0 0;} .switchlabel .labeltext {display: inline-block; font-size:1rem; line-height: 1.5rem; color: #4B4B4B} .switch {position: relative; display: inline-block; width:40px; height:20px;} .switch input {opacity: 0; width: 0; height: 0;} .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #c5c5c5; -webkit-transition: .4s; transition: .4s;} .slider:before {position: absolute; content: ""; height:14px; width:14px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;} input:checked + .slider {background-color: #00c853;} input:focus + .slider { box-shadow: 0 0 1px #00c853;} input:checked + .slider:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);} /* Rounded sliders */ .slider.round {border-radius: 34px;} .slider.round:before {border-radius: 50%;} /* label text */ .releasection:first-child {padding-right:18px;} .releasection:last-child {padding-left:18px;} .releasection {margin-top:.75rem;} .releasection h5 {font-size: 1.0625rem; line-height: 1.5rem; color: #4B4B4B; font-weight:600; margin-bottom:0px;} .releasection .panelbody {padding:1.125rem 0; border-bottom: 1px solid #D1D1D1;} .releasection .panelbody:last-child {border-bottom: 0px;} .uploadfilebox {border:2px solid #D1D1D1; border-radius: 5px; background: #FFF; display: flex; justify-content: space-between;} .uploadfilebox input[type=text] {padding:8px; width: calc(100% - 2.75rem); background: transparent; font-size:.875rem; color:#3C98BC; line-height: 1.5rem;} .uploadfilebox button {background:#3C98BC; border-radius: 0 3px 3px 0; width:2.75rem; height:2.75rem; font-size: 1.25rem; color: #FFF; cursor: pointer; margin: -2px 0;} .bodycolswitch p {font-size: 0.875rem; color: #FFF; padding-right:10px;} /* dashboard css */ .dashboardcol {border:3px solid #15A765; border-radius: 3px 3px 0 0; position: absolute; top: 0px; z-index: 2; left: 0px; right: 0px;} .dashboardcol.yellowbg {border-color: #FEAD46;} .dashboardcol.bluebg {border-color: #3C97BB;} .dashboardcol.redbg {border-color: #ED232A;} .dashboardcol.purplebg {border-color: #5B6BC0;} .dashboardcol.greendkbg {border-color: #455A64;} .dashboardcol.greendkbg2 {border-color: #00BFA5;} .dashboardcol.bluedkbg2 {border-color: #2962FF;} .dashboardcol.yellowdkbg2 {border-color: #FF9800;} .dashboardcol.greydkbg2 {border-color: #9E9E9E;} .dash-colhead {padding:.5rem 1.125rem; display: flex; justify-content: space-between;} .dash-colhead h3 {font-size: 0.9375rem; line-height: 1.5rem; font-weight: 700; color: #383838;} .dash-colhead .md-form .form-control {font-size: 0.8125rem; line-height: 1rem; border-color:#D1D1D1; padding: 0.4375rem .75rem .4375rem .25rem; border-radius: 3px;} .dash-colhead .md-form .form-control .datecalendar .input-group-addon i {font-size: .75rem;} .tableleft td:first-child {background: #3C97BB; color: #FFF; border-bottom: 1px solid #308DB2} .tableabscond td:first-child {background: #E9252D; color: #FFF; border-bottom: 1px solid #D63138} .row.blockmargn [class^='col-'] {margin-top:1.25rem;} .dataTable.DTFC_Cloned tr:last-child .menuaction, .dataTable.DTFC_Cloned tr:nth-last-child(2) .menuaction, .dataTable.DTFC_Cloned tr:nth-last-child(3) .menuaction, .dataTable.DTFC_Cloned tr:nth-last-child(4) .menuaction, .dataTable.DTFC_Cloned tr:nth-last-child(5) .menuaction, .dataTable.DTFC_Cloned tr:nth-last-child(6) .menuaction {top:unset; bottom:25px;} /* new header search */ .leftheadesearh {border-right:1px solid #C0BFBF; padding-right:15px; margin-right: 15px; display: inline-flex;} .group-color1 {background: #EBEBEB;} .group-color2 {background: rgba(209,196,233,0.3);} .group-color3 {background:#FCE4EC;} .group-color4 {background:#F9FBE7;} .group-color5 {background: rgba(206,230,177,0.5);} .group-color6 {background:#E9F8D7;} .group-color7 {background: rgba(215,204,200,0.5);} .text-color1 {color: #0464A0;} .text-color2 {color:#311B92;} .text-color3 {color:#880E4F} .text-color4 {color:#D63030} .text-color5 {color:#8E1D1D} .text-color6 {color:#33691E} .text-color7 {color:#827717} .text-color8 {color:#01225F} .text-city1 {color: #01579B} .text-city2 {color:#DD2C00} .text-color10 {color:#880E4F;} .text-color11 {color:#c5a91e} .text-color12 {color: #880E4F} .text-color13 {color:#80620d;} .text-color14 {color:#8a8787;} .textfont16 {font-size:1rem;} .textfont17 {font-size:1.12rem;} .text-confirmed {color:#11650d} .text-probation {color:#4291E0} .text-resigned {color:#ED232A} .datetable table tbody td.bluecoltext {color: #022471;} .datetable table tbody td.orangecoltext {color: #F54848;} .datetable table tbody td.whitecoltext {color: #FFF;} .datetable table tbody td.browncoltext {color: #6A1515;} .datetable table tbody td.greencoltext {color: #767E12;} .datetable table tbody td.reddcoltext {color: #56254E;} .datetable table tbody td.darkbrowncoltext, span.darkbrowncoltext {color: #5a2929;} .datetable table tbody td.greybgtext {background: #747474 !important} .datetable table tbody td.blueopactbgtext {background: rgba(2,36,113,.15) !important;} .datetable table tbody td.orangeopactbgtext {background: rgba(245,72,72,.04) !important;} .datetable table tbody td.greenopactbgtext {background: rgba(118,126,18,.15) !important;} .datetable table tbody td.redopactbgtext {background: rgba(116,53,98,.15) !important;} .datetable table thead th.bluecoltext {color: #022471;} .datetable table thead th.blueopactbgtext {background: rgba(2,36,113,.15) !important;} .totalone {background: #4d4d4d; line-height: 30px; color: #fff; padding: 0 12px; border: 1px solid #868686; font-size: 18px; border-radius: 4px; font-weight: bold;} /* employid */ #employeeSearch select {padding-left: 25px;} #employeeSearch select.selectgreen {background: rgba(206,230,177,0.2); color: #33691E;} #employeeSearch select.selectblue {background: rgba(60,151,187,0.2); color: #3C97BB;} .iconsrtdes {position: absolute; top: 0px; bottom: 0px; width: 20px; height: 37px; display: flex; align-items: center; z-index:40; left: 18px;} .iconsrtdes i {color: rgba(0,0,0,0.4);} .boxheadgrad {background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(46,40,40,1) 56%, rgba(123,108,108,1) 100%); border-radius: 3px 3px 0 0;} .boxheadgrad h3 {font-weight: bold; font-size: 15px; line-height:30px; color: #FFF} .datetable.emploeydetailstbl table th {background:#E3E3E3; border-right: 1px solid #B2B2B2; color: #000000;} .datetable.emploeydetailstbl table td {border-right: 1px solid #B2B2B2; line-height:24px;} .datetable.emploeydetailstbl table td:nth-child(1) {background: #EBEBEB;} .datetable.emploeydetailstbl table td:nth-child(2) {background: rgba(209,196,233,.3); color: #1C0C64;} .datetable.emploeydetailstbl table td:nth-child(3) {background: rgba(209,196,233,.45); color:#1C0C64;} .datetable.emploeydetailstbl table td:nth-child(4) {background: #F9FBE7;} .datetable.emploeydetailstbl table td:nth-child(5) {background: #FFFFFF;} .progessarr {background: #E7F3D8; border-radius: 3px; color:#33691E; padding: 5px;} .holdarr {background:#FFD5D6; border-radius: 3px; color:#ED232A; padding: 5px;} .completearr {background: #E7F3D8; border-radius: 3px; color:#33691E; padding: 5px;} .ctctable table td {border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; padding:.5rem 1.125rem; font-size:12px; line-height:17px; font-weight: 600; background: #EBEBEB; color: #000000;} .ctctable table td.lgtblue {background:#CBE6F0; color: #3C97BB;} .ctctable table td.lgtpink {background:#F8EEF1; color: #B7578A;} .ctctable table td.lgtgreen {background:#E7F3D8; color:#33691E;} .ctctable table td.lgtdrkpink {background:#FCE4EC; color:#880E4F;} .ctctable table td.lgtyellow {background:#F9FBE7; color:#33691E;} .ctctable table td.lgtpurple {background:#EAE8F3; color:#513BB2;} .ctctable table td.lgtpurple2 {background:#E4E0F2; color:#1C0C64;} .employeedetailcolm .neworagenhead {background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(118,39,31,1) 30%, rgba(231,76,60,1) 100%);} .employeedetailcolm .neworagenhead h5, .employeedetailcolm .newbluehead h5, .employeedetailcolm .newgeenhead h5, .employeedetailcolm .newpinkhead h5 {line-height: 1.875rem;} .employeedetailcolm .neworagenhead > div, .employeedetailcolm .newbluehead > div, .employeedetailcolm .newgeenhead > div, .employeedetailcolm .newpinkhead > div {line-height: 1.875rem; color: #FFF; padding-right: 12px;} .datetable.dataheadfd th {line-height: 18px;} .datetable.dataheadfd th, .datetable.dataheadfd td {border:1px solid #B2B2B2;} .datetable.dataheadfd td {padding: 6px 18px; font-weight: 400;} .datetable.dataheadfd td:first-child {color: #0464A0; font-weight: 600} .datetable.dataheadfd td:nth-child(2) {color: #000000; font-weight: 600} .employeedetailcolm .newbluehead {background: rgb(0,0,70); background: linear-gradient(90deg, rgba(0,0,70,1) 0%, rgba(13,85,142,1) 30%, rgba(28,181,224,1) 100%);} .employeedetailcolm .newgeenhead {background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(7,72,7,1) 30%, rgba(15,155,15,1) 100%);} .employeedetailcolm .newpinkhead {background: rgb(25,4,36); background: linear-gradient(90deg, rgba(25,4,36,1) 0%, rgba(87,37,78,1) 30%, rgba(173,83,137,1) 100%);} .employeedetailcolm .newbrownhead {background: rgb(0,0,0); background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(123,108,108,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(123,108,108,1) 100%); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(123,108,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#7b6c6c",GradientType=1);} .dateshow {font-weight: bold; font-size: 15px; color: #FFF; line-height: 30px; border-left: 1px solid #FFF; padding-left: 15px} .confirmtext {font-size: 14px; color: #199513;} .probatext {font-size: 14px; color: #4291E0;} /* menu containermd */ .megamenu_container { height:37px; line-height:37px; margin:0; position:relative; /*float:left;*/ z-index:9; /*background:#d55c4b;*/ border: 1px solid #C0BFBF; background:#d0e2e9; color: #3C97BB; margin:0 0px 0 0; padding:0 0px; text-align:left; } .megamenu_container a { text-decoration: none; } .megamenu_main { list-style:none; padding:0; margin:0; } .megamenu li.top_level { list-style:none; background:none; } .megamenu .top_level > span { color:#FFF; line-height:37px; outline:0; text-decoration:none; display:block; min-width: 115px;} .megamenu .top_level > span a {/* color:#FFF;*/ display: block; padding: 0 7px 0 30px; font-size: .875rem;} .megamenu_main, .megamenu_main ul { position:absolute; top:-9999em; left:-9999em; z-index:3; min-width:167px; margin:0 0 40px -1px; padding:0; -webkit-box-shadow: 0 2px 5px #bbb; -moz-box-shadow: 0 2px 5px #bbb; -o-box-shadow: 0 2px 5px #bbb; box-shadow: 0 2px 5px #bbb; border:none; /*border-top:5px solid #d04734;*/ background:#FFF; display:none; } .megamenu > li:hover .megamenu_main { top:37px; left:1px; display:block; background:#d0e2e9; color: #3C97BB; border: 1px solid #C0BFBF;} .megamenu > li .megamenu_main_over { top:37px; left:1px; display: block; } .megamenu_main li:hover > ul { top:-5px; left:100%; display:block; border: 1px solid #C0BFBF; background:#d0e2e9; color: #3C97BB;} .megamenu_main ul.children_over, .megamenu_main li.addmenu ul.children { top:-5px; left:100%; display:block; } .megamenu_main li:hover > .left_dropdown { left:-100%; } .megamenu_slide { top:30px; -webkit-transition: top 0.3s 0.2s, opacity 0 0.2s; -moz-transition: top 0.3s 0.2s, opacity 0 0.2s; -o-transition: top 0.3s 0.2s, opacity 0 0.2s; -ms-transition: top 0.3s 0.2s, opacity 0 0.2s; transition: top 0.3s 0.2s, opacity 0 0.2s; padding-left: 0px;} .megamenu_slide ul { left:80%; -webkit-transition: left 0.2s 0.2s, opacity 0 0.2s; -moz-transition: left 0.2s 0.2s, opacity 0 0.2s; -o-transition: left 0.2s 0.2s, opacity 0 0.2s; -ms-transition: left 0.2s 0.2s, opacity 0 0.2s; transition: left 0.2s 0.2s, opacity 0 0.2s; } .megamenu_slide li > .left_dropdown { left:-80%; } .parent, .megamenu_main .dropdown_arrow { background-image:url(http://shop.tree-free.com/secure/images/arrow_right_small.gif); background-repeat: no-repeat; background-position: 96% 48%; } .parent:hover, .megamenu_main .dropdown_arrow:hover { background-image:url(http://shop.tree-free.com/secure/images/arrow_right_small.gif); } .megamenu_main li a { text-decoration: none; color:#4d4d4d; font-size:12px; } .megamenu_main li { /*border-bottom:1px solid #e5e5e5;*/ line-height:0.8em; margin:0; padding:5px 27px 5px 13px; } .megamenu_main li a:hover { color:#ff0000; } .megamenu_main > li a, .megamenu_main li:hover > ul li a { font-weight:400; color: #3C97BB; font-size: .875rem; display: block; white-space: nowrap;} .megamenu_main > li:hover, .megamenu_main li:hover > ul li:hover {background: #3C97BB; color:#FFF;} .megamenu_main > li:hover a, .megamenu_main li:hover > ul li:hover a {color: #fff} .megamenu_main > li ul { list-style: none; padding:0; margin:0; max-height:300px; overflow-y:auto;} .megamenu_main > li ul li a { font-weight:normal; } .main_opened li, .megamenu_main > li ul li { position:static; -webkit-transition: background-color 0.3S; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -ms-transition: background-color 0.3s; transition: background-color 0.3s; } .megamenu_main ul li ul.children {border: 1px solid #C0BFBF; background:#d0e2e9; color: #3C97BB;} .megamenu_main ul li ul.children li a {font-weight:400; color: #3C97BB; font-size: .875rem; display: block;} .megamenu_main ul li ul.children > li:hover {background: #3C97BB; color:#FFF;} .megamenu_main ul li ul.children > li:hover a {color: #fff} .megamenu_main li ul.children li ul.children {overflow-y:auto; min-width: 180px; overflow-x: hidden;} .megamenu_main li ul.children li ul.children li {font-size: .875rem;} .megamenu_main li ul.children li ul.children li a {display: inline-block; color: #3C97BB;} .megamenu_main li ul.children li ul.children li:hover {background:#d0e2e9;} .megamenu_main li ul.children li ul.children li:hover a {color: #3C97BB;} .main_opened li, .megamenu_main > li ul li button {line-height: 22px; width: 94%; margin-top:40px;} .megamenu_main > li ul.children li ul.children button.bluebutton {width:80%; margin:20px 10%;} /* view table */ .viewtable {border:1px solid #B2B2B2; border-collapse: collapse;} .viewtable td {border:1px solid #B2B2B2; font-size: 0.775rem; line-height: 20px; color: #383838; padding:5px 20px; font-weight: 400;} .viewtable td:last-child {font-weight: bold;} .viewtable tr:nth-child(odd) {background:#EFF3F5} /* rating */ .rating {text-align: center;/* width:100%; border:1px solid white; padding:2em;*/} .rating input[name="star"] {display: none; width: 0; opacity: 0; margin-left: -2px;} .rating input[name="star"]:focus ~ label svg {fill: #f2a200;} .rating input[name="star"]:checked ~ label svg {fill: #f2a200;} .rating span {display: inline-block; position: relative; float: right;} .rating span label {float: right; cursor: pointer; margin:0px 3px 0 0;} .rating span label svg {fill: #fff; color: transparent; transition: color 0.2s ease-in-out; width:16px; height:16px;} .rating span label:hover svg {fill: #f2a200;} .rating span label:hover ~ label svg {fill: #f2a200;} .rating span label:hover ~ label.half svg {fill: #f2a200;} .rating span label.half {overflow: hidden; position: absolute; width:8px;} .rating span label.half svg {fill: none;} .rating span label.half:hover svg {fill: #f2a200;} .rating span:hover ~ span label svg {fill: #f2a200;} .rating span.active ~ span label svg {fill: #f2a200;} .rating fieldset small {margin:0 5px; transform: translateY(-2px); display: inline-block;} /* added on 09-01-2020 */ .datetable.employejoining table th {background:#EAEAEA; border-right: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; color:#000; font-size: .9375rem; font-weight: 600; white-space: normal; padding:.25rem .5rem;} .datetable.employejoining table td {border-right: 1px solid #B2B2B2; font-weight:normal;} .datetable.employejoining table td:nth-last-child(2) {font-weight: bold;} .datetable.employejoining table tr:nth-child(odd) {background:#FFF} .datetable.employejoining table tr:nth-child(even) {background:#EFF3F5} .datetable.employejoining table th:last-child, .datetable.employejoining table td:last-child {border-right:0px;} .dashboardblock .md-form {margin:0px;} .dashboardblock .md-form .mdb-select {background: url(../images/download.png) no-repeat 97%; -webkit-appearance: none; /*background-position-x: 244px;*/ border:1px solid #D1D1D1; padding:6px 15px 6px 8px; font-size: .875rem; line-height: 1.125rem; border-radius:3px;} .dashboardblock .md-form label {font-size: .875rem;} .dashboardblock .md-form input {border: 1px solid #D1D1D1; border-radius: 3px; padding:6px 15px 6px 8px; font-size: .875rem; line-height: 18px; box-sizing: border-box;} .dashboardblock .md-form input#datetimepicker1 + label {top: 0.4375rem; margin:0px; left:10px;} .dashboardblock .md-form input#datetimepicker1 + label + .input-group-addon {font-size:.75rem; top: -8px;} .dashboardblock .md-form input#datetimepicker1 + label + .input-group-addon i {font-size:.875rem;} .datetable.employexitype td:first-child {background: #F9FBE7; font-size: .9375rem; font-weight: 600;} .datetable.employexitype table td:nth-last-child(2) {font-weight: normal;} .datetable.employexitype table tr:first-child td {background: #84332B; color: #FFF;} .datetable.employexitype table tr:nth-child(2) td {background: #F5993D; color: #000;} .datetable.employexitype table tr:nth-child(3) td {background: #CDD34D; color: #000;} .datetable.upcomingevts table td:nth-last-child(2), .datetable.upcomingevts table td:last-child {font-weight: bold;} .datetable.employeeskil table th, .datetable.employeeskil table td {padding: 5px;} .datetable.employeeskil table td:nth-child(2) {background: rgba(0,32,96,0.1); color: #002060;} .datetable.employeeskil table td:nth-child(3) {background: rgba(112,48,160,0.1); color: #7030A0;} .datetable.employeeskil table td:nth-child(4) {background: rgba(7,106,255,0.1); color: #0066FF;} .datetable.employeeskil table td:nth-child(5) {background: rgba(7,176,240,0.1); color: #06B0F0;} .datetable.employeeskil table td:nth-child(6) {background: rgba(128,128,128,0.1); color: #808080;} .datetable.employeeskil table td:nth-child(7) {background: rgba(254,102,255,0.1); color: #FE66FF;} .datetable.employeeskil table td:nth-child(8) {background: rgba(254,102,255,0.1); color: #E26B0A} .datetable.employeeskil table td:nth-child(9) {background: rgba(254,12,5,0.1); color: #FE0C05;} .datetable.employeeskil table td:nth-child(10) {background: rgba(152,71,6,0.1); color:#984706} .datetable.employeeskil table td:first-child {background: #F9FBE7; font-weight: 700;} .datetable.employeeskil table td, .datetable.employejoining table td:nth-last-child(2) {font-weight: 600;} /* dashboard total navsoft employee */ .employeegraphdata {margin: 14px 0} .employeegraphdata .cityplaceinp {display: inline-block; width:126px; font-weight: 600; font-size: 15px; color: #000;} .employeegraphdata .cityplaceinp .smallcircle {display: inline-block; width: 13px; height: 13px; border:3px solid #9778CE; border-radius: 50%; transform: translateY(3px); margin-right: 8px;} .employeegraphdata .totalemployees {display: inline-block; font-weight: 600; color: #646464; line-height: 20px; font-size: 15px;} .employeegraphdata .cityplaceinp .smallcircle.borderdark {border-color: #1F78B4;} .table-fixed tbody {height: 300px; overflow-y: auto; width: 100%;} .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {display: block;} .table-fixed tbody td, .table-fixed tbody th, .table-fixed thead > tr > th {float: left; position: relative;} .table-fixed tbody td:after, .table-fixed tbody th:after, .table-fixed thead > tr > th:after {content: ''; clear: both; display: block;} .table-fixed thead, .table-fixed tbody {width: calc(100% - 16px);} .datetable.mt-3.pt-5 #userTable_paginate {top:-37px;} #joinTable #userTable_paginate {display:none;} .employexittyp {position: absolute; top:20px; left:20px;} .employexittyp ul {list-style-type: none; } .employexittyp ul li {font-size: .9375rem; font-weight: normal; line-height: 24px; color: #383838; padding-bottom: 6px;} .employexittyp ul li .roundcircelspan {width: 12px; height: 12px; border-radius: 50%; margin-right: 10px; display: inline-flex;} .employexittyp ul li .roundcircelspan.lgtred {background: #84332B;} .employexittyp ul li .roundcircelspan.lgtblue {background: #cdd34d;} .employexittyp ul li .roundcircelspan.lgtgreen {background: #F5993D;} .datetable table td.lightgreen, .lightgreen {background: #F9FBE7; color:#000000;} .datetable table td.lightgreen2, .lightgreen2 {background: #E9F8D7; color:#827717} .datetable table td.lightgreen3, .lightgreen3 {background: #E7F3D8; color:#33691E} .rowheightcalc {height: calc(100% - 30px);} .graphcenter {position: absolute; top: 41%; left: calc(50% - 45px); max-width: 90px; color: #333; font-size: 15px; text-align: center;} /* software developer button */ .softdevelist {padding: 0; margin:0; list-style-type: none; display: inline-flex; transition: 0.3s all;} .softdevelist li {padding: 0 2px;} .softdevelist li a {display:flex; align-items: center; border:1px solid #874F8B; border-radius: 3px; font-size: 14px; color: #616161; font-weight:600; height:36px; padding: 0 5px;} .softdevelist li a:hover {color:#000;} /* software developer salary */ .softwaresalrybox {} .softwaresalrybox .headboxdiv {display: flex; align-items: center; justify-content: center; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd4364+0,87508c+100 */ background: #bd4364; /* Old browsers */ background: -moz-linear-gradient(left, #bd4364 0%, #87508c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #bd4364 0%,#87508c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #bd4364 0%,#87508c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd4364', endColorstr='#87508c',GradientType=1 ); /* IE6-9 */} .softwaresalrybox .headboxdiv .totaldeveopr {height: 56px; line-height: 56px; width: 90px; text-align: center; background: #630A4D; font-weight: 700; font-size: 24px; color: #FFF; } .softwaresalrybox .headboxdiv .totlaldeveltext {font-weight:700; font-size: 18px; color:#FFFFFF; margin:0 20px 0 0; display: inline-flex;} .softwaresalrybox .headboxdiv .totlaldeveltext .developsign {display:inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #4580FF; color: #FFF; font-size: 14px; margin-right:10px;} .softwaresalrybox .bodycontainer {padding:0 20px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9c9c9+0,dedede+100 */ background: #c9c9c9; /* Old browsers */ background: -moz-linear-gradient(left, #c9c9c9 0%, #dedede 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #c9c9c9 0%,#dedede 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #c9c9c9 0%,#dedede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#dedede',GradientType=1 ); /* IE6-9 */ box-shadow: 0 3px 6px rgba(0,0,0,.29); height: calc(389px - 56px);} .devlopercolumndiv {display: flex; flex-direction: column; justify-content: center; text-align: center;} .devlopercolumndiv .percentbox {border:3px solid #707070; border-radius: 5px; font-size:16px; font-weight: 600; color: #000000; line-height: 43px; width: 63px; margin: 0 auto} .devlopercolumndiv .arrowlinkbox {color: #878787; font-size:12px; text-decoration: none; height: 30px; display: inline-flex; justify-content: center; align-items: center;} .devlopercolumndiv .salrydivround {width: 109px; height: 109px; border-radius: 50%; box-shadow: 0 3px 2px rgba(0,0,0,0.5); border:8px solid #E1E1E1; display: flex; align-items: center; justify-content: center; background:#FFF; position: relative;} .devlopercolumndiv .salrydivround span {font-weight: 600; font-size: 17px; color:#000000; position: relative;} .devlopercolumndiv .salrydivround:before {content: ""; position: absolute; top: -1px; left: -1px; width: 96px; height: 96px; border-radius:50%;} .devlopercolumndiv .numberemply {height: 46px; width: 46px; background:#575757; font-size: 18px; line-height: 46px; text-align: center; color: #FFFFFF; margin: 0 auto; border-radius: 50%;} .devlopercolumndiv:last-child .salrydivround .halfcircleshap {display: none;} .gradientcolor1:before {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8b9ba+0,8dabb7+100 */ background: #e8b9ba; /* Old browsers */ background: -moz-linear-gradient(left, #e8b9ba 0%, #8dabb7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e8b9ba 0%,#8dabb7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e8b9ba 0%,#8dabb7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8b9ba', endColorstr='#8dabb7',GradientType=1 ); /* IE6-9 */ } .gradientcolor2:before {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d19e9e+0,7897a0+100 */ background: #d19e9e; /* Old browsers */ background: -moz-linear-gradient(left, #d19e9e 0%, #7897a0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #d19e9e 0%,#7897a0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #d19e9e 0%,#7897a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d19e9e', endColorstr='#7897a0',GradientType=1 ); /* IE6-9 */ } .gradientcolor3:before {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e06b6b+0,4d95af+100 */ background: #e06b6b; /* Old browsers */ background: -moz-linear-gradient(left, #e06b6b 0%, #4d95af 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e06b6b 0%,#4d95af 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e06b6b 0%,#4d95af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e06b6b', endColorstr='#4d95af',GradientType=1 ); /* IE6-9 */ } .gradientcolor4:before {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#db4c4c+0,368daa+100 */ background: #db4c4c; /* Old browsers */ background: -moz-linear-gradient(left, #db4c4c 0%, #368daa 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #db4c4c 0%,#368daa 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #db4c4c 0%,#368daa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db4c4c', endColorstr='#368daa',GradientType=1 ); /* IE6-9 */ } .gradientcolor5:before {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dd4646+0,2e8dad+100 */ background: #dd4646; /* Old browsers */ background: -moz-linear-gradient(left, #dd4646 0%, #2e8dad 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #dd4646 0%,#2e8dad 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #dd4646 0%,#2e8dad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4646', endColorstr='#2e8dad',GradientType=1 ); /* IE6-9 */ } .halfcircleshap {position: absolute; right: -120px; top:0px;} .switchmdlb {display: flex; align-items:center; justify-content-center} .switchmdlb p {-webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);} .switchmdlb p + label {left: 80px;} /* universal css */ .borderightlgrey {border-right: 1px solid #D1D1D1;} .detailsbutton button {padding: 0px; width: 125px; text-align: center; border:0px; line-height:40px;} .filtericontop i {font-size:17px; color: #333;} .calendarpositon {position: absolute; top: 8px; right: 22px; z-index: 1;} .linehgt40, .btn.linehgt40 {line-height: 40px;} .margintable20 {margin-left:-16px; margin-right: -16px;} .datatablth .dataTables_scrollHeadInner .dataTable th { line-height: 16px; height: 41px; border-bottom: 1px solid #B2B2B2 !important;} .boxheadgrad + .datetable.emploeydetailstbl {height: calc(100% - 30px);} .employeedetailcolm .headiv select {background: transparent; border: 0px; font-size: .875rem; color: #FFF; font-weight: normal; min-width: 150px; margin-right: 10px;} .employeedetailcolm .headiv select option {color:#333;} .openingparent table tbody td {font-weight: bold;} .openingparent table tbody td:first-child, .openingparent table tbody tr:last-child td:first-child {color:#000; } .openingparent table tbody tr:nth-child(2) td {background: #DCE4F2 !important; color: #022471; font-weight: bold;} .openingparent table tbody tr:nth-child(3) td {background: #F4E7E7 !important; color: #F54848; font-weight: bold;} .openingparent table tbody tr:nth-child(4) td {background: #4D4D4D !important; color: #fff; font-weight: bold;} .openingparent table tbody tr:last-child td {color:#095812;} .openingparent table tbody tr:nth-child(2) td:last-child, .openingparent table tbody tr:nth-child(3) td:last-child, .openingparent table tbody tr:nth-child(4) td:last-child {background: #747474 !important; color: #FFF;} .openingparent table tbody tr:nth-child(2) td:nth-last-child(2) {background: #002667 !important; color: #FFF;} .openingparent table tbody tr:nth-child(3) td:nth-last-child(2) {background: #880336 !important; color: #FFF;} .openingparent table tbody tr:nth-child(4) td:nth-last-child(2) {background: #000000 !important; color: #FFF;} .openingparent table tbody tr:last-child td, .openingparent table tbody td:first-child {font-weight: bold} /* outside twotab */ .tabskillfixd {position: fixed; right: 10px; width: 25px; z-index: 99; top: 50%; margin-top: -220px;} .tabskillfixd ul {list-style-type: none; padding: 0; margin: 0;} .tabskillfixd ul li {margin-bottom: 10px;} .tabskillfixd ul li a {display: block; border-radius: 5px 0 0 5px; background: #505050; font-size: 12px; font-weight: 700; color: #FFF; height: 165px; writing-mode: vertical-rl; text-orientation: mixed; width: 35px; vertical-align: middle; text-align: center; line-height: 35px;} .tabskillfixd ul li.active a {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c97bb+0,3c97bb+39,ed232a+100 */ background: #3c97bb; /* Old browsers */ background: -moz-linear-gradient(top, #3c97bb 0%, #3c97bb 39%, #ed232a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3c97bb 0%,#3c97bb 39%,#ed232a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3c97bb 0%,#3c97bb 39%,#ed232a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c97bb', endColorstr='#ed232a',GradientType=0 ); /* IE6-9 */ color: #FFF;} .dataTable.no-footer.DTFC_Cloned td:last-child {border-right:0px} .datetable table td.anchorelip a {overflow: hidden; text-overflow: ellipsis; max-width:90px; display: block;} .datetable table td.spanreason {overflow: hidden; white-space: normal;} .datetable table td.spanreason span{overflow: hidden; text-overflow: ellipsis; max-width:65%; white-space: nowrap; display: block;} .percentclss {display: block; text-align: center} .fontwigth {font-weight:700} .softwarecustom.softwaresalrybox .bodycontainer {padding: 0 50px} .datetable table td.emplyjoin span { overflow: hidden; text-overflow: ellipsis; max-width: 150px; white-space: nowrap; display: block; } .datetable table th.emplyjointh span { overflow: hidden; text-overflow: ellipsis; max-width: 150px; white-space: nowrap; display: block; } .performanctable table td, .performanctable table th {padding:6px 10px;} .performanctable table td {color: #000; text-align: center !important;} .performanctable table tbody tr td.greybgtd {background:#EBEBEB;} .performanctable table thead tr th.greybgth {background:#EBEBEB;} .mainthead tr:first-child th.greybgth1 {background:#EBEBEB !important;} .performanctable table tbody tr td.pinkbgtd {background:#FCE4EC; color: #880E4F} .performanctable table thead tr th.pinkbgtd {background:#FCE4EC; color: #880E4F} .performanctable table tbody tr td.purplebgtd {background:rgba(209,196,233,0.3); font-weight: normal;} .performanctable table tbody tr td.greenbgtd {background:#E7F3D8; color: #33691E} .performanctable table tbody tr td.bluebgtd {background:#C8E0EF; color:#0464A0} .performanctable table tbody tr td.deepbluebgtd {background:#d9deea; color: #022471;} .performanctable table tbody tr td.greenbgratngtd {background:#E9F8D7; color:#827717} .performanctable table thead tr th.bluebgtd {background:#C8E0EF; color:#0464A0} .performanctable table thead tr th.greenbgtd {background:#E7F3D8; color: #33691E} .performanctable table thead tr th.purplebgwithtext {/*background: rgba(209,196,233,0.3);*/ background:#f1edf8; color: #3e0c9a;} .addperformtop {border:1px solid #B2B2B2; background: #fff; padding:16px;} .selectboxdrop {position: relative;} .selectboxdrop:after {content: "\e92e"; font-family: 'hrsoftware'; font-size: 0.4375rem; position: absolute; top: 14px; right: 8px; color:#848484;} .performanctable table tbody tr td.purplebgwithtext {background:rgba(209,196,233,0.3); color:#3e0c9a;} .iconfiltercustm {padding: 0px;} .iconfiltercustm ul i a {height: 36px; line-height: 36px; width: 36px;} .namelink {color: #000;} .orangepm {color:#FF6C00;} .greenpm {color: #058800;} .pinkpm {color:#B2006E} .brownpm {color: #381F1F;} .pmbackground {color: #B2DFDB} .monthlytext {color: #3C74C7;} .fixedtext {color: #B10055;} .typemonth {background: #F1FFE5;} .datetable table tbody td.pmbackbg {background: rgba(178,223,219,.63) !important;} .datetable table tbody td.typebackbg {background: rgba(241,255,229,.63) !important;} .datetable table tbody td.startbackbg {background: rgba(209,196,233,.63) !important;} .datetable table tbody td.endbackbg {background: rgba(252,228,236,.75) !important;} /* project ad tab desgin */ .projectadtab {background: #EFEFEF; margin-bottom: 0px; margin-left: -16px; margin-right: -16px;} .projectadtab li a {display: block; padding: 0 20px; line-height: 48px; font-weight:600; font-size: 14px; color: #6F6F6F; border-bottom:2px solid #EFEFEF;} .projectadtab li.active a {color: #0557A8; border-bottom:2px solid #0557A8;} .icon-cross-out-1 {font-weight:900; color: #000;} .projectadpophead, .modalboxdesign .modal-header .modal-title.projectadpophead {font-size: 1.25rem; font-weight:600; color:#000; line-height: 2.5rem;} .datetable td span.parentboldcs{font-weight: bold; color:#F54848;} .datetable.employeeskil table td:last-child {background: #6b6b6b; color: #FFF;} .performanctable table tbody tr td.purplebgtd { background: #c8d0ef; color: #5d359c;} .performanctable table thead tr th.purplebgtd { background: #c8d0ef; color: #5d359c;} /* accordion css */ .addgrouptitlebox {background:#D8D8D8; padding: 0 18px;} .addgrouptitlebox h3 {font-size: 16px; font-weight: bold; color: #121212; line-height: 40px; margin-bottom: 0px;} .addgrouptitlebox label {font-weight: 600; color: #2B2B2B; line-height: 40px;} #accordion .panel {border-radius: 0; margin: 0px 0 10px; border:1px solid #D1D1D1;} #accordion a {display: block; padding:0px 18px; line-height:40px; font-size: 16px; color: #2B2B2B; /*border-bottom: 1px solid #b42b2b;*/ text-decoration: none;} #accordion .panel-heading a.collapsed:hover, #accordion .panel-heading a.collapsed:focus {background-color:#EFEFEF; color:#2B2B2B; transition: all 0.2s ease-in;} #accordion .panel-heading a.collapsed:hover::before, #accordion .panel-heading a.collapsed:focus::before {color: #2B2B2B;} #accordion .panel-heading {padding: 0; border-radius: 0px; text-align: center;} #accordion .panel-heading a:not(.collapsed) {color:#2B2B2B; background-color: #EFEFEF; transition: all 0.2s ease-in;} #accordion .panel-heading .panel-title {margin: 0px; background: #EFEFEF;} #accordion .panel-heading > h4 {display: block; text-align: left;} #accordion a {color: #2B2B2B;} .panel-body .custom-control {margin-bottom:10px;} .panel-body .custom-control label {font-size: 16px; font-weight: normal; color: #2B2B2B;} .panel-body .custompadd {padding:10px 10px 4px} .panel-body .subheading {border-bottom: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1; padding: 6px 10px;} .panel-body .subheading .custom-control {margin-bottom:0px} .panel-body .subheading .custom-control label {font-size: 16px; font-weight: normal; color: #2B2B2B;} /* Add Indicator fontawesome icon to the left */ #accordion .panel-heading .accordion-toggle::before {font-family: 'hrsoftware'; content: "\2212"; float: right; color:#2B2B2B; font-weight: lighter; transform: rotate(0deg); transition: all 0.2s ease-in; font-size: 18px;} #accordion .panel-heading .accordion-toggle.collapsed::before {color: #444; /*transform: rotate(-135deg);*/ transition: all 0.2s ease-in; font-family: 'hrsoftware'; content: "\e927"; font-size: 18px; float: right; color:#2B2B2B;} /* table treee strucuture */ .tabletree th {background: #D8D8D8; font-weight: 700; color: #121212; font-size: 16px; line-height: 20px; padding:10px 20px;} .tabletree td {font-weight:400; color: #2B2B2B; font-size: 16px; line-height: 20px; padding:7px 20px;} .treegrid-expander, .icondonw {display: inline-block; font-size:14px; width: 20px; height: 20px; color:#666666; font-family: 'hrsoftware';} .treegrid-expander.icon-download-1 {font-size:8px;} .icondonw {position: relative; display: inline-flex;} .icondonw .icon-download-1:before {font-family: 'hrsoftware'; /*position: absolute; top:0px; left: 25px;*/} .icondonw .custom-control-label {white-space: nowrap; line-height: 21px;} /*.firstlevcss td:first-child .custom-control {padding-left: 14px} .secondlevcss td:first-child .custom-control {padding-left: 22px}*/ .nolevcss td:first-child {padding-left:44px} .secondlevcss td:first-child {padding-left:25px; background: url(../images/borderv-1.gif) repeat-y 40px 0;} .secondnolevcss td:first-child {padding-left:62px} .thirdlevcss td:first-child {padding-left:50px; background: url(../images/borderv-2.gif) repeat-y 40px 0;} .thirdlevcss td:first-child .treegrid-indent.d-inline-flex {background: url(../images/borderh-2.gif) no-repeat 14px 0px; height: 6px;} .marginleft {margin-right: -16px; margin-left: -16px; margin-top: 14px;} td.icon-next-copy-1:before, td.icon-download-1:before {display: none} td.icon-download-1 .icon-next-copy-1:before {content: "\e901"; font-size:8px} .tdwidth200 {width:200px;} .overwhitespc { white-space: nowrap; overflow: hidden; width: 97%; display: block; text-overflow: ellipsis; } .drkblue_rating_bar { /*this class creats 5 stars bar with empty stars */ /*each star is 16 px, it means 5 stars will make 80px together */ width: 80px; /*height of empty star*/ height: 16px; /*background image with stars */ background: url(../images/stars-drkblue.png); /*which will be repeated horizontally */ background-repeat: repeat-x; /* as we are using sprite image, we need to position it to use right star, //0 0 is for empty */ background-position: 0 0; /* align inner div to the left */ text-align: left; } .drkblue_rating { /* height of full star is the same, we won't specify width here */ height: 16px; /* background image with stars */ background: url(../images/stars-drkblue.png); /* now we will position background image to use 16px from top, //which means use full stars */ background-position: 0 -16px; /* and repeat them horizontally */ background-repeat: repeat-x; } /* not authorize page */ .notauthorizebox {background: #FFF; border-radius:3px; height:800px; display: flex; align-items: center; justify-content: center;} .notauthorizebox > div {width: 400px; text-align: center;} .notauthorizebox h3{font-weight: 700; font-size: 42px; line-height: 57px; color: #377B99; margin-bottom: 0px;} .notauthorizebox p {font-size: 18px; color: #4B4B4B; font-weight:400; padding:40px 0 70px;} #costDetails_paginate {display: none;} /* mis report table */ .mainthead th.mainheadone, .mainthead th.mainheadtwo, .mainthead th.mainheadthree, .mainthead th.mainheadfour, .mainthead th.mainheadfive, .mainthead th.mainheadsix, .mainthead th.mainheadseven, .mainthead th.mainheadeight, .mainthead th.mainheadnine {font-size:14px; line-height:1.125rem; font-weight:600; color:#FFFFFF; text-align: center;} .mainthead th.mainheadone {background:#833D0C;} .mainthead th.mainheadtwo {background:#385624;} .mainthead th.mainheadthree {background:#C12100;} .mainthead th.mainheadfour {background:#1E4E79;} .mainthead th.mainheadfive {background:#7F6001;} .mainthead th.mainheadsix {background:#2F5496;} .mainthead th.mainheadseven {background:#C12100;} .mainthead th.mainheadeight {background:#550c83} .mainthead th.mainheadnine {background:#b58b13} .datetable.mainthead tr.rowhead th {padding:.375rem .75rem; line-height:1.125rem;} .datetable.mainthead tr.rowhead th.rowheadcolr {background:#FBE4D5;} .datetable.mainthead tr.rowhead th.rowheadcolr2 {background:#E2EFD9;} .datetable.mainthead tr.rowhead th.rowheadcolr3 {background:#F9D2D2;} .datetable.mainthead tr.rowhead th.rowheadcolr4 {background:#D9E2F3;} .datetable.mainthead tr.rowhead th.rowheadcolr5 {background:#FEF2CB;} .datetable.mainthead tr.rowhead th.rowheadcolr6 {background:#DEEAF7;} .datetable.mainthead tr.rowhead th.rowheadcolr7 {background:#F9D2D2;} .datetable.mainthead tr.rowhead th.rowheadcolrwht {background:#FFF;} .datetable.mainthead tr.rowhead th.rowheadcolryellow {background:#fbeec8;} /*.datetable.mainthead tr td.rowheadcolryellow {background:#fbeec8;} .datetable.mainthead tr td.redtext {color:#FF0000;} .tablehorizontal {width: 100%; overflow-x: scroll;} .tablebackgroundwhite table thead th {background:transparent;} .tablebackgroundwhite table tbody tr:nth-child(even) {background:#FFF;} .tablebackgroundwhite table tbody tr:nth-child(odd) {background:#FFF;} .datetable.mainthead tr td.rowheadcolryellow {background:#fbeec8;} .datetable.mainthead tr td.redtext {color:#FF0000;} .tablehorizontal {max-width: 100%; max-height:600px; overflow: scroll;} .mainthead tr:first-child th {position:sticky; position: -webkit-sticky; top:0px;} .mainthead tr.rowhead th {position:sticky; position: -webkit-sticky; top:31px;} .mainthead tr.rowhead th + .mainthead tr.rowhead th {position:sticky; position: -webkit-sticky; top:64px;} .mainthead tr.rowhead th {background:#FFF;} .mainthead tr td.positiofixdfirst, .mainthead tr.rowhead th.positiofixdfirst {position: sticky; position:-webkit-sticky; left:0px; background:#FFF; z-index: 1} .mainthead tr td.positiofixdsec, .mainthead tr.rowhead th.positiofixdsec {position: sticky; position:-webkit-sticky; left:86px; background:#FFF; z-index: 1;}*/ .datetable.mainthead tr td.rowheadcolryellow {background:#fbeec8;} .datetable.mainthead tr td.redtext {color:#FF0000;} .tablehorizontal {max-width: 100%; max-height:700px; overflow: scroll;} .mainthead tr:first-child th {position:sticky; position: -webkit-sticky; top:0px; z-index: 3;} .mainthead tr.rowhead th {position:sticky; position: -webkit-sticky; top:31px; z-index:3;} .mainthead tr.rowhead + tr.rowhead th {position:sticky; position: -webkit-sticky; top:60px; z-index: 3;} .mainthead tr.rowhead th {background:#FFF;} .mainthead tr td.positiofixdfirst, .mainthead tr.rowhead th.positiofixdfirst {position: sticky; position:-webkit-sticky; left:-2px; background:#FFF; border-right:0px; z-index:2} .mainthead tr td.positiofixdsec, .mainthead tr.rowhead th.positiofixdsec {position: sticky; position:-webkit-sticky; left:82px; background:#FFF; border-right:0px; z-index: 1;} .mainthead tr.rowhead th.positiofixdfirst, .mainthead tr.rowhead th.positiofixdsec {z-index:3;} .tablebackgroundwhite table thead th {background:transparent;} .tablebackgroundwhite table tbody tr:nth-child(even) {background:#FFF;} .tablebackgroundwhite table tbody tr:nth-child(odd) {background:#FFF;} .mainthead tr td.positiofixdfirst::after, .mainthead tr.rowhead th.positiofixdfirst::after, .mainthead tr td.positiofixdsec::after, .mainthead tr.rowhead th.positiofixdsec::after {content: ''; position: absolute; top: 0; right: 0; height: 100%; /*border-right: 1px solid #e7e7e7;*/ width:2px; background: #B2B2B2; z-index: 5;} .mainthead tr td.positiofixdfirst::before, .mainthead tr.rowhead th.positiofixdfirst::before, .mainthead tr td.positiofixdsec::before, .mainthead tr.rowhead th.positiofixdsec::before {content: ''; position: absolute; bottom:0px; left:0px; right: 0; height:1px; /*border-right: 1px solid #e7e7e7;*/ width:100%; background: #B2B2B2; z-index: 5;} .mainthead tr.rowhead th::before, .mainthead tr.rowhead + tr.rowhead th::before {content: ''; position: absolute; bottom:0px; left:0px; right: 0; height:1px; /*border-right: 1px solid #e7e7e7;*/ width:100%; background: #B2B2B2; z-index: 5;} .mainthead tr.rowhead th.positiofixdfirst, .mainthead tr.rowhead th.positiofixdsec {z-index:5;} .datetable table thead th.blueopactbgtext {/*background: rgba(2,36,113,.15) !important;*/ background:#d9deea !important} /* New Changes */ .performanctable table tbody tr td.monthlytext {color: #3C74C7; background:#f1edf8;} .performanctable table tbody tr td.fixedtext {color: #B10055; background:#f1edf8;} .performanctable table tbody tr td.workordtext, .performanctable table thead tr th.workordtext,span.workordtext {color: #8a8787;} .performanctable table thead tr th.mancalshead {color: #80620d;} .performanctable table thead tr th.mancalsmonth {color: #33691E;} .performanctable table tbody tr td.mancalshead {color:#80620d;} .performanctable table tbody tr td.mancalsmonth {color:#33691E;} .performanctable table tbody tr td.deepbluebgtd, .performanctable table thead tr th.deepbluebgtd {background: #d9deea; font-weight: bold; color: #022471;} .performanctable table thead tr th.bluebgtd, .performanctable table tbody tr td.bluebgtd {background: #C8E0EF; color: #0464A0;} .performanctable table tbody tr td.text-salary, .performanctable table thead tr th.text-salary {color: #880E4F;} .performanctable table tbody tr td.text-mandays, .performanctable table thead tr th.text-mandays {color: #c5a91e;} .performanctable table tbody tr td.totalmandays, .performanctable table thead tr th.totalmandays {background: #fbeec8; color: #80620d;} .performanctable table tbody tr td.projback, .performanctable table thead tr th.projback {background:#f5c2d3;} /*.performanctable table tbody tr td.deepbluebgtd, .performanctable table tbody tr th.deepbluebgtd {background: #d9deea; color: #022471;}*/ .datetable table tbody td.bulebgtext, .datetable table thead th.bulebgtext {background: rgba(7,176,240,0.1); color: #06B0F0;} .datetable table tbody td.bulebgtext2,.datetable table thead th.bulebgtext2 {background: rgba(7,106,255,0.1);color: #0066FF;} .datetable table tbody td.bulebgtext3,.datetable table thead th.bulebgtext3 {background: rgba(254,102,255,0.1);color: #E26B0A;} .datetable table tbody td.bulebgtext4,.datetable table thead th.bulebgtext4 {background: rgba(254,102,255,0.1);color: #FE66FF;} .datetable table tbody td.bulebgtext5,.datetable table thead th.bulebgtext5 {background: rgba(254,12,5,0.1);color: #FE0C05;} .widt50 {width:50%; margin:0 auto;} .salpercentcol{color: #8a8787;} /* monthly and fixed tab */ .monthtabcont {background:#fff;display: flex;} .monthtabcont .nav.subnavtab li.active {background:#9e9e9e;} .workflowproj2 thead th.headblue1 {background:#D6ECF7;} .workflowproj2 thead th.headblue2 {background:#C0E2F3;} .workflowproj2 thead th.headblue3 {background:#ACD9EF;} .workflowproj2 thead th.headblue4 {background:#92CEEA;} .workflowproj2 thead th.headpink1 {background:#CCB3DA;} .workflowproj2 thead th.headpink2 {background:#C2A7D4;} .workflowproj2 thead th.greentextcont {color:#43BD79;} .workflowproj2 thead th.bluetextcont {color:#22588D;} .workflowproj2 thead th.browntextcont {color:#BF7B55;} .workflowproj2 thead th.lightbluetextcont {color:#5CBCF2;} .workflowproj2 thead th.maroondtextcont {color:#C00000;} .workflowproj2 thead th.pinktextcont {color:#FF32CC;} .workflowproj2 thead th.pinktextcont2 {color: #D98A91;} .workflowproj2 thead th.purpletextcont {color: #A981C1;} .workflowproj2 thead th.fontsiz13 {font-size:13px;} .workflowproj2 thead tr.whitebackgrnd th {background:#FFF;} .workflowproj2 thead tr.minwid70 th {min-width:70px} .tagspann {display:inline-flex; border-radius:3px; color:#FFF; font-size:13px; padding:0 10px;} .greensmbann {background:#43BD79;} .bluesmbann {background:#22588D;} .brwonsmbann {background:#BF7B55;} .lightbluesmbann {background:#5CBCF2;} .maroonsmbann {background:#C00000;} .lightpinksmbann {background:#FF32CC;} .pinksmbann {background:#D98A91;} .purplesmbann {background:#A981C1;} .workflowproj2 tbody tr.ligtpurple td, .workflowproj2 tbody tr.ligtpurple2 td, .workflowproj2 tbody tr.greybckbg td, .workflowproj2 tbody tr.lightpinkbg td, .workflowproj2 tbody tr.lightpinkbg2 td {font-weight:600; text-align: center; font-size:13px;} .workflowproj2 tbody tr.ligtpurple td {background:#bea3ef; color: #3e0c9a;} .workflowproj2 tbody tr.ligtpurple2 td {background:#7F7FFF;} .workflowproj2 tbody tr.greybckbg td {color:#525252; background: #fff;} .workflowproj2 tbody tr.bluebgtd td{background:#C8E0EF; color:#0464A0} .workflowproj2 tbody tr.lightpinkbg td {background:#CC99FF;} .workflowproj2 tbody tr.lightpinkbg2 td {background:#B266FF;} .workflowproj2 tbody tr.browntext td {background: #fff; color: #80620d;} .workflowproj2 thead tr.minwid90 th {min-width:70px;} /* date time picker */ .table.table-hover.workflowproj2 .bootstrap-datetimepicker-widget table tr:nth-child(odd), .table.table-hover.workflowproj2 .bootstrap-datetimepicker-widget table tr:nth-child(even), .table.no-border .bootstrap-datetimepicker-widget table tr:nth-child(odd), .table.no-border .bootstrap-datetimepicker-widget table tr:nth-child(even) {background:#FFF;} .table.table-hover.workflowproj2 .bootstrap-datetimepicker-widget table th, .table.no-border .bootstrap-datetimepicker-widget table th {background:#FFF;} .table.table-hover.workflowproj2 .bootstrap-datetimepicker-widget table th, .table.table-hover.workflowproj2 .bootstrap-datetimepicker-widget table td, .table.no-border .bootstrap-datetimepicker-widget table th, .table.no-border .bootstrap-datetimepicker-widget table td { border:0px !important; } .table.no-border { border:1px solid #ccc; margin:0px;} .table.no-border td { padding:0px 0px;} .table.no-border h5 { padding:0px; margin:10px 0px; color:#fff; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300;} .table.no-border p, .table.no-border div.mag-left-15 { padding:0px; margin:10px 15px;font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; color:#a1a1a1;} .bold-medium { font-weight: 500 !important; color: #6b6b6b !important; } .addremovebutton {display: block; background:#15795e; width:24px; height:24px; color: #FFF; text-align: center; line-height:24px; border-radius: 50%;} .fontsize28, .fontsize28:hover {font-size:22px; color: #ce2828;} .greytdbackground {background-color: #f2f2f2;} .scroll-xy.content.horizontal-images { width: 100%; overflow-x: auto; padding-top: 70px; background: transparent; box-shadow: none; margin-top: -40px; } .scroll-xy.content.horizontal-images.datetable table th { white-space: normal; } .scroll-xy.content.horizontal-images .bootstrap-datetimepicker-widget {top:-170px !important; bottom:auto !important;} /* monthly and fixed tab */ .monthtabcont {background:#fff; padding-top: -0.75rem; margin-top: -5px; display: flex;} .monthtabcont .nav.subnavtab li.active {background:#9e9e9e;} .bordercollap table {border-collapse: unset;} .bordercollap table th, .bordercollap table td {border:1px solid #B2B2B2} .selectbox.selectedact {background: #C8E0EF; border: 1px solid #0464A0; color:#0464A0} .performanctable table tbody tr.greybgtd {background:#EBEBEB;} .performanctable table tbody tr.greybgtext {background: #747474 !important} .performanctable table tbody tr.whitecoltext td{color: #FFF;} .performanctable table tbody tr td.redBg {background: #f5c2d3;} .performanctable table tbody tr td.blueBg {background: #07b0f01a;} .performanctable table tbody tr td span.blueText{color: #06B0F0;} .performanctable table tbody tr td span.blueTextHead{color: #0f4a61;} .performanctable table tbody tr td span.grText{color: #747474;} .performanctable table tbody tr td span.redText{color: #fe1213;} .performanctable table thead tr td.redBg {background: #f5c2d3;} .performanctable table thead tr td.blueBg {background: #07b0f01a;} .performanctable table thead tr td span.blueText{color: #06B0F0;} .performanctable table thead tr td span.blueTextHead{color: #0f4a61;} .performanctable table thead tr td span.grText{color: #747474;} .performanctable table thead tr td span.redText{color: #fe1213;} /* monthly normal */ .datetable.nowrapcoll table th, .datetable.nowrapcoll table td{white-space: normal; padding: .25rem .25rem;} .datetable.nowrapcoll table th .tagspann {padding:0 .25rem;} /* developer task board */ .devopertaksbox {} .devopertaksbox h4 {font-size:1.125rem; line-height:2.5rem; color:#000000; padding:0 10px; margin-bottom:0rem} .devopertaksbox h4 span {font-weight:700;} .devopertaksbox h5{background:#fff; font-weight:700; font-size:1.125rem; line-height:3rem; padding:0 10px; color:#000000; margin:18px 0 0;} .devopertaksbox h5 span {font-weight:400; color:#B0B0B0;} #accordion .panel.nobord {border:0px; margin-top: 10px;} #accordion .panel.nobord .panel-title {background:#EAEAEA; height:2.5rem; margin-top:10px;} .datetable.developtable {box-shadow:0 0 0;} .datetable.developtable th {font-weight:600; color:#0464A0;} .datetable.developtable td {padding:0 1.125rem} .datetable.developtable td:first-child {padding:0 .5rem} #accordion .datetable.developtable td a {line-height:1.625rem; color:#311B92; font-size:.875rem; padding:0px;} #accordion .datetable.developtable td .custom-control label {font-weight:600; font-size: 14px; color: #2B2B2B;} .panel.nobord .panel-body .custom-control {margin-bottom: 0px;} #accordion .linkfont14 {font-size: 14px; text-decoration: underline; font-weight:700;} .firstmargn {/*margin-left:-25px;*/} #accordion .panel.nobord .panel-heading .accordion-toggle::before, #accordion .panel.nobord .panel-heading .accordion-toggle::after {margin-right:8px;} /* === css for new design start === */ .datetable.developtable th { width: 11%; text-align: center; border: 1px solid #000; font-size: 12px; text-transform: uppercase; color: #000; padding: .3rem; } .datetable.developtable table td { border: 1px solid #000; text-align: center; padding: .5rem; border-bottom: 1px solid #999; font-size: 12px; white-space: normal; } .datetable.developtable th:last-child { width: 10%; color: #385623; } .datetable.developtable th:nth-child(2) { width: 12%; color: #7030a0; } .datetable.developtable th:nth-child(5) { width: 13%; color: #385623; } .datetable.developtable th:nth-child(4) { color: #548135; } .datetable.developtable th:first-child { width: 11%; } .datetable.developtable th:nth-child(7) { width: 8%; } .datetable.developtable th:nth-last-child(2) { width: 18%; } .datetable.developtable table { width: 100%; border: 1px solid #000; } .datetable table tbody tr:nth-child(odd) { background: #fff; } .datetable.developtable table td:first-child { text-transform: uppercase; font-size: 11px; background: #EAEAEA; width: 150px; } .datetable.developtable table td:nth-child(2) { background: #f2f2f2; color: #7030a0; } .datetable.developtable table td:nth-child(2) span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 160px; display: inline-block; } .datetable.developtable table td:nth-child(3) { color: #0070c0; } .datetable.developtable table td:nth-child(3) .fxd { color: #c55a11; } .datetable.developtable table tr:last-child td { border-bottom: 1px solid #000; } .datetable.developtable table td:nth-child(4) { background: #e2efd9; color: #548135; } .datetable.developtable table td:nth-child(5) { background: #c5e0b3; color: #385623; } .datetable.developtable table td:nth-child(6) { background: #385623;; color: #fff; } /*.datetable.developtable table td:last-child { background: #385623; color: #fff; }*/ .devopertaksbox h5 { background: #2e75b5; font-weight: 600; font-size: 12px; line-height: 30px; color: #fff; margin: 10px 0; text-align: center; text-transform: uppercase; border: 1px solid #000; } .panel-body .row:nth-child(2) .devopertaksbox h5 { background: #3f3f3f; } .panel-heading { position: relative; background: #fbe4d5; border: 1px solid #000; margin-bottom: 10px; } .panel-heading:before { content: ""; display: inline-block; width: 20%; background: #000; position: absolute; left: 0; top: 0; height: 100%; } .panel-heading2:before { display: none; } .devopertaksbox h4 { font-size: 12px; color: #fff; background: transparent; text-transform: uppercase; padding-left: 10%; position: relative; z-index: 9; display: flex; justify-content: space-between; width: 68%; } .devopertaksbox h4 span { color: #000; margin-left: 12%; display: inline-block; } #accordion .panel-heading a.collapsed:hover, #accordion .panel-heading a.collapsed:focus { background-color: transparent; } #accordion .panel.nobord .panel-title, #accordion .panel-heading a:not(.collapsed) { background: transparent; } .panel-heading + div + div.panel-heading { background: #cc99ff; } .panel-heading + div + div + div + div.panel-heading { background: #c5e0b3; } .panel-heading + div + div + div + div + div + div.panel-heading { background: #bdd6ee; } .panel-heading + div + div + div + div + div + div + div + div.panel-heading { background: #efcb5f; } .panel-heading + div + div + div + div + div + div + div + div + div + div.panel-heading { background: #83b0c4; } #accordion .panel.nobord .panel-title { margin-top: 0; } #accordion.pmrt .panel-heading .accordion-toggle::before { float: right; color: #fff; font-size: 18px; background: #111; width: 28px; text-align: center; height: 28px; line-height: 25px; border-radius: 50%; margin-top: 5px; } #accordion.pmrt .panel-heading .accordion-toggle.collapsed::before { font-size: 11px !important; line-height: 29px !important; background: #000 !important; } #accordion.pmrt .panel-heading a.collapsed:hover::before, #accordion.pmrt .panel-heading a.collapsed:focus::before { color: #fff; } /* === css for new design close === */ .select2-container--default .select2-selection--multiple {min-height: 48px!important;background-color: white;border: 2px solid #D1D1D1 !important;border-radius: 5px !important;cursor: text;} .select2-container--default .select2-selection--multiple .select2-selection__choice{ background-color: #e4e4e4;cursor: default;float: left;margin-right: 5px !important; margin-top: 12px !important;padding: 1px 5px!important;font-size: 14px !important;} .select2-container--default.select2-container--focus .select2-selection--multiple {border: 2px solid #D1D1D1!important;min-height: 48px!important;background-color: white;} .select2-search input:focus{border:none !important;} .hr-leftcontent {width: 60%;background: #fff; float: left; min-height: 100vh;} .hr-rightcontent{width:40%; /* height:100%;*/min-height: 100vh;float:right;/* position: fixed;*/ left: 0px; z-index:5; background: #3C97BB; background: -moz-linear-gradient(top, rgba(60,151,187,0.8) 0%, rgba(237,35,42,0.8) 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(60,151,187,0.8) 0%, rgba(237,35,42,0.8) 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(60,151,187,0.8) 0%, rgba(237,35,42,0.8) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(60,151,187,0.8)', endColorstr='rgba(237,35,42,0.8)',GradientType=1 ); /* IE6-9 */ transition: 0.3s all;} /*.hr-loginbox {background: transparent !important; box-shadow: none !important; color: #fff !important; } .hr-loginbox .loginbox .md-form input {color: #ffffff;font-size: 1rem;line-height: 1.5rem;padding: .625rem 0.9375rem;font-family: 'Open Sans', sans-serif; box-sizing: border-box;border: 2px solid #ffffff;border-radius: 5px;} */.hr-leftcontent h1{letter-spacing: 0px;color: #000000;opacity: 0.32; font-size: 72px; text-align: center; } /*.loginbox2 .md-form input {color: #fff; font-size:1rem; line-height: 1.5rem; padding:.625rem 0.9375rem; font-family: 'Open Sans', sans-serif; box-sizing: border-box; border:2px solid #D1D1D1; border-radius:5px;} .loginbox2 .md-form label {font-size:1rem; line-height: 1.5rem; color: #fff; padding-left:0.9375rem; top:.75rem;} .loginbox2 .md-form label.active {color: #1A73E8; font-size:.75rem; line-height:.625rem; background:#b67080; padding: 0 10px; margin-left:0.6875rem;} .loginbox2 {background: #FFF; max-width:450px; width:100%; border-radius:5px; -webkit-box-shadow:0px 3px 20px 0px rgba(0,0,5,0.21); -moz-box-shadow: 0px 3px 20px rgba(0,0,5,0.21); box-shadow:0px 3px 20px rgba(0,0,5,0.21); padding: 20px; margin: 0 auto} .loginbox2 .passwordionc {position: absolute; right:15px; top:30%} .loginbox2 .passwordionc i {font-size: 14px; color: #fff;}*/ /* input focus */ /*.loginbox2 .md-form input[type=text]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {border:2px solid #fff;} .loginbox2 .md-form input[type=text]:focus:not([readonly]) + label, .md-form input[type=password]:focus:not([readonly]) + label, .md-form input[type=email]:focus:not([readonly]) + label, .md-form input[type=url]:focus:not([readonly]) + label, .md-form input[type=time]:focus:not([readonly]) + label, .md-form input[type=date]:focus:not([readonly]) + label, .md-form input[type=datetime-local]:focus:not([readonly]) + label, .md-form input[type=tel]:focus:not([readonly]) + label, .md-form input[type=number]:focus:not([readonly]) + label, .md-form input[type=search-md]:focus:not([readonly]) + label, .md-form input[type=search]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label {color:#fff;} .loginbox2 .md-form label.active {-webkit-transform: translateY(-140%); -ms-transform: translateY(-140%); transform: translateY(-140%);} */ .select2-selection__rendered li.select2-search--inline { margin-top: 7px; } .panel-group.acc.pmrt { height: calc(100vh - 200px); overflow: auto; overflow-x: hidden; } .emp-table{ border-collapse: separate; border-spacing: 0 15px; border-right: 1px solid #B2B2B2; border-left: 1px solid #B2B2B2; } .uptable{ overflow: hidden; } .emp-table td{ border-right: 0px !important; border:1px solid #B2B2B2; } .emp-table td:last-child{ border-right: 1px solid #B2B2B2 !important; border:1px solid #B2B2B2; } .pro-bg1{background-color:#f1aa75;} .pm-name1{color: #FF6C00 !important;} .pro-bg2{background-color:#c97beb;} .pm-name2{color: #9400D3 !important;} .pro-bg3{background-color: #9ce0ba;} .pm-name3{color: #236942 !important;} .pro-bg4{background-color:#e7c665;} .pm-name4{color: #927620 !important;} .pro-bg5{background-color:#c49f8b;} .pm-name5{color: #7a4325 !important;} .datetable table tbody td.newbgtext {background: #d2cbcb !important;} .border-remove{border-right: 0px !important} .lightgreaytd { font-weight: 700 !important; background: #ccc !important; box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px; } .lightgreaytd td{ font-size: 16px !important; border: 2px solid #B2B2B2; } .datetable table thead tr th.greybgth {background:#747474 !important;} .ornggreenbgtd { background: #E7F3D8; color: #548135 !important; } .ornggreenbg { background: #E7F3D8; color: #2d4a18 !important; } .h-100.jeev { max-height: 278px !important; overflow: auto; } .datetable .sticky table.emp-table { margin-top: 110px; } .fxxd { position: fixed; width: 84%; top: 180px; background: #fff; z-index: 99; } .workflowproj2 thead.fxxd tr.minwid70 th { min-width: 1px; } .workflowproj2 thead.fxxd tr.minwid70 th:first-child { width: 176px; } .workflowproj2 thead.fxxd tr.minwid70 th:nth-child(2) { width: 100px; } .workflowproj2 tbody tr td:first-child { width: 176px; border-left: 0px !important; } .workflowproj2 tbody tr td:nth-child(2) { width: 100px; border-right: 1px solid #B2B2B2 !important; } .workflowproj2 thead.fxxd tr.minwid70 th:nth-child(3) { width: 91px; } .workflowproj2 thead.fxxd tr.minwid70 th:nth-child(4) { width: 90px; } .workflowproj2 tbody tr td:nth-child(3) { width: 91px; border-left: 0px !important; } .workflowproj2 tbody tr td:nth-child(4) { width: 90px; } .workflowproj2 tbody tr td:nth-child(5) { width: 101px; } .workflowproj2 tbody tr td:nth-child(6) { width: 92px; border-right: 0px !important; } .workflowproj2 tbody tr td:nth-child(7) { width: 88px; } .workflowproj2 tbody tr td:nth-child(8) { width: 68px; border-right: 0px !important; } .workflowproj2 tbody tr td:nth-child(9) { width: 68px; } .workflowproj2 tbody tr td:nth-child(10) { width: 83px; } .workflowproj2 thead tr.whitebackgrnd th:nth-child(8){ border-right: 0px !important; } .comFixd { padding-top: 193px; } .fxwth { width: 130px; margin-right: 10px; } .tb-top th:last-child, .tb-bottom td:last-child { width: 16% !important } .tb-top th:nth-last-child(2), .tb-bottom td:nth-last-child(2) { width: 11% !important } .tb-top th:nth-last-child(3), .tb-bottom td:nth-last-child(3) { width: 13% !important } .tb-top th:nth-last-child(4), .tb-bottom td:nth-last-child(4) { width: 13% !important } .tb-top th:nth-last-child(5), .tb-bottom td:nth-last-child(5) { width: 10% !important } .tb-top th:nth-last-child(6), .tb-bottom td:nth-last-child(6) { width: 10% !important } .tb-top th:nth-last-child(7), .tb-bottom td:nth-last-child(7) { width: 10% !important } .tblFixy { position: fixed; width: calc(100% - 305px); border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .tb-bottom{ margin-top: 40px; } .expDownBttn{ display: block; color: #FFF; width: 40px; height: 40px; border-radius: 50%; background: #9ba8ad; box-shadow: 0 1px 6px rgb(61 143 153 / 24%); line-height: 40px; } #bttUl { position: absolute; bottom: 0; } #bttUl.footerSidebar { position: static; } /* Css for employee Resign modal */ /* z-index: 99; } .modal-backdrop.show { z-index: 5; } .modal-dialog.empRegis .modal-content { border-radius: 5px; }*/ .empRegis .modal-header { padding: 14px 20px; } .empRegis .modal-header .close:hover, .empRegis .modal-header .close:focus { outline: 0 !important; } .empRegis { max-width: 94%; width: 880px; } .empRegis .modal-header h5.modal-title, .empRegisApprov .modal-header h5.modal-title { font-family: 'Open Sans', sans-serif !important; font-weight: 20px; color: #000000; font-weight: 600; } .erRow { margin-top: 20px; display: flex; } .erRow .erCol { width: calc((100%) - 10px); margin-right: 20px; display: inline-block; position: relative; } .erRow .erCol:last-child { margin-right: 0; } .erRow input[type="text"], .erRow select { color: #696969; font-size: 1rem; font-family: 'Open Sans', sans-serif; box-sizing: border-box; border: 2px solid #D1D1D1; border-radius: 5px; height: 48px; width: 100%; font-size: 16px; padding-left: 15px; padding-right: 15px; } .erRow select { padding-right: 48px; } .selectArrow { background: #fff url(../images/download.png) center center no-repeat; width: 44px; height: 44px; right: 2px; top: 2px; position: absolute; pointer-events: none; } .empRegis .modal-body, .empRegisApprov .modal-body { padding: 0 20px 20px; } .empRegis .modal-body textarea { padding: 15px; font-size: 16px; color: #D1D1D1; color: #696969; font-size: 1rem; font-family: 'Open Sans', sans-serif; box-sizing: border-box; border: 2px solid #D1D1D1; border-radius: 5px; height: 340px; width: 100%; } .erRow input[type="text"]::-webkit-input-placeholder, .erRow select::-webkit-input-placeholder, .erRow textarea::-webkit-input-placeholder { color: #696969 !important; opacity: 1; } .erRow input[type="text"]:-moz-placeholder, .erRow select:-moz-placeholder, .erRow textarea:-moz-placeholder { /* Firefox 18- */ color: #696969 !important; opacity: 1; } .erRow input[type="text"]::-moz-placeholder, .erRow select::-moz-placeholder, .erRow textarea::-moz-placeholder { /* Firefox 19+ */ color: #696969 !important; opacity: 1; } .erRow input[type="text"]:-ms-input-placeholder, .erRow select:-ms-input-placeholder, .erRow textarea:-ms-input-placeholder { color: #696969 !important; opacity: 1; } .modal-footer.detailsbutton button { padding: 0px; width: 164px; text-align: center; border: 0px; line-height: 50px; margin: 0 20px 0 0; } .modal-footer.detailsbutton button:last-child { margin: 0 5px 0 0; } .empRegis .modal-header .close, .empRegisApprov .modal-header .close { font-size: 36px; font-weight: 300; opacity: 1; padding: 12px 14px 0; } /* Css for employee Resign modal */ / /* Employee Details New section Add End*/ /* css start for Exit Tracker */ .exitTrack h2 { font-size: 18px; color: #000; font-weight: 600; padding: 0; margin-bottom: 0; } .exitTrack h2 span { color: #0246FF; } .exitTrack thead th { background: #3D96BA; text-align: center; font-size: 18px; color: #fff; font-weight: 600; padding: 8px 5px; border-right: 1px solid #D3D3D3; } .exitTrack thead th:first-child { text-align: left; padding-left: 20px; width: 54%; } .exitTrack tbody td { background: #F5F5F5; text-align: center; font-size: 16px; color: #000; font-weight: 400; padding: 8px 5px; border-right: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; } .exitTrack tbody td:last-child { border-right: none; text-align: right; padding-right: 40px; width: 150px; white-space: nowrap; } .exitTrack tbody td:first-child { text-align: left; padding-left: 20px; } .exitTrack tbody tr:nth-child(2n) td { background: #fff; } .exitTrack.exitTrackTp tbody tr:nth-child(3n) td { background: #FFE1C3; } .exitTrack.exitTrackTp tbody tr:nth-last-child(2) td { font-weight: 700; } .exitTrack.exitTrackTp tbody tr:nth-last-child(3) td { font-weight: 700; background: #fff; } .exitTrack.exitTrackTp tbody tr:nth-last-child(4) td { background: #FFE1C3; } .bxShadow { box-shadow: -3px 3px 10px #00000017; border-radius: 3px; margin: 15px 0 24px; } .exitTrack .card-header a { display: flex; justify-content: space-between; align-items: center; } .exitTrack .card-header a i { font-size: 9px; color: #BD4364; } #pm_project_table .dataTables_scrollHeadInner, #pm_project_table .dataTables_scrollHeadInner, #pm_project_table .dataTable { width: 100% !important; } /* css end for Exit Tracker */ /* Employee Details New section Add Start*/ .card.non-shadow { box-shadow: none !important; } .exit-details {border-bottom: 1px solid #D1D1D1;} .exit-details .nav.nav-tabs {margin: -1.25rem -1.25rem 0;background: #fff;} .exit-details ul li {margin-right: 0;padding:0;border-bottom: 0 !important;} .exit-details .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color:#ba4467 !important;background-color: #fff; border-color: #ffffff #ffffff #bb4366 !important;} .exit-details .nav.nav-tabs li a { display: block;font-size: 14px;font-weight: 600; line-height: 2.5rem;padding: 0px 25px;color: #4B4B4B;} .exit-details .bg-white-new {background: #fff;padding: 20px; box-shadow: -3px 3px 10px #00000017; margin-bottom: 20px;} .bg-offwhite {background: #f5f5f5;height:35px;} .exit-details .nav .nav-tabs-exit li a {margin-right: 0;padding: 8px 20px;display: inline-block; font-size: 14px; font-weight: 400px;color: #BD4364; } .exit-details ul.nav .nav-tabs-exit li:hover a {color: #BC4364;border-bottom: 2px solid #BC4364;} .exit-details ul li a.active {border-bottom: 2px solid #BC4364;color: #BC4364;} .empolyee-details h5 { color: #000000; font-size: 15px; font-weight: 500 !important; padding: 0; } .byempolyee { display: inline-block; position: relative; padding: 0px 28px; color: #696969; font-size: 14px; font-weight: 400; line-height: 17px; } .byempolyee input {position: absolute; opacity: 0;cursor: pointer;} .byempolyee .checkmark {position: absolute;top: 0;left: 0;height:18px;width: 18px;border: 1px solid #707070 ;border-radius: 50%;} .byempolyee :hover input ~ .checkmark {background-color: #ccc;} .byempolyee input:checked ~ .checkmark {background-color: #9d4b7c;border: none;} .byempolyee .checkmark:after {content: "";position: absolute; display: none;} .byempolyee input:checked ~ .checkmark:after { display: block;} .byempolyee .checkmark:after {top: 5px;left: 5px; width: 8px;height: 8px;border-radius: 50%;background: white;} .by-empolyee textarea { border: 1px solid #D1D1D1; border-radius: 5px; padding: 3px 7px 4px; margin-top: 0; height: 38px; width: 100%; font-size: 14px; } .by-empolyee .form-control:focus {color: #495057;background-color: #fff; border-color:#D1D1D1; outline: 0;} .project-details h3{ color: #000000;font-size:18px;font-weight:bold !important;padding:20px 0px 0px 23px;} .project-details .datetable table tbody tr:nth-child(even) {background: #EFF3F5 !important;} .project-details .datetable table th {background: #EAEAEA;border-bottom: 1px solid #B2B2B2;border-right: 1px solid #B2B2B2;border-top: 1px solid #B2B2B2;font-family: 'Open Sans', sans-serif;font-weight: 600; font-size: 0.9375rem;line-height: 1.5rem;color: #383838;padding:.5rem 1.5rem;white-space: nowrap;} .project-details .datetable table td{padding:.5rem 1.5rem;} .byproject h5 { color: #000000; font-size: 16px; font-weight: 400; padding: 16px 0px; margin: 0; } .byproject textarea { border: 2px solid #D1D1D1; border-radius: 5px; padding: 15px 13px; height: 80px; width: 100%; } .byproject .md-form input, .profSecFrm .md-form select, .profSecFrm .md-form textarea {color: #3E4860;font-size: 1rem;line-height: 1.5rem;padding: .625rem 0.9375rem; font-family: 'Open Sans', sans-serif;box-sizing: border-box;border: 2px solid #D1D1D1;border-radius: 5px; height: 48px;} .byproject .md-form label {left: 16px;} .byproject .md-form label.active {-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);left: 12px;padding: 0 3px;background: #fff;color: #666 !important;} .table-box {} .table-box .datetable table tbody tr:nth-child(even) {background: #EFF3F5 !important;} .table-box .datetable table td {font-family: 'Open Sans', sans-serif;font-size:14px;line-height: 23px; color: #222222;border-bottom: 1px solid #B2B2B2;border-right: 1px solid #B2B2B2;padding:.5rem 1.5rem;white-space: nowrap;font-weight: 400; border-top: 1px solid #B2B2B2;} .table-box .datetable table th { background: #EAEAEA; border-bottom: 1px solid #B2B2B2;border-right: 1px solid #B2B2B2;border-top: 1px solid #B2B2B2;font-family: 'Open Sans', sans-serif;font-weight:700; font-size: 0.9375rem; line-height: 1.5rem;color: #383838;padding: .5rem 1.5rem;white-space: nowrap;} .table-box h3 { color: #000000;font-size: 18px;font-weight: bold !important;padding:20px 0px 20px 0px; margin-bottom: 0;} .table-box h4 { color: #000000;font-size: 16px;font-weight:600!important;padding:20px 0px 20px 0px; margin-bottom: 0;} .table-box span {color: #4B4B4B;font-size: 16px; font-weight: 400;} .emFirst { display: flex; align-items: center; font-size: 14px; margin: 14px 0; color: #383838; } .nmm { display: inline-block; width: 185px; } .nmmRight { display: inline-block; width: calc(60% - 195px); } .empRow { align-items: flex-start; margin: 0 0 16px; } .empolyeeRate { width: 388px; display: inline-block; } .empolyee-details { width: calc(100% - 788px); display: inline-block; } .non-shadow .tab-content > .active { background: #F2F2F2; } .byEmp .bg-white-new { background: #fff; } .qusAns { margin: 20px 0 0; padding: 0 20px 20px; box-shadow: -3px 3px 10px #00000017; } .mt-30 { margin-top: 30px; } .non-shadow .datetable table td { font-weight: 400; } .approveSec { border-top: 1px solid #D1D1D1; padding: 20px 0 0; text-align: right; } .approveSec a { width: 170px; height: 50px; background: #3C97BB; border-radius: 5px; display: inline-block; color: #fff; line-height: 50px; text-align: center; font-weight: 500; } .profSecFrm .byproject .md-form { margin-top: 10px !important; margin-bottom: 10px !important; } .empRt { display: flex; } .empRt .custom-control-label::before { border-radius: 50% !important; height: 18px; width: 18px; border: 1px solid #707070 !important; } .empRt .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { top: 9px !important; left: 5px !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: white !important; } .empRt .custom-control-label { color: #696969 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 17px !important; } .empRt { display: flex; justify-content: space-between; margin-right: 30px; margin-top: -4px; } .emmpp { flex-wrap: nowrap !important; } .emmpp .empolyee-details { width: 20%; } .emmpp .empRt { width: 78%; justify-content: space-between; } .emmpRehire .empRt { width: 78%; justify-content: flex-start; } .emmpp .empRt .custom-control { min-width: 208px; margin-right: 10px; } .emmpRehire .empRt .custom-control { display: inline-block; margin-right: 80px; } .emmpRehire { margin-top: 30px; margin-bottom: 24px; } .emmpRehire .empolyee-details { width: 20%; } .emmpRehire .empRt { width: 78%; } .emAdjust .nmmRight { width: calc(100% - 185px); } .emmpRehire { flex-wrap: nowrap; } .workflowproj2.workflow123 thead tr.whitebackgrnd th:nth-child(8), .workflowproj2.workflow123 tbody tr td:nth-child(8) { border-right: 1px solid #B2B2B2 !important; } .datetable.rmLstRw .dataTables_scrollHead table.dataTable thead th:last-child:after { display: none !important; } /*.datetable.employejoining.grayRow table td { background: #777; color: #fff; }*/ .datetable.employejoining.grayRow table tr:nth-child(4) td,.datetable.employejoining.grayRow2 table tr:nth-child(6) td ,.datetable.employejoining.grayRow6 table tr:nth-child(5) td{ background: #777; color: #fff !important; font-weight: 700 !important; } .datetable.employejoining.grayRow table tr:nth-child(5) td { background: #c5c5c5; color: #5002a2; font-weight: 700 !important; } .datetable.employejoining.grayRow table td:nth-last-child(2),.datetable.employejoining.grayRow3 table td:nth-last-child(2) { color: #2f83a0; background: #ebf4f7; font-weight: 700 !important; } .datetable.employejoining.grayRow table tr:nth-child(3) td { color: #84332b; } .datetable.employejoining.grayRow table tr:nth-child(2) td { color: #d06d0a; } .datetable.employejoining.grayRow table tr:nth-child(1) td { color: #29b348; } .datetable.employejoining.grayRow1 table tr:nth-child(5) td { background: #777; color: #fff; font-weight: 700 !important; } .datetable.employejoining.grayRow1 table td:nth-child(2),.datetable.employejoining.grayRow1 table th:nth-child(2) { color: #29b348; font-weight: 700 !important; } .datetable.employejoining.grayRow1 table td:nth-child(3),.datetable.employejoining.grayRow1 table th:nth-child(3) { color: #d06d0a; font-weight: 700 !important; } .datetable.employejoining.grayRow1 table td:nth-child(4),.datetable.employejoining.grayRow1 table th:nth-child(4) { color: #84332b; font-weight: 700 !important; } .datetable.employejoining.grayRow1 table td:nth-child(5),.datetable.employejoining.grayRow2 table td:nth-last-child(2) { background: #ebf4f7; font-weight: 700 !important; } .datetable.employejoining.grayRow1 table td:nth-child(6),.datetable.employejoining.grayRow2 table td:last-child,.datetable.employejoining.grayRow table td:last-child,.datetable.employejoining.grayRow3 table td:last-child,.datetable.employejoining.grayRow6 table td:last-child { color: #fff !important; background: #000000; padding-left: 25px; padding-right: 25px; font-weight: 700 !important; } .employexittyp ul li .roundcircelspan { margin-right: 8px !important; } .employexittyp ul li { font-size: 13px !important; display: flex; align-items: center; } .employeedetailcolm .headiv { display: flex; align-items: center; color: #fff; } .employeedetailcolm .headiv i { font-size: 20px; display: inline-block; margin-right: 10px; } .ht-change{ height: 225px; overflow: hidden; padding: 20px 0; } .joinee{ color: #cc686c; font-weight: 700; } .prospect{ color: #c1803b; font-weight: 700; } .steady{ color: #9468c7; font-weight: 700; } .mature{ color: #145688; font-weight: 700; } .lgtblue1{ background: #60af72; } .designer{ color: #003D77; font-weight: 700; } .developer{ color: #844200; font-weight: 700; } .management{ color: #752259; font-weight: 700; } .support{ color: #189034; font-weight: 700; } .defaultCls{ color: #E26B0A; font-weight: 700; } /* ========================= css start for Attentandnce Records page ========================= */ .slctBxArea { position: relative; } .slctBxArea:after { content: "\e90a"; height: 35px; position: absolute; display: inline-flex; width: 30px; background: #EBEBEB; top: 1px; right: 11px; font-family: 'hrsoftware' !important; font-size: 6px !important; align-items: center; justify-content: center; } .trainingBox { background: #fff; border-radius: 3px; margin-top: 12px; padding: 1px 15px 15px; margin-bottom: 13px; } .trainingBoxRow { display: flex; justify-content: space-between; margin-top: 15px; } .trainingBoxCol { display: inline-flex; align-items: center; width: 28%; } .trainingBoxCol:first-child { width: 46%; } .trainingBoxColLft { display: inline-block; width: 150px; color: #383838; font-size: 14px; } .trainingBoxColRght { display: inline-block; width: auto; color: #383838; font-size: 14px; font-weight: 600; } .payrolltable table { border-left: 1px solid #B2B2B2; } .datetable.payrolltable table th { line-height: 1rem; padding: 0.4rem 0.5rem; } .datetable.payrolltable { overflow: auto; } .srchDprtmnt .searchboxhead { border: 1px solid #C0BFBF; background: #EBEBEB; width: 246px; height: 38px; } .srchDprtmnt { flex-grow: inherit; } .upcomLeft .nav.nav-tabs { margin: 15px 0 0; background: transparent; box-shadow: none; margin-bottom: 0; padding: 0; font-size: 15px; } .upcomLeft .nav-tabs .nav-link { border: 1px solid #dee2e6; border-radius: 0; border-left: none; color: #6A6A6A; } .upcomLeft .nav-tabs .nav-link:first-child { border-radius: 4px 0 0 4px; border-left: 1px solid #dee2e6; } .upcomLeft .nav-tabs .nav-link:last-child { border-radius: 0 4px 4px 0; } .upcomLeft .nav-tabs .nav-link.active { background: #3C97BB; color: #fff; } .upcomLeft { display: inline-block; } .plus { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #3C98BC; font-size: 12px; border-radius: 50%; margin-top: 15px; cursor: pointer; } .upcomRow { display: flex; justify-content: space-between; align-items: center; } /* ========================= css close for Attentandnce Records page ========================= */ /* ========================= css start for Evaluation Process page ========================= */ .fltRgt { float: right; margin-right: 10px; } .mGap { margin: 0 10px; display: inline-block; } .upldIcon { float: right; margin: 10px 15px 0 0; } .mGapLft { margin: 0 10px 0 0; display: inline-block; } .emmpp .empRtt { width: 78%; } .emmpp .empRtt .empRt { width: 100%; margin-top: 6px; } .emmpp .empRtt .empRt:first-child { margin-top: 0; } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: #AC4771; } /* ========================= css close for Evaluation Process page ========================= */ /* ========================== css start for Employee Details Exist New section ========================== */ .empDtlRow { align-items: center; margin: 0 0 20px; justify-content: space-between; } .empDtlRow:last-child { margin: 0; } .empolyeProBar { width: 352px; display: inline-flex; } .empolyeBluCol { width: 126px; height: 25px; background: #178CFC; border-right: 1px solid #fff; display: inline-block; color: #fff; font-weight: 600; font-size: 12px; line-height: 24px; text-align: center; } .empolyeVioCol { width: 126px; height: 25px; background: #7759D3; border-right: 1px solid #fff; display: inline-block; color: #fff; font-weight: 600; font-size: 12px; line-height: 24px; text-align: center; } .empolyeGrnCol { width: 72px; height: 25px; background: #25E594; border-right: 1px solid #fff; display: inline-block; color: #fff; font-weight: 600; font-size: 12px; line-height: 24px; text-align: center; } .empolyeOrnCol { width: 37px; height: 25px; background: #FEB12A; display: inline-block; color: #fff; font-weight: 600; font-size: 12px; line-height: 24px; text-align: center; } .proDetails { display: block; } .proDetails h3 { color: #000000; font-size: 18px; font-weight: bold !important; padding: 0; } .batchh { display: inline-flex; border-radius: 3px; color: #FFF; font-size: 15px; padding: 5px 20px; background: #555; font-weight: bold; margin-top: 12px; } #bttUl.scrollSidebar { position: relative; } table.dataTable.no-footer.DTFC_Cloned .sorting_disabled:after { content: ""; position: absolute; width: 17px; height: 38px; background: #EBEBEB; right: -16px; top: 0; } .ovrflo { overflow: hidden; } .DTFC_RightBodyWrapper .DTFC_RightBodyLiner { width: auto !important; overflow-y: inherit !important; } .DTFC_RightBodyWrapper .DTFC_RightBodyLiner table.dataTable.no-footer.DTFC_Cloned .sorting_disabled:after { display:none !important; } /* ========================== css close for Employee Details Exist New section ========================== */ .glyphicon-calendar:before { content: "\e109" !important; } /* ========================== css fixing start for Employee portal ========================== */ .newDesgnCls .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_Cloned.dataTable tr th:first-child { width: 34.5px !important; } .newDesgnCls .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_Cloned.dataTable tr th:nth-child(2) { width: 78.4844px !important; } .newDesgnCls .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_Cloned.dataTable tr th:nth-child(4) { width: 96.5px !important; } .newDesgnCls .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHeadInner .dataTable tr th, .newDesgnCls .DTFC_ScrollWrapper .DTFC_LeftHeadWrapper .dataTable tr th { font-size: 0.775rem; } .newDesgnCls.datetable .DTFC_ScrollWrapper table td { font-size: 0.775rem !important; } .bootstrap-datetimepicker-widget { overflow: hidden !important; z-index: 99999; } /*.bootstrap-datetimepicker-widget:before { content: ""; z-index: 9999; left: 0; top: -9px; background: #fff url(../images/prv-icon.png)left bottom no-repeat; width: 20px; height: 40px; display: inline-block; pointer-events: none; position: absolute; }*/ .bootstrap-datetimepicker-widget:after { content: ""; z-index: 9999; left: 0; top: 0; background: url(../images/calender-arow.png) left center no-repeat; width: 93%; height: 46px; pointer-events: none; position: absolute; background-size: 100%; margin-left:5px; } .topformargin .bootstrap-datetimepicker-widget:after { margin-top: 5px; } .bootstrap-datetimepicker-widget i, .bootstrap-datetimepicker-widget .fa { display: none !important; } .bootstrap-datetimepicker-widget i:hover, .bootstrap-datetimepicker-widget .fa:hover, .bootstrap-datetimepicker-widget a:hover { display: none !important; background: transparent !important; } .topformargin .selectboxdrop:after { font-size: 0.6375rem; top: 11px; right: 12px; transform: rotate(-90deg); pointer-events: none; } .topformargin #employeeSearch select { padding-left: 7px; } .datecalendar { min-width: 160px !important; } .Snt { background: #25C486; color: #FFF; border-radius: 3px; /* width: 127px; */ font-weight: 600; line-height: 1.875rem; padding: 0 10px; } .ntSnt{ background: #d60f32; color: #FFF; border-radius: 3px; /* width: 127px; */ font-weight: 600; line-height: 1.875rem; padding: 0 10px; } .workflowproj2.workflowNew .icon-error { margin-right: 10px; margin-left: 4px; } .workflowproj2.workflowNew .icon-tick { margin-right: 7px; } .workflowproj2.workflowNew tbody tr td:nth-child(6) { border-right: 1px solid #B2B2B2 !important; } /* ========================== css fixing close for Employee portal ========================== */ #accordion .panel-heading .accordion-toggle.collapsed::before { content: "\e90a"; } header { z-index: 99; } .topformargin .iconsrtdes { left: auto; right: 10px; } .fntSz{ font-size: 16px; } #accordion.pmrt.pmpReport .panel-heading .accordion-toggle.collapsed::before { font-size: 6px !important; } .dprtTbl td i.icon-trash { margin: 0 20px; } .dprtTbl th:last-child, .dprtTbl td:last-child { text-align: center; width: 120px !important; } .mngRate.performanctable table th:first-child { width: 95.438px; } .mngRate.performanctable table th:nth-child(2) { width: 79.9375px; } .ptopLess { padding-top: 0; } .timeshtReport .tblFixy { width: calc(100% - 305px); } #accordion .panel.nobord { width: 99%; } .panel-group.acc.pmrt { overflow-x: auto; } .alEmpTbl table.dataTable.no-footer.DTFC_Cloned .sorting_disabled:after { display: none; } .brNon { border-right: none; } .mngProject.ongProj .DTFC_ScrollWrapper .DTFC_RightWrapper { width: 109px !important; } .mngProject.ongProj .dataTable.no-footer.DTFC_Cloned td:first-child, .mngProject.ongProj .dataTables_scrollBody td:first-child { width: 202px; white-space: normal; word-break: break-word; } .mngProject.ongProj .dataTable.no-footer.DTFC_Cloned td:nth-child(2){ white-space: normal; width: 130px; } .mngProject.ongProj .dataTables_scrollBody td:nth-child(2){ white-space: normal; width: 130px; } .mngProject.ongProj .dataTable.no-footer.DTFC_Cloned td:nth-child(2) a, .mngProject.ongProj .dataTables_scrollBody td:nth-child(2) a { white-space: nowrap; width: 180px; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .mngProject.ongProj .dataTables_scrollBody td:nth-child(2) a { width: 225px; } .mngProject.ongProj .dataTable.no-footer.DTFC_Cloned td:nth-child(3), .mngProject.ongProj .dataTables_scrollBody td:nth-child(3) { white-space: normal; word-break: break-word; width: 104px; } .mngProject.ongProj .dataTable.no-footer.DTFC_Cloned td:nth-child(4){ white-space: normal; word-break: break-word; width: 112px; } .mngProject.ongProj .dataTable.no-footer.DTFC_Cloned td:nth-child(5){ white-space: normal; word-break: break-word; width: 90px; } .mngProject.ongProj .dataTable.no-footer.DTFC_Cloned td:nth-child(5) .ellip { width: 90px; } .mngProject.ongProj .dataTable.no-footer.DTFC_Cloned td:nth-child(6){ white-space: normal; word-break: break-word; width: 90px; border-right: 1px solid #999 !important; } .mngProject.ongProj .dataTable.no-footer.DTFC_Cloned td:nth-child(6) .ellip { width: 96px; } .mngProject.performanctable.ongProj table th:first-child { width: 136px !important; } .mngProject.performanctable.ongProj table th:nth-child(2) { width: 205px !important; } .mngProject.performanctable.ongProj table th:nth-child(3) { width: 91px !important; } .mngProject.performanctable.ongProj table th:nth-child(4) { width: 77px !important; } .mngProject.performanctable.ongProj table th:nth-child(5) { width: 120px !important; } .mngProject.performanctable.ongProj table th:nth-child(6) { width: 119px !important; } .mngProject.performanctable.projLstcomp table th:first-child { width: 117px !important; } .mngProject.performanctable.projLstcomp table th:nth-child(2) { width: 205px !important; } .mngProject.performanctable.projLstcomp .dataTable.no-footer.DTFC_Cloned td:nth-child(2) a { width: 156px; } .mngProject.performanctable.projLstcomp table th:nth-child(3) { width: 93px !important; } .mngProject.performanctable.projLstcomp table th:nth-child(4) { width: 69px !important; } .mngProject.performanctable.projLstcomp table th:nth-child(5) { width: 119px !important; } .mngProject.performanctable.projLstcomp table th:nth-child(6) { width: 118px !important; } .mngProject.performanctable.projLstcomp .DTFC_LeftWrapper .dataTable.no-footer.DTFC_Cloned td:first-child, .mngProject.performanctable.projLstcomp .dataTables_scroll table td:first-child { width: 158px; white-space: normal; word-break: break-word; } .mngProject.projLstcomp .dataTable.no-footer.DTFC_Cloned td:nth-child(2){ white-space: normal; word-break: break-word; width: 234px; } .mngProject.performanctable.projLstcomp .dataTable.no-footer.DTFC_Cloned td:nth-child(2), .mngProject.performanctable.projLstcomp td:nth-child(2) { white-space: normal; word-break: break-word; width: 273px; } .mngProject.performanctable.projLstcomp .dataTable.no-footer.DTFC_Cloned td:nth-child(3), .mngProject.performanctable.projLstcomp table td:nth-child(3) { white-space: normal; word-break: break-word; width: 101px; } .mngProject.performanctable.projLstcomp .dataTable.no-footer.DTFC_Cloned td:nth-child(4) { white-space: normal; word-break: break-word; width: 105px; } .mngProject.performanctable.projLstcomp .dataTable.no-footer.DTFC_Cloned td:nth-child(5) { white-space: normal; word-break: break-word; width: 153px; } .mngProject.performanctable.projLstcomp .dataTable.no-footer.DTFC_Cloned td:nth-child(6) { white-space: normal; word-break: break-word; width: 96px; border-right: 1px solid #999 !important; } .mngProject.performanctable.projLstcomp .dataTable.no-footer.DTFC_Cloned td:nth-child(6) .ellip { width: 86px; } .mngProject.performanctable.projLstcomp .dataTable.no-footer.DTFC_Cloned td:nth-child(5) .ellip { width: 77px; } .mngProject.performanctable.projLstcomp .dataTables_scrollHead table th:last-child { width: 88px !important; } .mngProject.performanctable.projLstcomp .dataTables_scrollBody td:nth-child(2) { width: 135px; } .mngProject.performanctable.projLstcomp .dataTables_scrollBody td:nth-child(2) a { min-width: 173px !important; display: inline-block; } .mngProject.performanctable.projLstcomp .DTFC_ScrollWrapper .DTFC_RightWrapper { width: 66px !important; } .mngProject.projectunassign .dataTable.no-footer.DTFC_Cloned td:first-child, .mngProject .dataTables_scrollBody td:first-child { width: 144px; } .mngProject.projectunassign .dataTable.no-footer.DTFC_Cloned td:nth-child(3), .mngProject.projectunassign .dataTables_scrollBody td:nth-child(3) { width: 102px; } .mngProject.projectunassign .dataTable.no-footer.DTFC_Cloned td:nth-child(2) { width: 219px; } .performanctable.ongProj .dataTables_scroll table td:last-child { width: 109px !important; } .performanctable.ongProj .dataTables_scroll table th:last-child { width: 110px !important; } .performanctable.ongProj .dataTables_scroll table td:last-child { min-width: 109px !important; } .projectunassign table.dataTable.no-footer.DTFC_Cloned .sorting_disabled:after, .projectAssign table.dataTable.no-footer.DTFC_Cloned .sorting_disabled:after { display: none; } .commFixd { padding-top: 120px; } .commFixd .workflowproj2 tbody tr td:first-child { width: 118px; } .commFixd .workflowproj2 tbody tr td:nth-child(5) { width: 110px; } .commFixd .workflowproj2 tbody tr td:nth-child(6) { width: 97px; } .commFixd .workflowproj2 tbody tr td:nth-child(7) { width: 101px; } .commFixd .workflowproj2 tbody tr td:nth-child(8) { width: 158px; } .commFixd .workflowproj2 tbody tr td:nth-child(9) { width: 97px; } .commFixd .workflowproj2 tbody tr td:nth-child(10) { width: 100px; } .commFixd .workflowproj2 tbody tr td:nth-child(11) { width: 80px; } .commFixd .workflowproj2 tbody tr td:nth-child(12) { width: 110px; } .commFixd .workflowproj2 tbody tr td:nth-child(13) { width: 109px; } .commFixd .workflowproj2 tbody tr td:nth-child(14) { width: 98px; } .commFixd .workflowproj2 tbody tr td:last-child { width: 140px; } .commFixd .workflowproj2 thead.fxxd tr.minwid70 th:nth-child(5) { width: 118px; } .commFixd .workflowproj2 thead.fxxd tr.minwid70 th:nth-child(6) { width: 100px; } .commFixd .workflowproj2 thead.fxxd tr.minwid70 th:nth-child(7) { width: 101px; } .commFixd .workflowproj2 thead.fxxd tr.whitebackgrnd.minwid70 th:nth-child(8) { width: 163px; } .commFixd .workflowproj2 thead.fxxd tr.minwid70 th:nth-child(12) { width: 114px; } .commFixd .workflowproj2 thead.fxxd tr.minwid70 th:nth-child(13) { width: 111px; } .commFixd .workflowproj2 thead.fxxd tr.minwid70 th:nth-child(14) { width: 100px; } .commFixd .workflowproj2 thead.fxxd tr.minwid70 th:last-child { width: 142px; } .commFixd .workflowproj2 thead.fxxd tr.minwid70 th:first-child { width: 120px; } .commFixd .workflowproj2 thead.fxxd tr.minwid70 th:nth-child(8) { width: 80px; } .mngRate.performanctable.epmcc table th:first-child { width: 87px !important; } .mngRate.performanctable.epmcc table th:nth-child(2) { width: 76px !important; } .workflowproj2.timeshtReport thead tr.whitebackgrnd th:nth-child(8) { border-right: 1px solid #B2B2B2 !important; } .mnthrpt.mainthead tr td.positiofixdsec, .mnthrpt.mainthead tr.rowhead th.positiofixdsec { left: 73px; } .timeshtReport .tb-bottom td:nth-last-child(7) { width: 0 !important; } .timeshtReport .workflowproj2 thead tr.whitebackgrnd th:first-child { width: 159px; } .timeshtReport .tb-top th:nth-last-child(8) { width: 152px; } .timeshtReport .tb-top th:nth-last-child(7) { width: 95px !important; } .timeshtReport .workflowproj2 tbody tr td:first-child { width: 244px; } .pmrt .rate { height: auto; } .pmrt .rate label { margin-bottom: 0; } .pmrt .datetable.developtable table td { padding: 2px 0.5rem; } .pmrt .rate:not(:checked) > label { font-size: 15px; line-height: 17px; display: inline-block; margin-right: 1px; } .pmrt .rate > input:checked ~ label { margin-right: 1px; display: inline-block; } .timeshtReport .tb-top th:last-child, .timeshtReport .tb-bottom td:last-child { width: 9% !important; } .timeshtReport .tb-top th:nth-last-child(5), .timeshtReport .tb-bottom td:nth-last-child(5) { width: 13% !important; } .timeshtReport .tb-top th:nth-last-child(8) { width: 9% !important; } .timeshtReport .tb-top th:first-child { width: 12% !important; } .timeshtReport .tb-top th:nth-last-child(2), .timeshtReport .tb-bottom td:nth-last-child(2) { width: 10% !important; } .timeshtReport .tb-top th:nth-last-child(3), .timeshtReport .tb-bottom td:nth-last-child(3) { width: 10% !important; } .timeshtReport .tb-top th:nth-last-child(6) { width: 13% !important; } .timeshtReport .tb-bottom td:nth-last-child(6) { width: 11% !important; } .timeshtReport .workflowproj2 tbody tr td:first-child { width: 196px; } .tfmAlign { justify-content: space-between; } .orgBc{ background: #ffcfc0; } .calcu { display: block; border: 1px solid #777; padding: 2px 20px 12px 20px; margin-bottom: 14px; background: #fff; } .calcuRow { display: flex; justify-content: space-between; } .calcuCol { display: inline-block; width: 240px; font-size: 14px; font-weight: 600; } .calcuCol:nth-child(3) { width: 240px; } .calcuColInner { display: flex; width: 100%; justify-content: space-between; margin-top: 8px; } .calcuColInner:first-child { margin-top: 15px; } .calcuCol:first-child { width: 230px; } .calcuCol span { display: inline-block; text-align: right; } .calcuCol span:first-child { width: 170px; text-align: left; } .calcuCol:first-child span:first-child { width: 170px; } .calcuColInner:last-child { border-top: 1px solid #777; padding-top: 10px; } .pmNm li { background: #fbe4d5; margin-right: 10px; font-size: 14px; border-radius: 4px; } .pmNm li a { color: #000; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #666; line-height: 21px; } .pmNm li:nth-child(2) { background: #cc99ff; } .pmNm li:nth-child(3) { background: #c5e0b3; } .pmNm li:nth-child(4) { background: #bdd6ee; } .pmNm li:nth-child(5) { background: #efcb5f; } .pmNm li:nth-child(6) { background: #83b0c4; } .pmNm li:nth-child(7) { background: #385623; } .pmNm li:nth-child(7) a, .pmNm li:nth-child(6) a { color: #fff; } .rtCol.rate { display: inline-block; height: auto; float: none; vertical-align: top; } .rtCol.rate label { font-size: 20px; height: 22px; line-height: 21px; margin-bottom: 0 !important; width: 17px !important; } .rtCol.rate label:before { color: #ffc700; font-size: 17px; } .calcuCol:last-child { width: 290px; } .calcuCol:last-child span:first-child { width: 100px; text-align: left; } .calcuCol:last-child span:nth-child(2) { width: 105px; } .calcuCol:last-child span:last-child { width: 40px; } .calcuCol:last-child .calcuColInner:last-child { border-top: none; padding-top: 0; } .calcuCol:last-child .calcuColInner { margin-top: 5px; } .calcuCol:last-child .calcuColInner:first-child { margin-top: 15px; } .calcuCol:first-child span:last-child { background-color: #7030a0; color: #fff; padding: 3px 0; border-radius: 4px; width: 34px; text-align: center; } .calcuCol:nth-child(2) span:last-child { background-color: #385623; color: #fff; padding: 3px 0; border-radius: 4px; width: 67px; text-align: center; } .calcuCol:nth-child(3) span:last-child { background-color: #2e75b5; color: #fff; padding: 3px 0; border-radius: 4px; width: 60px; text-align: center; } .btnWdth { width: 130px !important; display: inline-block; } .extrc { overflow: auto; } .extrc table { min-width: 1200px !important; } .ssrptop { overflow: auto; } .ssrptop .ssrptopInner { min-width: 930px; } .softwaresalryboxOuter { overflow: auto; } .ssrptop .srptpInner { min-width: 1264px; } .mopwr { overflow: auto; width: calc(100% - 15px); } .mopwrInner { min-width: 1325px; } .nombr { background: #999; width: 30px; padding: 3px 0; border-radius: 4px; color: #fff; text-align: center !important; margin: 0 2px 0 7px; } .vanish { width: 15px !important; border: none !important; background: none !important; } .datetable.developtable table.rmvBorder { border: none !important; } .datetable.developtable table.rmvBorder th:nth-last-child(2), .datetable.developtable table.rmvBorder th:nth-last-child(3) { width: 10%; } .pmNm { width: 100%; display: block; } .pmNm:before, .pmNm:after { content: ""; display: table; } .pmNm:after { clear: both; } .pmNm li { float: left;} .pmNm li:last-child { background: #333; margin-right: 0; float: right; } .pmNm li:last-child a { color: #fff; } .masterDropDownTbl table.dataTable.no-footer.DTFC_Cloned .sorting_disabled:after { height: 43px; right: -16px; z-index: 9; border-top: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; border-bottom: 2px solid #B2B2B2; } .departmentTable { overflow-x: scroll; overflow-y: auto; } .rate {min-width: 100px;} #Master-home .datetable.developtable table td:nth-child(2) { background: #ecf3fe; color: #0170c0; padding: 16px 7px; } #Master-home .datetable.developtable table td:nth-child(3) { background: #d9e6fc; color: #002060; } #Master-home .datetable.developtable table td:nth-child(4),#Master-home .datetable.developtable table th:nth-child(1),#Master-home .datetable.developtable table th:nth-child(2),#Master-home .datetable.developtable table th:nth-child(3),#Master-home .datetable.developtable table th:nth-child(4),#Master-home .datetable.developtable table th:nth-child(5),#Master-home .datetable.developtable table th:nth-child(6) { background : #7f7f7f; color: #fff; } #Master-home .datetable.developtable table th:nth-child(8){ background : #7f7f7f; color: #f6b3ae; } #Master-home .datetable.developtable table th:nth-child(9){ background : #7f7f7f; color: #fde49a; } #Master-home .datetable.developtable table th:nth-child(10){ background : #7f7f7f; color: #fef1cd; } #Master-home .datetable.developtable table td:nth-child(5) { background : #fff; color: #7f7f7f; } #Master-home .datetable.developtable table td:nth-child(8) { background: #ffc499; color: #000; } #Master-home .datetable.developtable table td:nth-child(9) { background: #fde49a; color: #000; } #Master-home .datetable.developtable table td:nth-child(10) { background: #fef1cd; color: #000; } #Master-home .datetable.developtable table td:last-child { background: #fff1c9; } #Master-home .datetable.developtable table th { padding: 16px 5px; } #Master-home .datetable.developtable table td { font-size:15px; } #Master-home .datetable.developtable table td:first-child { font-size:11px; } #Master-home {overflow: auto;} #Master-home .datetable.developtable { min-width: 1010px; } .peem .nav.subnavtab li a { line-height: 37px; } .monthtabcont.peem {margin: 0;} .detailcontent .grouprating, .detailcontent .blackbg {display: inline-block;} .subnavtabbg .nav.subnavtab li a { font-size: 14px; line-height: 41px; } .subnavtabbg .whitediv .btn { line-height: 23px; margin: 3px 5px 5px 0; font-size: 13px; } .custCo-12 .datetable.emploeydetailstbl table th {line-height: 16px} #managementComments .datetable.dataheadfd td i {margin-right: 14px;} #managementComments .datetable.dataheadfd td i:last-child {margin-right: 0;} .gnrd {padding-left: 0 !important;} .gnddr .custom-control-inline {margin-right: 0 !important;} #joinTable.datetable .dataTables_scrollHead table.dataTable thead th:last-child:after {display: none;} .dvlrr {margin-top: 50px !important;} .dvlrr #userTable_paginate { top: -37px; } .dvrtrpt .nav.subnavtab li a { line-height: 37px; } .dvrtrpt {margin-top: 5px;} .mngGrp {margin-top: 50px;} .mngGrp #userTable_paginate { top: -38px; } #activeMenu ul::-webkit-scrollbar { width: 6px; } /* Track */ #activeMenu ul::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ #activeMenu ul::-webkit-scrollbar-thumb { background: #555; } /* Handle on hover */ #activeMenu ul::-webkit-scrollbar-thumb:hover { background: #333; } .leftmainlink li.grayCol a {color: #ccc;} .leftmainlink li.ylwCol a {color: #ffed90;} .leftmainlink li.bluCol a {color: #c5fdb7;} .leftmainlink li.bluCol a.activemnu, .leftmainlink li.ylwCol a.activemnu, .leftmainlink li.grayCol a.activemnu {color: #000;} .Zindex{ z-index: 1041 !important; } #snackbar{ visibility:hidden; min-width:250px; margin-left:-125px; background-color:#333; color:#fff; text-align:center; border-radius:2px; padding:16px; position:fixed; z-index:1; left:50%; bottom:30px; font-size:17px } #snackbar.show{ visibility:visible; -webkit-animation:fadein .5s,fadeout .5s 2.5s; animation:fadein .5s,fadeout .5s 2.5s } .mngProject.performanctable.projLstcomp.prlmp .dataTables_scroll table td:first-child { min-width: 143px !important; } .mngProject.performanctable.projLstcomp.prlmp .DTFC_LeftWrapper .dataTable.no-footer.DTFC_Cloned td:first-child { width: 144px; } .mngProject.performanctable.projLstcomp.prlmp .dataTable.no-footer.DTFC_Cloned td:nth-child(2) { width: 253px; } .mngProject.performanctable.projLstcomp.prlmp .dataTable.no-footer.DTFC_Cloned td:nth-child(3) { width: 98px; } .mngProject.performanctable.projLstcomp.prlmp .dataTable.no-footer.DTFC_Cloned td:nth-child(4) { width: 95px; } .mngProject.performanctable.projLstcomp.prlmp .dataTables_scrollHead table th:last-child { width: 67px !important; } .mngProject.performanctable.projLstcomp.prlmp .dataTables_scrollHead table th:nth-child(12) { width: 147px !important; } /* .alEmpTbl .DTFC_RightBodyWrapper {overflow: visible !important;} */ .dataTables_paginate > span a.paginate_button.current { border-radius: 50%; width: 21px; height: 21px; line-height: 21px; margin: 0 4px; background: #c7c6c6; } .dataTables_paginate .paginate_button { width: 22px; height: 22px; } /* ============ css for task page ============ */ .tskks .btn.btn-link { width: 100%; text-align: left; padding: 0; margin: 0; text-transform: inherit; color: #383838 !important; font-size: 14px; text-decoration: none !important; display: flex; justify-content: space-between; align-items: center; } .tskks .btn.btn-link .icon-download-1 { font-size: 7px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .tskks .btn.btn-link.collapsed .icon-download-1 { font-size: 7px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); } .tskks .card { box-shadow: none; margin-top: 5px; border-bottom: 0; } .tskks .card-body { padding: 0; } .tskks .card-header { border-bottom: none; padding: 0.3rem 1.25rem 0.4rem; } .clicky { font-size: 7px; cursor: pointer; } .bdBot {border-bottom: 1px solid #c0c0c0 !important;} .orangeBack {background: #fbe4d5 !important;} .csttmTxt {height: 28px; width: 100%;} .panel-heading.trPln:before { display: none; } .panel-heading.trPln { background: #fbe4d5 !important; color: #000; font-weight: bold; text-align: center;} /* .alEmpTbl .DTFC_RightBodyWrapper {overflow: visible !important;} */ .trnMast .dataTables_scrollHeadInner, .trnMast .dataTable.no-footer {width: 100% !important;} .datetable.trnMast .dataTables_scrollHead table.dataTable thead th:last-child:after, .datetable.trnMstr .dataTables_scrollHead table.dataTable thead th:last-child:after{display: none;} .datetable table td.trTableDrkBlu{ background: #42aafc; font-weight: 666; color: #00447a; text-align: center; } .datetable table td.trTableLgtBlu{ background: #c2e3f2; font-weight: 666; color: #0665b0; text-align: center; } .datetable table td.trTableLgtPur{ background: #e7cef4; font-weight: 666; color: #7f0cbc; text-align: center; } .datetable table td.trTableDrkPur{ background: #b56bdc; font-weight: 666; color: #6900b2; text-align: center; } .datetable table td.trTableDrk{ background: #002668; color: #fff; text-align: center; font-weight: 666; } .datetable table td.trTablepnk{ background:#f4ced5; color: #bb0600; text-align: center; font-weight: 666; } .datetable table td.trTableGrn{ background: #cff4cf; color: #003700; text-align: center; font-weight: 666; } .datetable table td.trTableYellow{ background: #fbeec8; color: #80620d; text-align: center; font-weight: 666; } .datetable table td.trTableLgtOrg{ background: #fec784; color: #8f4800; font-weight: 666; text-align: center; } .datetable table td.trTableDeepOrg{ background: #ef901b; color: #6c2a03; font-weight: 666; text-align: center; } .datetable table td.trTableLgt1Blu{ background: #b3beff; font-weight: 666; color: #002668; text-align: center; } .datetable table td.trTableDeep1Blu{ background: #3f51b5; font-weight: 666; color: #feffdb; text-align: center; } .datetable table td.trTableFinalBlu{ background: #0665b0; font-weight: 666; color: #feffdb; text-align: center; } .datetable table td.trTableFinalPur{ background: #b56bdc; font-weight: 666; color: #feffdb; text-align: center; } .datetable table td.trTableFinalYello{ background: #cd9900; font-weight: 666; color: #feffdb; text-align: center; } table tr.redClass td{ background: #fddcd5; } /* .trnMstr table td span:parent td { background-color:red } */ .newDesgnCls.datetable.trnMstr .DTFC_ScrollWrapper table td, .newDesgnCls.datetable.trnMstr .DTFC_ScrollWrapper table th { font-size: 13px !important; padding: 3px 5px; min-height: 30px; } .newDesgnCls.datetable.trnMstr .DTFC_ScrollWrapper table td:first-child {min-width: 97px;} .newDesgnCls.datetable.trnMstr .DTFC_ScrollWrapper table td:nth-child(2) {min-width: 94px;} .newDesgnCls.datetable.trnMstr .DTFC_RightWrapper {min-width: 94px;} .newDesgnCls.datetable.trnMstr .DTFC_RightBodyWrapper .DTFC_RightBodyLiner {overflow-x: hidden;} .newDesgnCls.datetable.trnMstr .DTFC_RightBodyWrapper .DTFC_RightBodyLiner i:first-child {margin-left: 10px;} .newDesgnCls.datetable.trnMstr .DTFC_ScrollWrapper table td:last-child {min-width: 97px;} .trnTop {justify-content: space-between; padding-right: 122px; align-items: center;} .trnTop .tagspann { padding: 5px 10px; margin-bottom: 7px;} .pinkSpan{ background:#f4ced5; color: #bb0600; text-align: center; font-weight: 666; } .lgtBluSpan{ background: #c2e3f2; font-weight: 666; color: #0665b0; text-align: center; } .yellowSpan{ background: #fbeec8; color: #80620d; text-align: center; font-weight: 666; } .purSpan{ background: #e7cef4; font-weight: 666; color: #7f0cbc; text-align: center; } .grnSpan{ background: #cff4cf; color: #003700; text-align: center; font-weight: 666; } .rtPos{ position: absolute; right: 8px; top: 8px; } .psRel {position: relative;} .text-right.fz25 { display: flex; align-items: center; justify-content: flex-end; margin-top: 12px; } .text-right.fz25 .drpDownN{width: 100%;max-width: 250px;} .text-right.fz25 .batchh{margin-top:0;padding: 7px 20px; margin-left: 15px;} .dsgLvl{padding: 0; margin: 0; display:flex; flex-direction: row; width: 100%;} .dsgLvl span{display: inline-block; margin-right: 12px;} .dsgLvl span.nhSp{white-space:nowrap; height: 32px;} /* 26-1-2022 */ .innerTab2{ border: 0;} .innerTab2 td{ border: 0px!important;} .innerTab2.innerTab_multiple td{border-bottom:#ccc 1px solid!important;} .innerTab2.innerTab_multiple tr:last-child td{border-bottom:#ccc 0px solid!important;} .performanctable.lineM table td, .performanctable.lineM table th { padding: 6px 0; } /* 26-1-2022 */ /* 26-1-2022 */ .innerTab1{ border: 0;} .innerTab1 td{ border: 0px!important;} .innerTab1.innerTab_multiple td{border-bottom:#ccc 1px solid!important;} .innerTab1.innerTab_multiple tr:last-child td{border-bottom:#ccc 0px solid!important;} .performanctable.lineM table td, .performanctable.lineM table th { padding: 6px 0; } /* 26-1-2022 */ .evCol table tbody td:nth-child(even), .evCol table tbody td:nth-child(even) .innerTab2 tbody tr,.evCol table tbody td:nth-child(even) .innerTab1 tbody tr { background-color: #e2e2e2; } .wdth{ width: 70px !important; }