html {
  position: relative;
  min-height: 100%;
}

body {
  margin: 0 auto;
  margin-bottom: 140px;
  overflow-y: scroll;
  font-size: 16px;
}
body > .container,
body > .container-narrow {
  margin: 0 auto;
  padding: 0 30px;
  width: 100%;
  max-width: 1800px;
}
@media (max-width: 767px) {
  body > .container,
  body > .container-narrow {
    padding: 0 10px;
  }
}

h1 {
  display: inline;
}

.colhide0 table > tbody > tr > td:nth-child(0) {
  display: none;
}

.colhide1 table > tbody > tr > td:nth-child(1) {
  display: none;
}

.colhide2 table > tbody > tr > td:nth-child(2) {
  display: none;
}

.colhide3 table > tbody > tr > td:nth-child(3) {
  display: none;
}

.colhide4 table > tbody > tr > td:nth-child(4) {
  display: none;
}

.colhide5 table > tbody > tr > td:nth-child(5) {
  display: none;
}

.colhide6 table > tbody > tr > td:nth-child(6) {
  display: none;
}

.colhide7 table > tbody > tr > td:nth-child(7) {
  display: none;
}

.colhide8 table > tbody > tr > td:nth-child(8) {
  display: none;
}

.colhide9 table > tbody > tr > td:nth-child(9) {
  display: none;
}

.colhide10 table > tbody > tr > td:nth-child(10) {
  display: none;
}

.colhide11 table > tbody > tr > td:nth-child(11) {
  display: none;
}

.colhide12 table > tbody > tr > td:nth-child(12) {
  display: none;
}

.colhide13 table > tbody > tr > td:nth-child(13) {
  display: none;
}

.colhide14 table > tbody > tr > td:nth-child(14) {
  display: none;
}

.colhide15 table > tbody > tr > td:nth-child(15) {
  display: none;
}

.colhide16 table > tbody > tr > td:nth-child(16) {
  display: none;
}

.colhide17 table > tbody > tr > td:nth-child(17) {
  display: none;
}

.colhide18 table > tbody > tr > td:nth-child(18) {
  display: none;
}

.colhide19 table > tbody > tr > td:nth-child(19) {
  display: none;
}

div.mlink a {
  display: inline-block;
  margin: 0 5px;
}

.center {
  text-align: center;
}

.bgwaitreview {
  background-color: rgba(205, 220, 57, 0.4) !important;
}

.bgdelete {
  background-color: #ffffff !important;
  opacity: 0.3;
}

.bgcommon {
  background-color: rgb(231, 231, 231) !important;
}

.bgwarning {
  background-color: #f0ad4e !important;
}

table:not(.adminhome) .bgdanger {
  background-color: #c12e2a !important;
  color: #d4dc19;
  color: #fff;
}

table.adminhome > tbody > .bgdanger > td:nth-last-child(n+3) {
  background-color: #c12e2a !important;
  color: #fff;
}

.bgdanger select,
.bgdanger input {
  color: #000;
}

.displayfix > div:nth-child(1) {
  position: fixed !important;
  top: 0;
}

.notstart {
  background-color: rgba(207, 226, 255, 0.431372549);
}

textarea {
  height: 100px;
}

.divhide {
  display: none !important;
}

tr.worknow {
  background-color: rgba(255, 235, 59, 0.2509803922);
}

div.table-striped div div.bgdanger:hover div.divTableCell:first-child,
div.table-striped div div.bgdanger:focus div.divTableCell:first-child,
div.table-striped div div div.divTableCell:first-child {
  text-align: center;
}

div.table-striped div div.bgdanger div.divTableCell:first-child {
  color: rgba(212, 220, 25, 0.6);
  text-align: center;
}

.cursor_pointer {
  cursor: pointer;
}

.btn-danger:hover {
  color: #000;
}

.pl-2 {
  padding-left: 2rem;
}

.d-none {
  display: none;
}

