/* Set padding to keep content from hitting the edges */
/* Set width on the form input elements since they're 100% wide by default */
/*input,select,textarea {max-width: 280px;}*/
/* header & menu */
/* SECTION HEADERS IN TOP OF THE PAGE*/
/* SECTION SUBHEADERS IN BODY OF THE PAGE*/
/* Kendo*/
/* SECTION FOOTER */
/*ajax loading*/
/*img style*/
/*to fix the dilog issue in firefox*/
/*Page not found*/
/*grid row*/
/*header*/
*::selection {
  color: #fff;
  background: #3390FF;
}
@font-face {
  font-family: 'PingFangSC-Regular';
  src: url('../fonts/glyphicons-halflings-regular.eot') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg') format('svg');
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p {
  padding: 0;
  margin: 0;
  list-style: none;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none !important;
}
textarea {
  resize: none;
}
.clearfix::before,
.clearfix::after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
* {
  box-sizing: border-box !important;
}
body {
  padding-top: 0;
  min-width: 1030px !important;
  background: #f4f4f5;
}
.cursor {
  cursor: pointer;
}
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}
.k-textbox[readonly] {
  background-color: #EEE !important;
}
.k-input[readonly] {
  background: #EEE;
}
.adminheader {
  margin-bottom: 0;
  border-top: 0 solid #009FFF;
  border-bottom: 0 solid #009FFF;
  height: 40px;
  background: #f2f2f2;
  color: #333;
  width: 100%;
  text-transform: capitalize;
}
.adminmenu {
  text-transform: capitalize;
  border-bottom: 0 solid #009FFF;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  min-width: 1260px;
  background: #616B88 !important;
  position: relative;
}
.adminmenu #menu-logo {
  float: left;
  width: 159px;
  min-width: 159px;
  height: 54px;
  background: #58607B;
  background-image: url('../Content/images/logo@3x.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 90px 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.adminmenu #admin-menu {
  border: none !important;
  height: 54px;
  background: #616B88 !important;
  color: #E1E4E5;
  float: left;
  margin-left: 159px;
  min-width: 1220px;
}
.adminmenu #admin-menu .dropDownMenu {
  visibility: hidden;
}
.adminmenu #admin-menu > .k-item.k-state-default {
  border: none !important;
  background: #616B88 !important;
}
.adminmenu #admin-menu > .k-item.k-state-default.menuRightNavStyle {
  float: right !important;
}
.adminmenu #admin-menu > .k-item.k-state-default.menuRightNavStyle > .k-link {
  position: relative;
  display: inline-block;
  height: 54px;
  padding: 0px 15px !important;
  font: 12px/54px "Microsoft YaHei";
}
.adminmenu #admin-menu > .k-item.k-state-default.loginOff::before {
  content: "";
  width: 1px;
  height: 27px;
  background-color: #58607B;
  clear: both;
  position: absolute;
  top: 13px;
  left: -18px;
  border-radius: 20%;
}
.adminmenu #admin-menu > li > .k-link {
  padding: 16px 15px !important;
  height: 54px;
  font: 16px/22px "Microsoft YaHei";
  color: #E1E4E5 !important;
}
.adminmenu #admin-menu > li > .k-link:visited {
  background: #616B88 !important;
  background-color: #616B88 !important;
}
.adminmenu #admin-menu > li > .k-link:hover {
  color: #FFF !important;
  background: #616B88 !important;
  font: bold 16px/22px "Microsoft YaHei";
  border-bottom: 4px solid transparent !important;
}
.adminmenu #admin-menu > li > .k-link:active {
  background: #616B88 !important;
  background-color: #616B88 !important;
}
.adminmenu #admin-menu > li > .k-link:focus {
  background-color: #616B88 !important;
}
.row .adminmenu #admin-menu .activeBorderBottom {
  border-bottom: 4px solid transparent !important;
  color: #FFF !important;
}
.row .adminmenu #admin-menu .activeBorderBottom:hover {
  color: #FFF !important;
}
.top_header_wrap {
  padding-left: 20px;
  padding: 0 0 10px 0;
}
.top_header_wrap span {
  padding: 10px;
  height: 20px;
  float: left;
  display: inline;
}
.top_header_wrap ul {
  list-style-type: none;
}
.top_header_wrap ul li {
  width: 200px;
  height: 20px;
  float: left;
  display: inline;
}
.top_header_wrap ul li.link:hover {
  background: #ffeded;
}
.section-title {
  border-bottom: solid 3px #dfdfdf;
  padding-bottom: 1px;
  margin-bottom: 10px;
  color: #009FFF;
  font-size: 18px;
  font-weight: 700;
  vertical-align: bottom;
}
.section-title img {
  vertical-align: middle;
  padding-bottom: 2px;
}
.section-header {
  border-bottom: solid 3px #dfdfdf;
  padding-bottom: 1px;
  margin-bottom: 10px;
  height: 40px;
}
.section-header .title {
  float: left;
  color: #009FFF;
  font-size: 16px;
  font-weight: 700;
  vertical-align: bottom;
  padding-top: 5px;
  text-transform: capitalize;
}
.section-header .title a {
  text-decoration: none;
  font-size: 11px;
  color: #555;
  text-transform: none;
}
.section-header .title img {
  vertical-align: middle;
  padding-bottom: 2px;
}
.section-header .options {
  text-align: right;
  float: right;
}
.section-subheader {
  border-bottom: solid 1px #1984c8;
  background-color: #e7fafd;
  padding-bottom: 1px;
  margin: 10px;
  height: 40px;
}
.section-subheader .title {
  float: left;
  color: #1984c8;
  font-size: 14px;
  font-weight: 700;
  vertical-align: bottom;
  padding-top: 10px;
  text-transform: capitalize;
}
.section-subheader .title img {
  vertical-align: middle;
  padding-bottom: 2px;
}
.section-subheader .options {
  text-align: right;
  float: right;
}
.admin-button {
  margin-top: 5px;
  margin-left: 5px;
  padding-top: 2px;
  background-color: #e7fafd;
  text-transform: capitalize;
  padding-left: 0px;
  width: 200px;
}
.k-upload-button {
  margin-top: 5px;
  margin-left: 5px;
  padding-top: 2px;
  background-color: #e7fafd;
  text-transform: capitalize;
  padding-left: 0px;
  width: 200px;
}
.Impersonatee {
  margin-top: 10px;
}
div.k-edit-form-container {
  width: 800px;
}
div.k-edit-form-container div.editor-field textarea {
  width: 100%;
  max-width: none;
}
input.k-textbox {
  width: 100%;
  max-width: none;
}
footer {
  border-top: 1px solid #666666;
  z-index: 600;
  background-color: #FFFFFF;
  font-size: small;
  padding: 10px 0;
  line-height: normal;
  margin: 10px 0 30px 0;
  color: #666666;
}
footer .copyright {
  margin: 0;
  padding: 2px;
  font-size: 1.1em;
  text-align: left;
  color: #666666;
  float: left;
}
footer .footerlinks {
  float: right;
  color: #666666;
  text-align: right;
  vertical-align: middle;
}
img.format100 {
  max-height: 100px;
  max-width: 100px;
}
img.format200 {
  max-height: 200px;
  max-width: 200px;
}
img.format300 {
  max-height: 300px;
  max-width: 300px;
}
img.format360 {
  max-height: 360px;
  max-width: 360px;
}
img.format400 {
  max-height: 400px;
  max-width: 400px;
  max-height: 500px;
  max-width: 500px;
}
.k-ff {
  overflow: inherit !important;
}
.wb-container {
  width: 990px;
  margin-right: auto;
  margin-left: auto;
}
.wb-notfound-body {
  width: 600px;
  margin: 60px auto 0 auto;
}
.wb-notfound-shame {
  float: left;
  position: relative;
  width: 160px;
  text-align: left;
}
.wb-notfound-shame sup {
  position: absolute;
  font-size: 16px;
  right: -63px;
  font-weight: bold;
  top: 20px;
  color: #39c;
}
.wb-notfound-info {
  float: left;
  text-align: left;
  padding-top: 20px;
}
.wb-notfound-info h3 {
  margin-bottom: 0;
}
.wb-notfound-info p {
  margin-top: 0;
}
.wb-notfound-info h4 {
  margin: 10px 0;
}
.wb-notfound-info .wb-button {
  margin-top: 20px;
}
.highlighted-row {
  background-color: #eeffee;
}
.highlighted-row.k-alt {
  background-color: #ccffcc;
}
.k-state-focused {
  box-shadow: none !important;
}
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
  background-color: transparent !important;
  border-color: #a6afbe;
  color: #515967;
}
.leftNav {
  font: 16px/22px 'Microsoft YaHei' !important;
  color: #E1E4E5 !important;
}
.leftNavActive {
  font: bold 16px/22px 'Microsoft YaHei' !important;
  color: #616B88 !important;
}
.loginLeftNavActive {
  font: bold 16px/22px 'Microsoft YaHei' !important;
  color: #616B88 !important;
}
.rightNav {
  font: 12px/54px 'Microsoft YaHei' !important;
  color: #E1E4E5 !important;
}
.rightNavActive {
  font: bold 12px/54px 'Microsoft YaHei' !important;
  color: #616B88 !important;
}
.loginRightNavActive {
  font: bold 12px/54px 'Microsoft YaHei' !important;
  color: #616B88 !important;
}
.cFFF {
  color: #616B88 !important;
}
.cWhite {
  color: #616B88 !important;
}
.cE1 {
  color: #E1E4E5;
}
.bg616 {
  background: #616B88 !important;
}
.k-pager-numbers .k-state-selected {
  border-style: none !important;
  border-width: 1px;
  text-align: center;
  border-radius: 1.0833em;
}
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
  color: #fff;
  background-color: #537DDA !important;
  border-color: #537DDA !important;
}
footer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.reportDownloadStyle {
  background: #537DDA;
  color: #fff;
  font: 13px/32px PingFangSC-Regular;
  text-align: center;
  width: 90px;
  border: none;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
}
.reportDownloadStyle:visited {
  background: #537DDA;
  color: #fff;
}
.reportDownloadStyle:hover {
  background: #537DDA;
  color: #fff;
}
.mt10 {
  margin-top: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.tac {
  text-align: center !important;
}
.abilityBookDownload {
  height: 32px !important;
  width: 110px !important;
  background: linear-gradient(-180deg, #538EE6 0%, #5681E2 100%) !important;
  color: #FFF !important;
  border: 1px solid #FFF !important;
  border-radius: 2px !important;
  font: 13px/32px PingFangSC-Regular !important;
  text-align: center !important;
  margin-right: 10px !important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12) !important;
  display: inline-block !important;
}
.personalReportUrl {
  display: block !important;
  height: 32px !important;
  width: auto !important;
  padding: 0 10px !important;
  border-radius: 2px !important;
  background: linear-gradient(-180deg, #538EE6 0%, #5681E2 100%) !important;
  color: #FFF !important;
  border: 1px solid #FFF !important;
  font: 13px/32px PingFangSC-Regular !important;
  text-align: center !important;
  margin-bottom: 4px !important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12) !important;
  cursor: pointer;
  overflow: hidden;
}
.personalReportUrl.TDP-btn {
  margin-bottom: 0px !important;
}
label {
  overflow: hidden;
}
#paperModal label,
#ECSearchContainer label {
  width: 92px !important;
}
#ECSearchContainer select {
  width: 100%;
}
#ECSearchContainer label {
  margin-top: 8px;
}
.searchPanel {
  z-index: 9999 !important;
}
input[disabled],
select[disabled] {
  background: #fff !important;
}
.eva360,
.eva360s {
  width: 100%;
}
.evaCreationTable td {
  position: relative;
}
.evaCreationTable td .percentIndicator {
  position: absolute;
  right: 26px;
  top: 16px;
}
select,
input,
textarea,
button {
  outline: none !important;
}
.normalStyle {
  background: #fbfbfb !important;
  appearance: normal !important;
  -moz-appearance: normal !important;
  /* Firefox */
  -webkit-appearance: normal !important;
  /* Safari 和 Chrome */
}
.disabledStyle {
  background: #fff !important;
  appearance: none !important;
  -moz-appearance: none !important;
  /* Firefox */
  -webkit-appearance: none !important;
  /* Safari 和 Chrome */
}
.mustInput.tips,
.mustSelect.tips,
.mustKeyIn.tips,
.mustInputTime.tips,
.mustInputTime2.tips {
  border: 1px solid red !important;
}
.homeFooterStyle {
  position: relative !important;
  bottom: -800px !important;
  left: 0px !important;
}
.modal-content-offset {
  left: -174px !important;
}
.border-right-e4dcdc {
  border-right: 1px solid #e4dcdc !important;
}
.display-block {
  display: block !important;
}
.display-none {
  display: none !important;
}
.body-content-style {
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
  overflow: hidden !important;
}
.leftBtnStyle {
  background: linear-gradient(-180deg, #538EE6 0%, #5681E2 100%) !important;
  color: #FFF !important;
  border: 0px solid #FFF !important;
}
#multiSelectBox,
#multiSelectBoxEdi,
#multiSelectBoxRegPosition,
#multiSelectBoxRegFunction,
#multiSelectBoxEdiPosition,
#multiSelectBoxAddPosition,
#multiSelectBoxEdiFunction,
#multiSelectBoxAddFunction {
  overflow: hidden !important;
  height: 34px !important;
  width: 174px !important;
  border: 1px solid #dbdbde;
  border-radius: 4px;
  vertical-align: middle;
  padding: 0;
  display: inline-block;
}
#multiSelectBox.regBox,
#multiSelectBoxEdi.regBox,
#multiSelectBoxRegPosition.regBox,
#multiSelectBoxRegFunction.regBox,
#multiSelectBoxEdiPosition.regBox,
#multiSelectBoxAddPosition.regBox,
#multiSelectBoxEdiFunction.regBox,
#multiSelectBoxAddFunction.regBox {
  width: 240px !important;
}
#multiSelectBox ul,
#multiSelectBoxEdi ul,
#multiSelectBoxRegPosition ul,
#multiSelectBoxRegFunction ul,
#multiSelectBoxEdiPosition ul,
#multiSelectBoxAddPosition ul,
#multiSelectBoxEdiFunction ul,
#multiSelectBoxAddFunction ul {
  overflow: auto !important;
}
#multiSelectBox .k-multiselect,
#multiSelectBoxEdi .k-multiselect,
#multiSelectBoxRegPosition .k-multiselect,
#multiSelectBoxRegFunction .k-multiselect,
#multiSelectBoxEdiPosition .k-multiselect,
#multiSelectBoxAddPosition .k-multiselect,
#multiSelectBoxEdiFunction .k-multiselect,
#multiSelectBoxAddFunction .k-multiselect {
  border: none !important;
}
#multiSelectBox .k-multiselect-wrap.k-floatwrap,
#multiSelectBoxEdi .k-multiselect-wrap.k-floatwrap,
#multiSelectBoxRegPosition .k-multiselect-wrap.k-floatwrap,
#multiSelectBoxRegFunction .k-multiselect-wrap.k-floatwrap,
#multiSelectBoxEdiPosition .k-multiselect-wrap.k-floatwrap,
#multiSelectBoxAddPosition .k-multiselect-wrap.k-floatwrap,
#multiSelectBoxEdiFunction .k-multiselect-wrap.k-floatwrap,
#multiSelectBoxAddFunction .k-multiselect-wrap.k-floatwrap {
  height: 32px !important;
}
#multiSelectBox .k-input.k-readonly,
#multiSelectBoxEdi .k-input.k-readonly,
#multiSelectBoxRegPosition .k-input.k-readonly,
#multiSelectBoxRegFunction .k-input.k-readonly,
#multiSelectBoxEdiPosition .k-input.k-readonly,
#multiSelectBoxAddPosition .k-input.k-readonly,
#multiSelectBoxEdiFunction .k-input.k-readonly,
#multiSelectBoxAddFunction .k-input.k-readonly {
  margin-top: 0;
  background: #fff !important;
  border: none !important;
}
#multiSelectBox .k-input,
#multiSelectBoxEdi .k-input,
#multiSelectBoxRegPosition .k-input,
#multiSelectBoxRegFunction .k-input,
#multiSelectBoxEdiPosition .k-input,
#multiSelectBoxAddPosition .k-input,
#multiSelectBoxEdiFunction .k-input,
#multiSelectBoxAddFunction .k-input {
  margin-top: 0;
  background: #fff !important;
  border: none !important;
  position: absolute;
  width: 174px !important;
}
#multiSelectBox .k-input:focus,
#multiSelectBoxEdi .k-input:focus,
#multiSelectBoxRegPosition .k-input:focus,
#multiSelectBoxRegFunction .k-input:focus,
#multiSelectBoxEdiPosition .k-input:focus,
#multiSelectBoxAddPosition .k-input:focus,
#multiSelectBoxEdiFunction .k-input:focus,
#multiSelectBoxAddFunction .k-input:focus {
  width: 1px !important;
}
#evaCompareChoiceRegPosition_listbox,
#evaCompareChoiceRegFunction_listbox,
#evaCompareChoiceEdiPosition_listbox,
#evaCompareChoiceAddPosition_listbox,
#evaCompareChoiceEdiFunction_listbox,
#evaCompareChoiceAddFunction_listbox,
#evaCompareChoiceEdi_listbox {
  overflow: auto !important;
}
.custom-table {
  background-color: #fff;
}
.table.custom-table > tbody > tr > td,
.table.custom-table > tbody > tr > th,
.table.custom-table > tfoot > tr > td,
.table.custom-table > tfoot > tr > th,
.table.custom-table > thead > tr > td,
.table.custom-table > thead > tr > th {
  border: none;
}
.custom-table .k-textbox {
  width: 100%;
}
.k-input {
  margin-top: 0px !important;
}
.personalInfoTitle,
.resourceInfoTitle {
  margin-top: 10px;
  font: bold 16px/32px "Microsoft Yahei";
  text-align: center;
}
.k-dropzone {
  padding-left: 0px !important;
}
.k-upload {
  display: inline-block !important;
  margin-top: 10px;
}
.k-button.k-upload-button {
  position: relative !important;
  height: 32px;
}
.k-button.k-upload-button > span {
  position: absolute !important;
  left: 50%;
  margin-left: -28px;
  top: 9px;
}
#customers-grid.classMonitorGrid .k-upload {
  width: 150px !important;
  border: none !important;
  margin-top: 0 !important;
}
#customers-grid.classMonitorGrid .k-upload-button {
  width: 150px !important;
}
#customers-grid.classMonitorGrid .k-dropzone {
  height: 32px !important;
  border: none !important;
  padding: 0 !important;
}
#customers-grid.classMonitorGrid input {
  width: 120px;
  height: 32px !important;
}
#customers-grid.classMonitorGrid .k-upload-pct {
  display: none !important;
}
#customers-grid.classMonitorGrid em,
#customers-grid.classMonitorGrid strong,
#customers-grid.classMonitorGrid ul {
  display: none !important;
}
#customers-grid.classMonitorGrid .k-pager-numbers.k-reset {
  display: block !important;
}
.btnWidth {
  padding: 0 20px !important;
}
.personalReportUrl.projectManageDownload {
  padding: 0 50px !important;
  margin-right: 76px;
}
.btnStyle {
  margin: 10px 0;
  display: inline-block !important;
  height: 32px !important;
  width: 150px !important;
  padding: 0 10px !important;
  border-radius: 2px !important;
  background: #537DDA !important;
  color: #FFF !important;
  border: 1px solid #FFF !important;
  font: 13px/32px "PingFangSC-Regular" !important;
  text-align: center !important;
  margin-bottom: 4px !important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12) !important;
  cursor: pointer;
}
@media (max-width: 768px) {
  #admin-menu .k-animation-container {
    left: 0 !important;
  }
}
.optionSettings table {
  width: 100% !important;
  border: none !important;
}
.optionSettings table td {
  padding-left: 0.833333%;
}
.optionSettings table td select,
.optionSettings table td input {
  width: 100% !important;
}
.optionSettings table td:nth-of-type(2n+1) {
  width: 4% !important;
}
.optionSettings table td:nth-of-type(2n+2) {
  width: 12% !important;
}
.modal-content {
  height: auto !important;
  padding-bottom: 15px;
}
.common {
  width: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
[data-role="grid"] table {
  text-align: center !important;
  border: 1px solid #dbdbde !important;
}
#talentAbility_panel {
  padding-bottom: 10px;
}
.label18px {
  position: relative;
  top: -18px;
}
.backAllData {
  margin-right: 0px;
}
.mr0 {
  margin-right: 0px;
}
.container-fluid.homeFooter {
  padding-left: 0 !important;
  margin-top: 20px;
}
input[role=combobox] {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
ul[role=listbox] {
  overflow: auto !important;
  max-height: 300px !important;
}
span.k-widget.k-combobox.filterComboBox {
  border: none !important;
  margin-top: 4px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  width: 150px;
}
.k-dropdown-wrap.k-state-default {
  height: 32px;
}
table span.filterComboBox {
  width: 100% !important;
}
.nine-block-table {
  border: none!important;
}
.nine-block-table tr > td {
  padding: 0 !important;
  border: none!important;
}
.nine-block-warp {
  height: 100%;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
}
.nine-block-table .block-item {
  color: #f7f7f7 !important;
  text-align: center;
  height: 30px;
  line-height: 30px;
  display: block;
  width: 50%;
  float: left;
}
.nine-block-table .block-item2 {
  background-color: #f9f9f9;
  color: #515967 !important;
}
.filterdiv {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 32px;
  width: 100%;
  margin: 0 !important;
  -webkit-appearance: normal !important;
  appearance: normal !important;
  display: none;
  box-shadow: inset 0px 0px 1px 1px rgba(83, 125, 218, 0.4) !important;
  border-radius: 6px !important;
}
.filterdiv:hover {
  border: 1px solid rgba(83, 125, 218, 0.4) !important;
}
.card_flex_flor {
  width: auto;
  float: right;
  margin-right: -30px;
}
.flex_box {
  position: fixed;
  top: 30%;
}