forgeplus-react/src/modules/tpm/TPMIndex.css

#root {
  /* ie兼容性 */
  position: relative;
  min-height: 100%;
}

body {
  overflow: auto !important;
}

body>.-task-title {
  opacity: 1 !important;
}

#root .search-all {
  width: 219px;
}
.newContainers{
  min-width: 1200px;
  max-width: unset;
  height: 100%;
  min-height: 70vh;
  overflow: hidden;
}
.newHeaders{
  max-width: unset;
  width: 100%;
  height:58px;
  min-width: 1200px;
  z-index: 1000;
  position: fixed;
  background: #1B2440;
  color: #fff;
}
.newHeaders.publicNav{
  position: absolute;
  background: rgba(27, 36, 64,0.2);
}
.headerContent{
  margin:0px auto;
  padding:0px 30px;
  display: flex;
  align-items: center;
  height: 100%;
}
.globalSpin {
  max-height: 700px !important;
}
.indexHOC > .ant-spin-nested-loading {
  background: #000;
  height: 100%;
}
.indexHOC > .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  top: 50% !important;
}

.globalSpin .ant-spin-text {
  text-shadow: none !important;
  color: #fff;
}
.globalSpin .ant-spin-dot-item {
  background-color: #fff;
}
/*Header START*/
.newHeader .logoimg {
  margin-top: 16px;
  float: left;
  width: 97px;
}

.headIcon,
#header_keyword_search {
  padding-top: 13px !important;
}

.search-icon {
  height: 30px !important;
}

.search-icon i {
  font-size: 20px;
}

#header_keyword_search i {
  color: #4cacff;
}

.ant-select-selection--multiple {
  padding-bottom: 0px !important;
  padding-top: 3px;
}

.ant-select-selection--multiple .ant-select-selection__rendered>ul>li,
.ant-select-selection--multiple>ul>li {
  height: 25px !important;
  line-height: 23px !important;
  margin-bottom: 3px;
  margin-top: 0px;
}

.newContainer {
  background: #fff;
}

.ant-modal-title {
  font-size: 16px;
  font-weight: bold !important;
  color: #333;
}

.ant-modal-title {
  text-align: center;
}

@-moz-document url-prefix() {
  .ant-radio-inner {
    width: 17px !important;
    height: 17px !important;
  }
}

/* IE只能用padding，不能用上下居中 */
.shixunDetail_top {
  display: block !important;
  padding-top: 48px;
}

.totalScore {
  display: block !important;
  padding-top: 40px;
}

.edu-menu-panel .edu-menu-listnew:hover .careersiconfont {
  color: #000 !important;
}

.newHeader {
  background: #24292D !important;
  height: 60px !important;
}


.HeaderSearch {
  margin-top: 18px;
  margin-right: 20px;
}

.HeaderSearch .ant-input-search .ant-input {
  /*height:30px;*/
  background: #373e3f !important;
  border: 1px solid #373e3f !important;

}

.ant-input-search .ant-input-affix-wrapper {
  border: transparent;
}

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  /* 比较奇怪的需求，先注释掉了，如果需要启用，麻烦增加class限制，别影响别的地方的使用 */
  /* border-color: transparent; */
}

.ant-input:focus {
  /*border-color: transparent;*/
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px transparent;
  box-shadow: 0 0 0 2px transparent;
}

.HeaderSearch .ant-input-search .ant-input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}

.HeaderSearch .ant-input-search .ant-input:-moz-placeholder {
  color: #999;
  font-size: 14px;
}

.HeaderSearch .ant-input-search .ant-input::-moz-placeholder {
  color: #999;
  font-size: 14px;
}

.HeaderSearch .ant-input-search .ant-input:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}

.HeaderSearch .ant-input-search .ant-input-suffix .anticon-search {
  color: #999;
}

.HeaderSearch .ant-input-search .ant-input {
  color: #fff;
}

.HeaderSearch .ant-input-search .ant-input-suffix {
  background: transparent !important;
}

.roundedRectangles {
  position: absolute;
  top: 10px;
  right: -22px;
}

.HeaderSearch {
  width: 325px;
  /*right: 20px;*/
}

.HeaderSearch .ant-input-search {
  right: 20px;
}

.mainheighs {
  height: 100%;
  display: block;
}

.ml18a {
  margin-left: 18%;
}

.logoimg {
  float: left;
  min-width: 34px;
  height: 34px;
}

.headwith100b {
  width: 100%;
}

.wechatcenter {
  text-align: center;
}

.myrigthsiderbar {
  right: 9% !important;
}

.feedbackdivcolor {
  background: #33BD8C !important;
  height: 49px !important;
  line-height: 24px !important;
}

.xiaoshou {
  cursor: pointer
}

.questiontypes {
  width: 37px;
  height: 17px;
  font-size: 12px;
  color: rgba(51, 51, 51, 1);
  line-height: 17px;
  cursor: pointer;

}

.questiontype {
  width: 100%;
  font-size: 12px;
  color: #333333;
  line-height: 17px;
  text-align: center;
  padding: 11px;
  cursor: pointer;

}

.questiontypeheng {
  width: 100%;
  height: 1px;
  background: #EEEEEE;
}

.mystask-sidebar {
  right: 181px !important;
}

.mystask-sidebars {
  right: 20px !important;
}

.shitikussmys {
  width: 29px !important;
  height: 20px !important;
  background: #FF6601 !important;
  border-radius: 10px !important;
  position: absolute !important;
  font-size: 11px !important;
  color: #ffffff !important;
  line-height: 20px !important;
  top: -13px !important;
  right: -10px !important;
}


.maxnamewidth30 {
  max-width: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

.mystask-sidebarss {
  right: 5px !important;
}

.simple-rate {
  font-size: 16px !important;
}

.ant-rate-star:not(:last-child) {
  margin-right: 2px !important;
}

.flex-container {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 4px;
  align-items: center;
}

.progress-container {
  flex: 1 0 0;
  margin-left: 20px;
}