.m-auto {
  margin: 0 auto;
}

.common {
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}

.white-space-pre-line {
  white-space: pre-line;
}

div.Remarksdiv {
  text-align: left;
  white-space: normal;
  word-break: break-all;
}

span.Remarks {
  color: #337ab7;
  text-decoration: underline;
  cursor: pointer;
}

a.user {
  color: #f0f !important;
}

.cursor-pointer {
  cursor: pointer;
}

.navbar > div {
  flex-wrap: nowrap !important;
  max-width: 1800px;
  margin: 0 auto;
}
.navbar .navbar-header {
  display: flex;
}
@media (max-width: 767px) {
  .navbar .navbar-header {
    width: 100%;
  }
}
.navbar a.navbar-brand {
  width: 50px;
  width: auto;
  white-space: nowrap;
  width: 100%;
  display: inline-flex;
  align-content: center;
  align-items: center;
}
.navbar nav.navbar ul li:hover {
  background-color: #fff;
  display: block;
}
.navbar li.dropdown:hover > ul.dropdown-menu {
  display: block;
}
.navbar li.dropdown.red > a {
  color: red;
}

input[type=file] {
  height: 120px !important;
  background-color: rgba(158, 158, 158, 0.3098039216);
}

.whiteSpaceNowrap {
  white-space: nowrap;
}

nav > .pagination {
  flex-wrap: wrap;
}
nav > .pagination li {
  cursor: pointer;
}

/*div.divTableRow:nth-child(even) {background: #ff0;}*/
.divTable {
  display: table;
  margin: 0 auto;
  /*width: 100%;*/
}

.divTableRow,
div.dtrow,
div.dtheader,
div.tablerow {
  display: table-row;
}

.divTableCell,
.divTableHead {
  border-bottom: 1px dashed #999;
  display: table-cell;
  padding: 7px;
  white-space: normal;
  word-break: break-all;
  /*vertical-align: bottom;*/
}

.divTableHead,
.tabtletitle {
  vertical-align: bottom;
}

.divTableHeading,
.divTableFoot {
  background-color: #eee;
  display: table-header-group;
  font-weight: bold;
}

div.RowG,
div.dTBody,
.divTableBody {
  display: table-row-group;
}

/*
div.caseflow div.divTableRow:first-child,
div.divTableBody .divTableRow:first-child,
div.TCaption .divTableRow:first-child,
.dtrow:first-child ,*/
div.tabtletitle,
div.cap .divTableRow,
div.dtheader {
  background-color: #10aded;
  color: #fff;
}

div.tabtletitle {
  background-color: #10aded;
  display: table-row;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
  line-height: 20px;
}
#footer p {
  margin: 15px;
}

.forhide {
  display: none;
}

form.search {
  margin: 0;
  width: 500px;
  text-align: right;
}

div.TCaption,
div.cap {
  display: table-header-group;
}

div.tBody,
div.TBody {
  display: table-row-group;
}

.divsmall {
  max-width: 10%;
  overflow: visible;
  white-space: normal;
  word-break: break-all;
  width: 110px;
}

span.btn[data-hide] {
  margin-bottom: 10px;
}

div.dispaly.btn.forbutton {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

div.m80 {
  max-width: 80px;
}

div.m90 {
  max-width: 90px;
}

div.m10 {
  max-width: 10px;
}

div.m20 {
  max-width: 20px;
}

div.m30 {
  max-width: 30px;
  /*width: 30px;*/
}

div.m50 {
  max-width: 50px;
}

div.m100 {
  max-width: 100px;
}

div.m150 {
  max-width: 150px;
}

div.m200 {
  max-width: 200px;
}

div.m250 {
  max-width: 250px;
}

div.w280 {
  width: 280px;
}

div.m300 {
  max-width: 300px;
}

div.w30 {
  width: 30px;
}

div.w40 {
  width: 40px;
}

div.w80 {
  width: 80px;
}

div.w100 {
  width: 100px;
}

div.w150 {
  width: 150px;
}

div.w200 {
  width: 200px;
}

div.w300 {
  width: 300px;
}

div.min80 {
  min-width: 80px;
}

div.min100 {
  min-width: 100px;
}

.max-width-800 {
  max-width: 800px;
  margin: 0 auto;
}

span.RemarksData {
  word-break: break-all;
}

.vuemody,
span.pjdisplay,
span.modify,
span.delete {
  color: #337ab7;
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.8em;
}

span.clickdis {
  cursor: pointer;
}

.star:after {
  content: "*";
  content: "\e006";
  color: red;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  box-sizing: border-box;
}

.red {
  color: red;
}

.bgcyellow {
  background-color: #fe0 !important;
}

.starbefore:before {
  content: "\e006";
  color: red;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  box-sizing: border-box;
}

form.delform input {
  width: auto;
}

div.divTable div.head {
  display: table-caption;
}

div.divTable div.head h2 {
  text-align: center;
  background-color: red;
  color: #fff;
  padding: 11px;
}

.cursorpointer {
  cursor: pointer;
}

div.tablesort.cursorpointer > div.tablesortthead {
  cursor: pointer;
}

.bgdanger a,
.bgdanger span.modify,
.bgdanger button,
.bgdanger span.Remarks,
.bgdanger span.clickdis,
.btn-danger a,
.btn-danger span.modify {
  background-size: auto;
}

.bgdanger:hover a,
.bgdanger:hover span.modify,
.btn-danger:hover a,
.btn-danger:hover span.modify,
.bgdanger:hover span.Remarks,
.bgdanger:hover span.clickdis {
  color: #337ab7;
}

.bgdanger span.Remarks,
.bgdanger span.cancel,
.bgdanger button,
.bgdanger a.btn,
.bgdanger a.CaseFlowUpdate {
  background-size: auto;
}

div.textcenter {
  text-align: center;
}

div.inlineblock {
  display: inline-block;
  vertical-align: top;
}

form > div.projectremark,
.divTableCell > div.projectremark {
  padding-bottom: 2px;
}

div.forremarkhide {
  display: none;
}

span.nearby {
  color: rgba(255, 0, 0, 0.81);
}

span.longtime {
  color: rgba(255, 0, 0, 0.5);
}

span.longlongtime {
  color: rgba(0, 0, 0, 0.5);
}

div.proremark.inlineblock {
  text-align: left;
  padding-left: 30px;
  width: 400px;
}

div.divTable.Admincheck > div > div:nth-child(1) {
  width: 50px;
}

div.divTable.Admincheck > div > div:nth-child(2) {
  width: 50px;
}

div.divTable.Admincheck > div > div:nth-child(3) {
  width: 50px;
}

div.divTable.Admincheck > div > div:nth-child(4) {
  width: 100px;
}

div.divTable.Admincheck > div > div:nth-child(5) {
  width: 150px;
}

div.divTable.Admincheck > div > div:nth-child(6) {
  width: 80px;
}

div.divTable.Admincheck > div > div:nth-child(7) {
  width: 50px;
}

div.divTable.Admincheck > div > div:nth-child(8) {
  width: 100px;
}

div.divTable.Admincheck > div > div:nth-child(9) {
  width: 100px;
}

div.divTable.Admincheck > div > div:nth-child(10) {
  width: 150px;
}

div.divTable.Admincheck > div > div:nth-child(11) {
  width: 250px;
}

div.divTable.Admincheck > div > div:nth-child(12) {
  width: 250px;
}

div.divTable.Admincheck > div > div:nth-child(13) {
  width: 250px;
}

/*div.divTable.UserCase >div >div.divTableCell:nth-child(1),div.divTable.UserCase >div>div >div:nth-child(1){width:50px; }
div.divTable.UserCase >div >div.divTableCell:nth-child(2),div.divTable.UserCase >div>div >div:nth-child(2){width:50px; }
div.divTable.UserCase >div >div.divTableCell:nth-child(3),div.divTable.UserCase >div>div >div:nth-child(3){width:50px; }
div.divTable.UserCase >div >div.divTableCell:nth-child(4),div.divTable.UserCase >div>div >div:nth-child(4){width:50px; }
div.divTable.UserCase >div >div.divTableCell:nth-child(5),div.divTable.UserCase >div>div >div:nth-child(5){width:100px; }
div.divTable.UserCase >div >div.divTableCell:nth-child(6),div.divTable.UserCase >div>div >div:nth-child(6){width:150px; }
div.divTable.UserCase >div >div.divTableCell:nth-child(7),div.divTable.UserCase >div>div >div:nth-child(7){width:50px; }
div.divTable.UserCase >div >div.divTableCell:nth-child(8),div.divTable.UserCase >div>div >div:nth-child(8){width:50px; }
div.divTable.UserCase >div >div.divTableCell:nth-child(9),div.divTable.UserCase >div>div >div:nth-child(9){width:100px; }
div.divTable.UserCase >div >div.divTableCell:nth-child(10),div.divTable.UserCase >div>div >div:nth-child(10){width:100px; }
div.divTable.UserCase >div >div.divTableCell:nth-child(11),div.divTable.UserCase >div>div >div:nth-child(11){width:300px; }
*/
div.divTable.UserCase div > div.divTableCell:nth-child(1) {
  width: 50px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(2) {
  width: 50px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(3) {
  width: 50px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(4) {
  width: 50px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(5) {
  width: 100px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(6) {
  width: 150px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(7) {
  width: 50px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(8) {
  width: 50px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(9) {
  width: 100px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(10) {
  width: 100px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(11) {
  width: 150px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(12) {
  width: 100px;
}

div.divTable.UserCase div > div.divTableCell:nth-child(13) {
  width: 300px;
}

div.displaydata0 div > div.divTableCell:nth-child(1) {
  display: none;
}

div.displaydata1 div > div.divTableCell:nth-child(2) {
  display: none;
}

div.displaydata2 div > div.divTableCell:nth-child(3) {
  display: none;
}

div.displaydata3 div > div.divTableCell:nth-child(4) {
  display: none;
}

div.displaydata4 div > div.divTableCell:nth-child(5) {
  display: none;
}

div.displaydata5 div > div.divTableCell:nth-child(6) {
  display: none;
}

div.displaydata6 div > div.divTableCell:nth-child(7) {
  display: none;
}

div.displaydata7 div > div.divTableCell:nth-child(8) {
  display: none;
}

div.displaydata8 div > div.divTableCell:nth-child(9) {
  display: none;
}

div.displaydata9 div > div.divTableCell:nth-child(10) {
  display: none;
}

div.displaydata10 div > div.divTableCell:nth-child(11) {
  display: none;
}

div.displaydata11 div > div.divTableCell:nth-child(12) {
  display: none;
}

div.displaydata12 div > div.divTableCell:nth-child(13) {
  display: none;
}

div.displaydata13 div > div.divTableCell:nth-child(14) {
  display: none;
}

div.displaydata14 div > div.divTableCell:nth-child(15) {
  display: none;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(1) {
  width: 50px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(2) {
  width: 50px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(3) {
  width: 50px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(4) {
  width: 50px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(5) {
  width: 100px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(6) {
  width: 100px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(7) {
  width: 115px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(8) {
  width: 80px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(9) {
  width: 100px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(10) {
  width: 200px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(11) {
  width: 100px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(12) {
  width: 150px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(13) {
  width: 150px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(14) {
  width: 100px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(15) {
  width: 200px;
}

div.divTable.ProjectSearch div > div.divTableCell:nth-child(16) {
  width: 50px;
}

div.divTable.record-state div > div.divTableCell:nth-child(1) {
  width: 50px;
}

div.divTable.record-state div > div.divTableCell:nth-child(2) {
  width: 50px;
}

div.divTable.record-state div > div.divTableCell:nth-child(3) {
  width: 50px;
}

div.divTable.record-state div > div.divTableCell:nth-child(4) {
  width: 90px;
}

div.divTable.record-state div > div.divTableCell:nth-child(5) {
  width: 100px;
}

div.divTable.record-state div > div.divTableCell:nth-child(6) {
  width: 120px;
}

div.divTable.record-state div > div.divTableCell:nth-child(7) {
  width: 100px;
}

div.divTable.record-state div > div.divTableCell:nth-child(8) {
  width: 120px;
}

div.divTable.record-state div > div.divTableCell:nth-child(9) {
  width: 70px;
}

div.divTable.record-state div > div.divTableCell:nth-child(10) {
  width: 100px;
}

div.divTable.record-state div > div.divTableCell:nth-child(11) {
  width: 150px;
}

div.divTable.record-state div > div.divTableCell:nth-child(12) {
  width: 300px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(1) {
  width: 50px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(2) {
  width: 50px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(3) {
  width: 50px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(4) {
  width: 150px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(5) {
  width: 120px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(6) {
  width: 150px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(7) {
  width: 65px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(8) {
  width: 100px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(9) {
  width: 100px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(10) {
  width: 60px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(11) {
  width: 50px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(12) {
  width: 50px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(13) {
  width: 50px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(14) {
  width: 100px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(15) {
  width: 100px;
}

div.divTable.User-SearchCase div > div.divTableCell:nth-child(16) {
  width: 50px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(1) {
  width: 65px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(2) {
  width: 85px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(3) {
  width: 150px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(4) {
  width: 100px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(5) {
  width: 65px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(6) {
  width: 100px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(7) {
  width: 100px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(8) {
  width: 100px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(9) {
  width: 100px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(10) {
  width: 60px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(11) {
  width: 50px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(12) {
  width: 50px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(13) {
  width: 50px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(14) {
  width: 60px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(15) {
  width: 50px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(16) {
  width: 100px;
}

div.divTable.User-SearchFeat div > div.divTableCell:nth-child(17) {
  width: 100px;
}

ul.tabs {
  width: 100%;
  height: 32px;
  /*  border-bottom: 1px solid #999;
  border-left: 1px solid #999;*/
}

ul.tabs li {
  float: left;
  /* height: 31px; */
  /* line-height: 31px; */
  overflow: hidden;
  position: relative;
  margin-bottom: -1px;
  border: 1px solid #999;
  background-color: #e1e1e1;
  /* width: 10%; */
  padding: 5px;
  font-size: 1.5em;
}

ul.tabs li a {
  /*display: block;*/
  padding: 0 20px;
  color: #000;
  border: 1px solid #fff;
  text-decoration: none;
}

ul.tabs li a:hover {
  background-color: #ccc;
}

ul.tabs li.active {
  background-color: #fff;
  /*border-bottom: 1px solid#fff;*/
}

ul.tabs li.active a:hover {
  background-color: #fff;
}

.indextop {
  background-color: rgba(85, 85, 85, 0.4117647059);
  position: fixed;
  color: red;
  padding: 6px;
  bottom: 10px;
  z-index: 100;
  right: 15px;
}

div.caseevent {
  background-color: #d9edf7;
  margin: 5px auto;
  padding: 5px;
  border-bottom: 1px dashed #999;
}

.table-layout-fixed {
  table-layout: fixed;
  width: auto;
}

table.adminhome td {
  padding: 5px;
  max-width: 300px;
}

table.adminhome thead {
  color: #fff;
  /*font-size: 1.5em;*/
  font-weight: bolder;
  background-color: #10aded;
}

table.adminhome tbody tr.flowname td {
  /*font-size: 1.5em;*/
  text-align: center;
  padding: 15px;
}

table.adminhome tbody tr td:nth-child(11),
table.adminhome tbody tr td:nth-child(12) {
  vertical-align: top;
  text-align: left;
  width: 300px;
}

.projectremark.Remarks {
  display: none;
}

#adminhome .projectremark.Remarks {
  display: block;
}

#adminhome .projectremark {
  border-bottom: 1px red dotted;
  padding: 3px;
  margin-bottom: 5px;
}

.pl20 img {
  max-width: 300px;
  display: block;
}

#adminhome .pl20 {
  padding-left: 20px;
  max-width: 400px;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-hyphens: none;
          hyphens: none;
}

#adminhome .profile .pl20 {
  border-bottom: 1px red dotted;
  padding: 3px;
  margin-bottom: 5px;
  white-space: normal;
  height: 106px;
}

#adminhome .projectremark.current .pl20,
#adminhome .projectremark:hover .pl20,
#adminhome .profile .pl20:hover {
  white-space: normal;
  height: auto;
  overflow: visible;
  min-height: 18px;
}

#adminhome .profile .pl20:hover {
  min-height: 78px;
}

#adminhome .profile {
  padding-bottom: 5px;
}

table.hometable {
  width: 100%;
  background: #1e2a2d;
  background-color: rgb(231, 231, 231) !important;
  margin-top: 30px;
}

table.hometable tbody td {
  width: 24.5%;
}

table.hometable td {
  padding: 12px;
}

tr.flowname {
  background-color: #999;
  background-color: rgb(231, 231, 231) !important;
}

input.iwidth {
  /*width: 300px;*/
  height: 25.2px;
  /*width: auto;*/
}

select.swidth {
  /*width: 250px;*/
  height: 25.2px;
  /*width: auto;*/
}

select.hideadd {
  display: none;
}

.filterCol {
  border: 1px solid;
  max-width: 400px;
  padding: 15px;
}
.filterCol > div {
  display: flex;
  flex-wrap: wrap;
}
.filterCol > div > div {
  width: 100px;
}

div.popover.right {
  /*display: block;*/
  position: fixed;
  right: 10%;
  left: auto;
  overflow: auto;
  top: 100px;
  max-height: 80vh;
}

div.popover.right h3 {
  cursor: pointer;
}

div#getdata > div {
  padding: 5px 1px;
}

span.add,
span.cancel {
  cursor: pointer;
}

.displayib {
  display: inline-block;
}

.tableback {
  background-color: #dff0d8;
}

table.forworktime thead > tr:nth-child(1) > td {
  padding: 2px 5px;
  font-size: 16px;
}
table.forworktime td:nth-child(5) {
  width: 150px;
}
table.forworktime td:nth-child(9) {
  width: 50px;
}
table.forworktime td:nth-child(5) {
  width: 150px;
}
table.forworktime td:nth-child(5) {
  width: 150px;
}

.showevent > div.btn {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  word-break: break-all;
  white-space: break-spaces;
}

.vuediv {
  max-width: 1800px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}
.vuediv:not(.vuedivshow) {
  display: none;
}

/* let rmc=['alluser','yesuser','nouser'];*/
.yesuser .Use_or_notno {
  display: none;
}

.nouser .Use_or_notyes {
  display: none;
}

.attrsetTpl {
  max-width: 1000px;
  margin: 0 auto;
}

.table-word-break-break-word {
  word-break: break-word;
}
.table-word-break-break-word td {
  word-break: break-word;
}

.alertify-buttons {
  background-color: transparent;
}

.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td {
  border-color: #ccc;
}

.vueuser.yesuser .Use_or_notno {
  display: none;
}
.vueuser.nouser .Use_or_notyes {
  display: none;
}

.fade.in .modal-content {
  max-height: 87vh;
}

.modal-mask {
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}
.modal-mask .modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.modal-mask .modal-container {
  width: 80%;
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  max-height: 90vh;
  overflow: scroll;
  overflow: auto;
}
@media (max-width: 1200px) {
  .modal-mask .modal-container {
    width: 90%;
  }
}
@media (max-width: 900px) {
  .modal-mask .modal-container {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  .modal-mask .modal-container .modal-body {
    overflow: auto;
    max-width: 98vw;
  }
}
@media (max-width: 767px) {
  .modal-mask .modal-container {
    width: 98%;
  }
}
.modal-mask .modal-header h3 {
  margin-top: 0;
  position: relative;
  color: #000;
  width: 100%;
}
.modal-mask .modal-header h3 .close {
  top: 0;
  position: absolute;
  right: 0;
}
.modal-mask .modal-default-button {
  float: right;
}
.modal-mask .modal-enter {
  opacity: 0;
}
.modal-mask .modal-leave-active {
  opacity: 0;
}
.modal-mask .modal-enter .modal-container,
.modal-mask .modal-leave-active .modal-container {
  transform: scale(1.1);
}
.modal-mask.hidefooter .modal-footer {
  display: none !important;
}
.modal-mask.hideheader .modal-header {
  display: none !important;
}

table small,
table .smalltitle {
  font-size: 14px;
  color: #000;
  color: #03a9f4;
  letter-spacing: 2px;
}
table .companyName {
  display: flex;
  flex-wrap: nowrap;
}
table .companyName.position-right {
  position: absolute;
  right: 10px;
  top: 10px;
}
table .companyName > div:nth-child(1) {
  width: 100px;
  background-color: #ffc107;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-right: 10px;
}

.loginpage .form-signin {
  max-width: 375px;
  padding: 19px 29px 29px;
  margin: 0 auto 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.loginpage .form-signin .form-signin-heading,
.loginpage .form-signin .checkbox {
  margin-bottom: 10px;
}
.loginpage .form-signin input[type=text],
.loginpage .form-signin input[type=username],
.loginpage .form-signin input[type=password] {
  font-size: 16px;
  height: auto;
  margin-bottom: 15px;
  padding: 7px 9px;
}

.companypartner {
  margin-left: -5px;
  margin-right: -5px;
}
.companypartner span {
  padding-left: 5px;
  padding-right: 5px;
}

.FileOneCol ol.file {
  flex-direction: column;
}
.FileOneCol ol.file:not(.showall) > li:nth-child(n+3) {
  display: none;
}
.FileOneCol ol.file:not(.showall) > li {
  width: 100%;
}
.FileOneCol ol.file:not(.showall) > li > div:nth-child(2) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.FileOneCol ol.file:not(.showall) > li > div:nth-child(2) div {
  display: none;
}
.FileOneCol ol.file:not(.showall) > li > div:nth-child(4),
.FileOneCol ol.file:not(.showall) > li > div:nth-child(3) {
  display: none;
}
.FileOneCol ol.file:not(.showall) > li:hover > div:nth-child(2) {
  overflow: auto;
  white-space: wrap;
  word-break: break-all;
}
.FileOneCol ol.file:not(.showall) > li:hover > div:nth-child(2) div {
  display: block;
}
.FileOneCol ol.file:not(.showall) > li:hover > div:nth-child(4),
.FileOneCol ol.file:not(.showall) > li:hover > div:nth-child(3) {
  display: block;
}

td.pj23check23 > div > .input-group .input-group-text {
  justify-content: center;
  width: 100px;
}
td.pj23check23 .eremark {
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 10px 5px;
  color: #000;
}

.popover.fade.in {
  background-color: #fff;
}

form .close {
  opacity: 1;
  float: none;
}

.ProjectSearch {
  overflow-x: scroll;
}
.ProjectSearch thead > tr > td {
  white-space: nowrap;
}
.ProjectSearch > div li {
  white-space: nowrap;
}
.ProjectSearch > div .PJName div {
  max-width: 550px;
  min-width: 350px;
}
.ProjectSearch > div .PJName li {
  white-space: normal;
}
.ProjectSearch > div .showCase {
  white-space: nowrap;
}
.ProjectSearch > div .showCase div {
  display: inline-block;
  padding: 0 10px;
}

.vuehide:not(.vueshow) {
  display: none;
}

.btn-link.rs_fixed {
  color: red;
}

.btn-link {
  cursor: pointer;
}

.searchCustomer {
  max-width: 500px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.searchCustomer .input-group-text {
  width: 145px;
  text-align: center;
  justify-content: center;
}

td {
  word-break: break-word;
}

.VueHome2 {
  padding-left: 15px;
  padding-right: 15px;
}
.VueHome2 .container {
  max-width: 100vw;
}
.VueHome2 ol.prremark:not(.swall) > li:nth-child(n+3) {
  display: none;
}
.VueHome2 ol.prremark:not(.swall) > li > div {
  display: inline-block;
}
.VueHome2 ol.prremark:not(.swall) > li > div div {
  display: none;
}
.VueHome2 ol.prremark:not(.swall) > li > div > span {
  display: inline-block;
}
.VueHome2 ol.prremark:not(.swall) > li > div > span:nth-child(2), .VueHome2 ol.prremark:not(.swall) > li > div > span:nth-child(4) {
  display: none;
}
.VueHome2 ol.prremark.swall > li > div > div {
  white-space: pre-line;
}
.VueHome2 ol.prremark.swall > li > div span {
  display: block;
}
.VueHome2 ol.prremark.swall > li > div span:nth-child(2), .VueHome2 ol.prremark.swall > li > div span:nth-child(4) {
  color: #03a9f4;
}
.VueHome2 .popover {
  left: 150px;
  max-width: 300px;
  width: 100%;
}
.VueHome2 small {
  color: #4cae4c;
}
.VueHome2 .white-space-pre-line {
  max-height: 200px;
  overflow: auto;
  white-space: pre-line;
}
.VueHome2 .row > div.col-12,
.VueHome2 .row > div.col-6 {
  position: relative;
}
.VueHome2 .row > div.col-12 > .vuemody,
.VueHome2 .row > div.col-6 > .vuemody {
  position: absolute;
  display: block;
  right: 0;
}
.VueHome2 .mpjdiv {
  background-color: #fff9c4;
}
.VueHome2 .pj > div {
  margin-bottom: 10px;
}
.VueHome2 .pj > div.row {
  background-color: #e3f2fd;
}
.VueHome2 .w1table tbody > tr > td {
  max-width: 150px;
}
.VueHome2 .w1table .w1bg {
  background-color: #fff9c4;
}

.w1table tbody > tr > td {
  max-width: 150px;
}

.container .alertpng,
.container .stop_alertpng {
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-image: url("stop_alert.png");
  font-size: 0;
}
.container .alertpng {
  background-image: url("alert.png");
}

.lastnews {
  position: fixed;
  right: 0;
  top: 40vh;
  z-index: 99;
  background-color: #fff;
  border-radius: 0.25rem;
  max-height: 200px;
  overflow: auto;
}

tr.pjnotselect {
  opacity: 0.5;
}

html body span {
  display: inline-block;
}

.vueAttrset table tr > td {
  max-width: 150px;
  word-break: break-all;
}

ul.TaskPerformance > li:not(.showtpc) .tplog {
  display: none;
}
ul.TaskPerformance .tplog > div:nth-child(2n+1) span:nth-child(1) {
  color: red;
}
ul.TaskPerformance .tplog > div:nth-child(2n+2) .tpc div {
  display: inline;
  color: red;
}

.proremark:not(.showall) > li > div {
  height: 24px;
  overflow: hidden;
}
.proremark:not(.showall) > li:hover > div {
  height: auto;
  overflow: auto;
}/*# sourceMappingURL=ys.css.map */