@charset "UTF-8";
.task-view-title {
  position: absolute;
  transform: translate3d(0px, 0px, 0px);
  width: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #5285b8;
  line-height: 31px;
  cursor: pointer;
  transition: top 0.15s ease-in-out, height 0.15s ease-in-out, padding 0.15s ease-in-out;
  list-style: none;
  top: 53px; }

.task-view-title:hover {
  background-color: #eee; }

.task-list-view-group {
  top: 106px; }

.task-view-row-info-doc {
  margin-right: 6px;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #111;
  line-height: 18px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
  min-width: 1em;
  border: 1px solid transparent;
  padding: 1px;
  text-overflow: ellipsis;
  margin-right: 1em;
  -webkit-box-flex: .001;
  -ms-flex-negative: .001;
  -ms-flex-shrink: .001;
  flex-shrink: .001; }

.sovanban {
  width: 90px; }

.trichyeu {
  width: 200px; }

.task-view-title-vanban {
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  height: auto;
  line-height: 18px;
  margin-right: 0;
  position: relative;
  white-space: normal;
  width: 120px;
  text-align: right;
  color: #111; }

.task-view-sovanban {
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  height: auto;
  line-height: 18px;
  margin-right: 0;
  position: relative;
  white-space: normal;
  width: 100px;
  text-align: left;
  color: #111; }

.task-view-info-vanban {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  margin: 3px 3px 2px;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex-negative: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  width: 120px;
  padding: 0;
  text-align: right;
  text-overflow: ellipsis; }

.wspace-task-content {
  position: relative;
  border-top: 1px solid #e0e0e0;
  white-space: nowrap; }

.cmtname-item {
  color: #386a97; }

.cmt-usunread {
  color: #ff9900; }

.row-selected .task-view-row-info-platesk {
  background: #a8c6ed;
  border-color: #89afe0;
  /*z-index: 2;*/ }

.task-view-row-info-plateks {
  webkit-align-items: center;
  -ms-align-items: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #dedfe6;
  background-color: #fff;
  position: relative;
  padding-right: 5px;
  font-weight: 600;
  min-height: 50px; }

.task-view-row-info-plateks:hover {
  background: #f1f1f1; }

.task-view-row-info-platesk {
  webkit-align-items: center;
  -ms-align-items: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #dedfe6;
  background-color: #fff;
  position: relative;
  font-weight: 600;
  min-height: 50px; }

.task-view-row-info-platesk:hover {
  background: #fff; }

.task-view-row-info-simpleks {
  webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 15px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: black; }

.cmt-view {
  color: #ff9900 !important; }

.ntk-panel-detail {
  padding: 0px !important; }

.viewmore-usercmt {
  color: #0066b1;
  margin-left: 7px;
  font-weight: bold;
  cursor: pointer; }

.some-element {
  background: #EBE8E8;
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.cmt-bannhap {
  color: red;
  font-style: italic;
  font-weight: normal;
  margin-left: 10px;
  font-size: 12px;
  float: left; }

.cmt-resend {
  margin-left: 9px;
  cursor: pointer;
  display: inline-block;
  color: #0066b1; }

.cmt-edit {
  margin-left: 9px;
  cursor: pointer;
  display: inline-block;
  color: #0066b1; }

.cmt-remove {
  margin-left: 9px;
  cursor: pointer;
  display: inline-block;
  color: #0066b1; }

.ie9 img[src$=".svg"] {
  width: 100%; }

#tagitto-bottom .custom-ac {
  height: 95px !important; }

.gmail_chip {
     /* display: none;*/
    height: 30px !important;
    max-height: 30px !important;
}


ul.sub-dropdown-menu {
  padding-left: 30px;
  margin: 2px 0 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff; }

ul.sub-dropdown-menu li {
  margin-left: 0;
  width: 100%;
  padding: 0;
  background: #fff; }

ul.sub-dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 2.42857143;
  color: #333;
  white-space: inherit; }

ul.sub-dropdown-menu li a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5; }

.upfile-item {
  border: 1px solid #ddd;
  background: #f1f1f1;
  margin-bottom: 10px;
  -webkit-user-modify: read-only; }

.delete-upfileforward {
  float: left;
  width: 10%;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  cursor: pointer; }

.delete-upfileitem {
  float: left;
  width: 10%;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  cursor: pointer; }

.delete-upfileitemnomal {
  float: left;
  width: 10%;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  cursor: pointer; }

.name-upfileitem {
  float: left;
  width: 90%;
  font-weight: bold;
  color: #0066b1;
  line-height: 25px; }

.upfile-header {
  min-height: 16.43px;
  padding: 15px; }

.upfile-body {
  position: relative;
  padding: 15px; }

.upfile-footer {
  padding: 15px;
  text-align: left; }

.upfile-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  /* border-radius: 6px; */
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  border: 0px solid #e0e0e0; }

.upfile-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.dropzonecmt {
  border: 2px solid #eeeeee;
  width: 100%;
  height: 100px;
  padding: 0px;
  margin-bottom: 0px;
  margin-right: 0px; }

.upfile-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: .5;
  z-index: 2;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear; }

.delete-upfilemain {
  float: left;
  width: 10%;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  cursor: pointer; }

#splashscreen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  z-index: 99999; }

#splashscreen img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#ListTopCommentId {
  float: left;
  width: 100%; }

.visiblescroll {
  overflow-y: hidden !important; }

.worklistloading {
  background: url(/images/loading.gif) no-repeat;
  height: 50px;
  width: 50px;
  position: fixed;
  z-index: 1;
  left: 25%;
  top: 40%; }

.cmtloading {
  background: url(/images/loading.gif) no-repeat;
  height: 50px;
  width: 50px;
  position: fixed;
  z-index: 1;
  left: 68%;
  top: 40%; }

/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; } }
.editorfix {
  position: fixed;
  bottom: 0px;
  z-index: 1;
  width: 100%; }

.version-soft {
  position: absolute;
  top: -2px;
  left: 60px;
  font-style: italic;
  font-size: 11px; }

.zoom-in {
  position: fixed;
  left: 52px;
  top: 55px;
  width: 96.5%; }

.search-commentfix {
  display: none;
  border-bottom: 1px solid #ddd;
  margin-top: -1px; }

.cmt-titleform.fixed {
  transition: all 400ms ease 0s;
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -ms-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
  animation: fixedmenu 1s ease 0s normal both 1 running;
  -webkit-animation: fixedmenu 1s ease 0s normal both 1 running;
  -moz-animation: fixedmenu 1s ease 0s normal both 1 running;
  -o-animation: fixedmenu 1s ease 0s normal both 1 running;
  position: fixed !important;
  width: 100%;
  z-index: 99;
  float: left;
  left: 0;
  right: 0;
  top: 0; }

.visible-button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b4bac5), to(#b4bac5)) !important;
  background-color: #b4bac5 !important;
  background-image: -webkit-linear-gradient(top, #b4bac5, #b4bac5) !important;
  background-image: linear-gradient(top, #b4bac5, #b4bac5) !important;
  border: 1px solid #b4bac5 !important; }

.tabmota {
  float: left;
  width: 100%; }

.tabto {
  border-top: 0px;
  border-bottom: 1px solid #ddd; }

.tabcc {
  border-top: 0px;
  border-bottom: 1px solid #ddd; }

#listlevelstatus {
  left: 281px;
  top: 21px; }

#listsubstatus {
  padding: 6px 5px; }

#txartencv {
  min-height: 30px !important;
  margin-top: 5px; }

.comment-form {
  float: left;
  margin-bottom: 150px;
  width: 100%; }

.name-software h4 {
    position: absolute;
    min-width: 500px;
    font-size: 14px;
    text-transform: uppercase;
    top: 15px;
    font-weight: bold;
}

.name-software p {
  position: absolute;
  top: 25px;
  font-style: italic;
  font-size: 12px; }

.row-selected .task-view-row-info-plate {
  background: #a8c6ed;
  border-color: #89afe0;
  /*z-index: 2;*/ }

/*.row-selected .task-view-row-info-actions {
    background: #a8c6ed;
    border-color: #89afe0;
}*/
.row-selected .row-sub .task-view-row-info-plate {
  background: #fff;
  border-color: #dedfe6; }

.user-avatar {
  width: 27px;
  height: 27px;
  border-radius: 2em; }

.main-status-work {
  display: none; }

.sub-status-work {
  display: none; }

/*cc-bcc*/
.tabcc {
  display: none; }

.tabbcc {
  display: none; }

.fr-toolbar {
  top: 0px !important; }

.cmt-tabcc {
  display: none; }

/*comentmail*/
.cmt-mailitem {
  float: left;
  width: 100%;
  text-align: justify;
  border: none;
  font-size: 13px;
  padding-top: 10px;
  /*border-top: 1px dotted #ddd;*/
  /*cursor:pointer;*/ }

.inputMess03 {
  border-left: 2px solid #dddfe2; }

.isbackground {
  background-color: #fafafa; }

.nobackgroup {
  background-color: #fff; }

.cmt-tagitto {
  display: none; 
/*  max-height:200px;
  overflow-y:scroll;*/

}

.cmt-tagitformcc {
  padding-left: 3px !important; }

.ccaction-inline {
  cursor: pointer; }

.ccform-inline {
  display: none; }

.ccform-bottom {
  display: none; }

.inline-tagitform {
  display: none; }

.inlinecc-tagitform {
  display: none; }

.bottom-tagitform {
  display: none;
  padding-left: 0px !important; 
/*  max-height:200px;
  overflow-y:scroll;*/
}

.bottomcc-tagitform {
    display: none;
    padding-left: 0px !important;
/*    max-height: 200px;
    overflow-y: scroll;*/
}

.cmt-tagitcc {
    display: none;
/*    max-height: 200px;
    overflow-y: scroll;*/
}

.ntk-ltdate {
  border-right: 1px solid #ddd; }

.date-send {
  font-style: italic;
  font-size: 11px;
  color: #808080;
  float: right;
  margin-top: 7px; }

.date-send-all {
  font-style: italic;
  font-size: 11px;
  margin-left: 5px;
  color: #808080;
  float: right; }

.cmt-mailto {
  margin-left: 44px; }

.cmt-list-mailto {
  color: #777; }

.rightlist-userto {
  padding-top: 3px;
  padding-left: 0px !important;
/*  max-height:200px;
  overflow-y:scroll;*/
}

.rightlist-usercc {
    padding-top: 3px;
/*    max-height: 200px;
    overflow-y: scroll;*/
}
.tagit-metric {
  max-height: 200px;

}
.tagit {
    max-height: 200px;
}
.cmt-actionform {
    padding: 3px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    float: left;
    width: 93%;
    margin-left: 44px;
}

.cmt-fileform {
  background-color: #f5f5f5;
  float: left;
  width: 93%;
  margin-left: 44px; }

.cmt-mailform {
  display: none; }

.cmt-formfirst {
  border: 1px solid #ddd;
  float: left;
  width: 93%; }

.cmt-textareaform {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  float: left;
  width: 93%;
  margin-left: 44px; }

.cmt-address {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  float: left;
  width: 93%;
  margin-left: 44px;
  padding: 6px;
  display: none; }

.cmt-textarea {
  width: 100%;
  height: 100%;
  border: none;
  padding: 3px;
  min-height: 100px;
  float: left; }

.cmt-bottomform {
  float: left;
  width: 100%;
  border: 1px solid #0066b1;
  display: none; }

.inline-tagitform {
  padding-left: 0px !important; }

.bottom-address {
  border: 1px solid #ddd;
  float: left;
  width: 100%;
  padding: 6px;
  background-color: #fff;
  display: none; }

.bottom-textareaform {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  float: left;
  width: 100%; }

.bottom-textarea {
  width: 100%;
  height: 100%;
  border: none;
  padding: 3px;
  min-height: 50px;
  float: left; }

.bottom-actionform {
  padding: 3px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  float: left;
  width: 100%; }

.bottom-fileform {
  background-color: #f5f5f5;
  float: left;
  width: 100%; }

.btn-replychild {
  text-align: center;
  padding: 4px;
  width: 30px;
  cursor: pointer;
  float: left; }

.btn-dropreplychild {
  width: 20px;
  text-align: center;
  padding: 4px;
  cursor: pointer;
  float: left; }

.cmt-titleform {
  width: 100%;
  float: left;
  padding: 3px;
  border-bottom: 1px solid #ddd; }

.btn-reply {
  text-align: center;
  padding: 4px;
  width: 30px;
  cursor: pointer;
  float: left;
  border: 1px solid #ddd;
  background: #f5f5f5; }

.btn-dropreply {
  width: 20px;
  text-align: center;
  padding: 4px;
  cursor: pointer;
  float: right;
  /*background: #f5f5f5;*/
  font-size: 17px;
  /*margin-right: 3px;*/ }

.btn-dropreply .fa {
  margin-right: 0px;
  font-size: 15px; }

.cmt-mailcontent {
  float: left;
  width: 93%;
  margin-left: 46px;
  padding: 5px;
  cursor: initial;
  word-break: break-word;
  /*display:none;*/
  text-align: left;
  margin-bottom: 10px; }

.cmt-mailfile {
  float: left;
  width: 95%;
  /*display:none;*/ }

.more-contentemail {
  border: 1px solid #ddd;
  clear: both;
  line-height: 6px;
  outline: none;
  position: relative;
  width: 20px;
  cursor: pointer; }

.more-contentemail:hover {
  background-color: #d8d8d8;
  border-color: #cdcdcd; }

.more-commentemail {
  /*border: 1px solid #ddd;*/
  clear: both;
  line-height: 6px;
  outline: none;
  position: relative;
  width: 20px;
  cursor: pointer; }

.more-commentemail:hover {
  background-color: #d8d8d8;
  border-color: #cdcdcd; }

.ajT {
    background: url(/images/more_horiz_black_20dp.png) no-repeat;
    height: 19px;
    opacity: .8;
    width: 22px;
    /*border: 1px solid;*/
}

/*menu*/
.menu {
  position: absolute;
  z-index: 999999;
  display: none;
  padding: 0;
  width: 190px;
  top: 100%;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px #6f6f6f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  animation: wrike-animation-frompoint ease-in .1s; }

.menu ul {
  padding: 0px; }

.menu ul li {
  margin-left: 0;
  width: 100%;
  padding: 0;
  background: #fff;
  position: relative; }

.menu ul li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 2.42857143;
  color: #333;
  white-space: inherit; }

.menu ul li a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5; }

.page-nav > li > ul {
  position: absolute;
  top: 0px;
  left: 191px;
  width: 190px;
  display: none;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px #6f6f6f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  animation: wrike-animation-frompoint ease-in .1s; }

.page-nav > li > ul a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 2.42857143;
  color: #111;
  white-space: inherit; }

.page-nav > li.li-hover > ul,
.page-nav > li:hover > ul {
  display: block; }

.page-nav > li > ul li {
  position: relative; }

.x-menu-sep-li {
  font-size: 1px;
  line-height: 1px; }

.x-menu-sep {
  height: 1px; }

#handle {
  position: absolute;
  left: -4px;
  top: 0;
  bottom: 0;
  width: 8px;
  cursor: w-resize; }

.search-drop {
  right: 60px;
  position: absolute;
  top: 8px; }

.search-dropks {
  right: 60px;
  position: absolute;
  top: 8px;
  z-index: 10; }

.search-clear {
  right: 90px;
  position: absolute;
  top: 0px;
  z-index: 10;
  font-size: 16px;
  cursor: pointer; }

.content-search {
  width: 100%;
  background: #fff;
  position: absolute;
  top: 30px;
  display: none;
  z-index: 9999;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 1px #aaa;
  padding: 5px; }

.btnsearch {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 0;
  width: 60px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0072c6), to(#0072c6));
  background-color: #4285f4;
  background-image: -webkit-linear-gradient(top, #0072c6, #0072c6);
  background-image: linear-gradient(top, #0072c6, #0072c6);
  border: 1px solid #0072c6;
  right: 0px;
  position: absolute;
  top: 0px;
  cursor: pointer; }

.close-icon1 {
  padding: 5px 7px; }

.close-icon1 span {
  font: 14px/100% arial, sans-serif;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff; }

.close-icon1 span:after {
  content: '✖'; }

/*end menu*/
.cmt-unread {
  color: #ff9900 !important; }

.btn-reply-email {
  display: table;
  height: 27px;
  width: 115px;
  float: left; }

.gmail_extra {
  margin-bottom: 10px; }

.actor-name {
  color: #0066b1; }

.bpshowformcc {
  font-size: 16px;
  cursor: pointer; }

.list-item-tochuc {
  float: left;
  width: 100%;
  text-align: justify;
  /* margin-bottom: 10px; */
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #ddd; }

.bpaddusercc {
  font-size: 16px;
  cursor: pointer; }

.btn-addbutphe {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 4px;
  width: 30px;
  cursor: pointer;
  float: left;
  font-size: 18px; }

.butphe {
  margin-top: 3px; }

.save-aceoinfo {
  display: none;
  height: 27px;
  float: left; }

.send-info {
  display: table;
  height: 27px;
  float: left; }

.action-up {
  position: absolute;
  right: -23px;
  width: 30px;
  height: 20px;
  background: url(/images/chevron-up.png) center no-repeat;
  cursor: pointer;
  padding: 15px; }

.action-down {
  position: absolute;
  right: -23px;
  width: 30px;
  height: 20px;
  background: url(/images/chevron-down.png) center no-repeat;
  cursor: pointer;
  padding: 15px; }

.ntk-wapper {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-lines: single;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  justify-content: flex-start;
  /*align-content: flex-start;*/
  -webkit-box-align: stretch;
  align-items: stretch; }

.setting-thongbao {
  padding: 5px !important;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.setting-thongbao span {
  font-weight: bold;
  position: relative;
  top: 6px; }

.add-work-button {
  width: 35px;
  height: 35px;
  background: url(/images/create-work-icon.png) center no-repeat; }

.add-work-button span {
  color: #e6334d;
  position: relative;
  left: 45px;
  top: 7px;
  font-weight: bold; }

.ntk-panel-header {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #464545;
  line-height: 18px;
  font-weight: normal;
  background: #f5f8fc;
  color: #6b99c7;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  min-height: 45px;
  transition: height, min-height, padding-top 0.15s ease;
  padding-left: 12px;
  border-bottom: 1px solid #e0e0e0; }

.top53 {
  top: 53px !important; }

.move-list {
  position: absolute;
  right: 75px; }

.move-list a {
  color: #000; }

.delete-list {
  position: absolute;
  right: 270px;
  cursor: pointer; }

.delete-list a {
  color: #000; }

.filter-bar {
  margin-left: -11px; }

.filter-bar > * {
  display: inline-block; }

.filter-bar .filter-list {
  vertical-align: top; }

.folder-filterlist-view {
  display: inline-block;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal; }

.folder-filterlist-tagitem {
  padding-right: 15px;
  cursor: pointer;
  border-radius: 9px;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  margin: 0 2px;
  padding: 0 9px;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #5285b8;
  position: relative; }

.folder-filterlist-tagitem:hover {
  /*background-color: #dfe6f0;*/ }

.folder-filterlist-tagitem:active {
  /*background-color: #cdd9e9;*/ }

.sorting-list {
  margin-left: -11px;
  padding-bottom: 10px;
  position: absolute;
  right: 15px;
  top: 15px; }

.folder-sort-order {
  margin-right: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  margin: 0 2px;
  padding: 0 9px;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-radius: 3px;
  color: #6a99ca;
  padding-top: 3px; }

.button-wrapper {
  display: inline-block;
  margin-top: -2px;
  vertical-align: top; }

.folder-sort-order:hover {
  background-color: #dfe6f0; }

.ntk-panel-content {
  /*width: 100%;
  height: 100%;
  position: relative;
  margin: auto;
  overflow: hidden;*/ }

.task-list-view-big-pane {
  width: 100%;
  height: 100%;
  /*overflow-y: auto;*/
  position: relative;
  background: white; }

.task-list-view-big-items {
  box-sizing: border-box;
  position: relative;
  min-height: 100%; }

.task-view-adder-big {
  position: absolute;
  transform: translate3d(0px, 0px, 0px);
  width: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #5285b8;
  line-height: 31px;
  cursor: pointer;
  transition: top 0.15s ease-in-out, height 0.15s ease-in-out, padding 0.15s ease-in-out;
  /*border-top: 1px solid rgb(224, 224, 224);*/
  list-style: none;
  background: url("/images/wrike/adder-big.png") 25px center no-repeat white;
  padding: 10px 10px 10px 50px;
  border-bottom: 1px solid #dedfe6; }

.task-view-adder-big:hover {
  background-color: #eee; }

.task-list-view-group {
  top: 0px;
  position: absolute;
  transform: translate3d(0px, 0px, 0px);
  width: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  color: #989898;
  /*z-index: 3;*/
  transition: top 0.15s ease-in-out, height 0.15s ease-in-out, padding 0.15s ease-in-out; }

.task-list-view-group-work {
  top: 0px;
  position: absolute;
  transform: translate3d(0px, 0px, 0px);
  width: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  color: #989898;
  /*z-index: 3;*/
  transition: top 0.15s ease-in-out, height 0.15s ease-in-out, padding 0.15s ease-in-out; }

.task-list-view-group-items {
  position: relative;
  -webkit-transition: height .25s ease-in-out;
  -moz-transition: height .25s ease-in-out;
  transition: height .25s ease-in-out;
  background: #fff; }

.task-view-row-info {
  /*-ms-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);*/
  width: 100%;
  -webkit-transition: top .15s ease-in-out,height .15s ease-in-out,padding .15s ease-in-out;
  -moz-transition: top .15s ease-in-out,height .15s ease-in-out,padding .15s ease-in-out;
  transition: top .15s ease-in-out,height .15s ease-in-out,padding .15s ease-in-out;
  background: #e9e9e9;
  margin: 0px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  float: left; }

.task-view-row-info-plate {
  webkit-align-items: center;
  -ms-align-items: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #dedfe6;
  background-color: #fff;
  padding: 0 16px 0 3px;
  position: relative;
  font-weight: 600;
  min-height: 50px; }

.task-view-row-info-plate:hover {
  background: #f1f1f1; }

.task-view-row-info-count {
  webkit-align-items: center;
  -ms-align-items: center;
  -moz-box-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #dedfe6;
  background-color: #fff;
  padding: 0 16px 0 3px;
  position: relative;
  font-weight: 600;
  min-height: 20px;
  text-align: center; }

.task-view-row-info-count:hover {
  background: #f1f1f1; }

.task-view-row-info-count span {
  cursor: pointer;
  width: 100%;
  font-weight: normal; }

.task-view-row-info-actions {
  margin: 0 0px 0 0;
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  position: static;
  padding-top: 0;
  padding-bottom: 0;
  /*left: 0;
  top: 0;
  bottom: 0;
  width: 18px;*/
  padding: 0px;
  box-sizing: border-box;
  display: flex;
  width: 26px;
  float: left;
  height: 50px;
  flex-align: center;
  padding-left: 5px;
  padding-top: 15px;
  background: #fff;
  border-bottom: 1px solid #dedfe6; }

.task-view-row-info-expander {
  font-size: 0;
  background-color: transparent !important;
  border-color: transparent !important;
  padding: 0;
  width: 16px;
  height: 20px;
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
  margin: 0 2px 0 0;
  -webkit-font-smoothing: antialiased;
  font-family: "Open sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
  font-size: 13px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  -ms-flex: 0 0 auto;
  -moz-box-flex: 0;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  color: #5285b8;
  margin: 0 5px 0 -5px;
  padding: 1px 4px 6px;
  border-radius: 2px 2px 0 0;
  border: 1px solid transparent;
  border-bottom: none;
  -webkit-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  position: relative; }

.pop-tag {
  position: absolute;
  top: 100%;
  left: 0 !important;
  z-index: 1000;
  float: left;
  min-width: 200px;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px #6f6f6f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.drp-mnu:before {
  right: 60px !important; }

.dropdown-wrap {
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  float: right;
  margin-left: 6px;
  margin-top: 8px; }

/*.ui-widget-content {
    border:none;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 6px #6f6f6f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/
.workgroup-tab {
  background-color: #f5f8fc;
  font-weight: normal; }

.work-group-item {
  cursor: pointer; }

.sum-status a:hover {
  color: #fff; }

.row-sub {
  display: none; }

.row-group {
  display: none; }

.r-close {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  background: url(/images/wrike/release.sprite.png) 6px -9462px no-repeat;
  top: -18px;
  float: left; }

.r-open {
  width: 16px;
  height: 18px;
  margin: 0;
  padding: 0;
  background: url(/images/wrike/release.sprite.png) 2px -9510px no-repeat;
  top: -18px;
  float: left; }

.r-open .row-sub {
  display: block; }

.task-view-row-info-selector {
  margin: 0;
  display: block;
  /*visibility: hidden;*/
  background: url(/images/wrike/release.sprite.png) 2px -9042px no-repeat;
  height: 20px;
  width: 3px;
  cursor: pointer;
  padding-left: 16px; }

.address-workuser {
  max-width: 85%;
  overflow: hidden;
  white-space: nowrap;
  min-width: 1em;
  text-overflow: ellipsis; }

.rightlist-usercc {
  padding-left: 0px !important; }

.task-view-row-info-selected {
  margin: 0;
  display: block;
  /*visibility: hidden;*/
  background: url(/images/wrike/release.sprite.png) 2px -9148px no-repeat;
  height: 20px;
  width: 3px;
  cursor: pointer;
  padding-left: 16px; }

.task-view-row-info-responsibles {
  position: relative;
  top: -1px;
  left: 0;
  min-width: 27px;
  max-width: 27px;
  cursor: pointer;
  line-height: 0;
  /*box-shadow: 0 0 8px rgba(33,33,33,0.1);*/
  max-height: 27px; }

.work-den {
  background: url(/images/income.png) no-repeat;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 15px;
  right: -2px;
  border: 1px solid #fff;
  border-radius: 1em; }

.work-di {
  background: url(/images/outcome.png) no-repeat;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 15px;
  right: -2px;
  border: 1px solid #fff;
  border-radius: 1em; }

.work-email {
  background: url(/images/gmail.png) no-repeat;
  height: 13px;
  width: 13px;
  position: absolute;
  top: 1px;
  left: -2px; }

.x-user-avatar {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 2em;
  box-shadow: 0 0 8px rgba(33, 33, 33, 0.1); }

.user-avatar {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  border-radius: 3px;
  background: #fff;
  border-radius: 2em; }

.task-view-row-info-simple {
  webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 15px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.task-view-row-info-title {
  margin-right: 6px;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #111;
  line-height: 18px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
  min-width: 1em;
  border: 1px solid transparent;
  padding: 1px;
  text-overflow: ellipsis;
  -webkit-box-flex: .001;
  -ms-flex-negative: .001;
  -ms-flex-shrink: .001;
  /*flex-shrink: .001;*/ }

.task-view-status {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  margin: 3px 3px 2px;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex-negative: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  min-width: 40px;
  padding: 0;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis; }

.task-view-deadline {
  font-weight: normal;
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  font-style: italic;
  height: auto;
  margin-right: 0;
  position: relative;
  white-space: normal;
  width: 105px;
  text-align: right;
  color: #111; }

.spacer {
  -webkit-box-flex: 1;
  -ms-flex-grow: 1;
  flex-grow: 1; }

.row-sub {
  position: relative;
  margin: 0px 0 0px 17px;
  /*overflow: hidden;*/
  -webkit-transition: height .15s ease-in-out;
  -moz-transition: height .15s ease-in-out;
  transition: height .15s ease-in-out; }

/* detail*/
.row-status-work {
  border-left: 9px solid #1976d2;
  margin-top: -1px;
  min-height: 46px;
  border-right: 1px solid #ddd; }

.chatText {
  white-space: pre-wrap;
  word-wrap: break-word; }

.ten-user {
  font-weight: bold;
  margin-right: 5px;
  color: #0066b1;
  float: left; }

.ntk-panel-detail {
  left: 0;
  top: 0;
  border-left: 3px solid;
  height: 100%; }

.wspace-task-body {
  overflow-y: scroll;
  width: 100%;
  overflow-x: hidden; }

.wspace-task-view {
  background: #fff;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

.wspace-name-work {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 19px;
  color: #111;
  line-height: 21px;
  font-weight: normal;
  margin: 9px 9px 3px;
  padding: 0 6px;
  line-height: 25px;
  padding-right: 18px; }

.disable-save {
  background: #bcd7eb url("/images/btn-gui-deactive.png") center no-repeat !important; }

.btn-work-save {
  padding: 0 20px;
  background: #0066b1 url("/images/luu.png") center no-repeat;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  color: #111;
  line-height: 24px;
  border-radius: 2px;
  margin: 4px;
  display: table-cell;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer; }

.btn-work-reply {
  padding: 0 20px;
  background: #0066b1 url("/images/reply.png") 4px 4px no-repeat;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  color: #111;
  line-height: 24px;
  border-radius: 2px;
  margin: 4px;
  display: table-cell;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer; }

.wspace-button-save {
  width: 1px;
  padding: 0 12px;
  background: #fff url("/images/save-work-active.png") 4px center no-repeat;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  color: #111;
  line-height: 24px;
  background-color: #fff;
  border: 1px solid #d1d1d3;
  border-radius: 2px;
  margin: 4px;
  display: table-cell;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer; }

.wspace-panel-header {
  display: block;
  zoom: 1; }

.ntk-panel-header-toolbar {
  border-spacing: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  vertical-align: top;
  white-space: nowrap;
  position: relative;
  max-width: 100%;
  display: table;
  border-spacing: 5px 0;
  -webkit-transition: width .2s ease-in;
  -moz-transition: width .2s ease-in;
  transition: width .2s ease-in;
  margin-right: 25px; }

.ntk-panel-header-info {
  /*line-height: 27px;*/
  overflow: hidden;
  min-height: 39px; }

.task-view-crumbs {
  display: flex;
  max-width: 100%; }

.wspace-task-widgets-crumbs {
  margin: 0px; }

.ntk-task-view-tag {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  line-height: 16px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  white-space: nowrap;
  box-sizing: border-box;
  text-overflow: ellipsis;
  text-shadow: rgba(255, 255, 255, 0.2) 0px 1px;
  text-decoration: none;
  vertical-align: middle;
  max-width: 100%;
  border-radius: 2px;
  padding: 0px 6px;
  margin: 0px 6px;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  border-color: transparent; }

.ntk-task-view-tag:hover {
  color: #504f4f;
  background-color: #ddd; }

.wspace-task-widgets-status-view {
  height: 49px; }

.wspace-task-widgets-assignees-dataview .assignee {
  height: 36px; }

.wspace-task-settings-button:hover {
  background-color: #eeeeee; }

.wspace-task-widgets-comment {
  padding: 0px; }

.wspace-task-widgets-butphe {
  padding: 5px 5px 5px 10px;
  float: left;
  width: 100%; }

.wspace-task-tbar {
  /*webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;*/
  /*border-bottom: 1px solid #ddd;*/ }

.x-menu-item {
  padding: 7px 18px 6px 20px !important;
  height: 40px !important; }

.x-menu-item-icon {
  width: 16px;
  height: 16px;
  left: 18px;
  top: 14px;
  background-color: #78aadc; }

.x-menu-item-icon-tong {
  width: 20px;
  height: 20px;
  border: none !important;
  background-color: #78aadc;
  border: 0 none;
  vertical-align: top;
  position: absolute;
  left: 0px;
  margin-right: 5px;
  border-radius: 50%;
  top: 7px; }

.task-view-row-info-flag-attachments {
  background: url(/images/wrike/release.sprite.png) 0px -8725px;
  margin-right: 6px;
  background-color: white;
  width: 16px;
  height: 16px;
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -ms-flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0; }

.ntk-checkbox {
  top: 3px;
  position: relative; }

.wspace-task-settings-button {
  padding-left: 0px; }

.vanban-list {
  height: 380px;
  overflow-y: scroll; }

.congviec-list {
  height: 380px;
  overflow-y: scroll; }

.close-userfollow {
  color: #8f8282;
  margin-left: 5px;
  font-size: 11px; }

.close-userdoing {
  color: #8f8282;
  margin-left: 5px;
  font-size: 11px; }

.user-follow {
  padding: 3px;
  border-radius: 2px; }

.user-follow:hover {
  background-color: #dfe6f0; }

.number-user-follow {
  color: #2f9337; }

.row-number-follow {
  margin-top: 9px;
  margin-left: 9px;
  display: inline-block;
  line-height: 20px;
  cursor: pointer;
  /*padding: 0 9px;*/ }

.row-number-follow-bottom {
  margin-top: 5px;
  margin-left: 9px;
  display: inline-block;
  line-height: 20px;
  /*padding: 0 9px;*/ }

.lius-follow {
  padding: 3px !important;
  float: left; }

.lius-follow:hover {
  background-color: #dfe6f0; }

.attach-form {
  /*border-top: 1px dotted #e0e0e0;*/
  float: left;
  width: 100%; }

.comments {
  float: left;
  width: 100%; }

.cmt-titleform-top {
  /*display: none;*/ }

.cmt-titleform {
  display: none; }

.ntkaction-form {
  padding: 3px;
  background-color: #f5f5f5;
  border: 1px solid #ddd; }

.btn-back-mobile {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  text-align: center;
  height: 30px;
  margin: 0;
  width: 90px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0066b1), to(#0066b1));
  background-color: #4285f4;
  background-image: -webkit-linear-gradient(top, #0066b1, #0066b1);
  background-image: linear-gradient(top, #0066b1, #0066b1);
  border: 1px solid #0066b1;
  cursor: pointer;
  color: #fff;
  padding: 6px;
  font-weight: bold;
  float: left;
  display: none; }

.btn-gui {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  text-align: center;
  height: 30px;
  margin: 0;
  width: 60px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0066b1), to(#0066b1));
  background-color: #4285f4;
  background-image: -webkit-linear-gradient(top, #0066b1, #0066b1);
  background-image: linear-gradient(top, #0066b1, #0066b1);
  border: 1px solid #0066b1;
  cursor: pointer;
  color: #fff;
  padding: 6px;
  font-weight: bold;
  float: left; }

.disable-btngui {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  text-align: center;
  height: 30px;
  margin: 0;
  width: 60px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#becade), to(#becade));
  background-color: #becade;
  background-image: -webkit-linear-gradient(top, #becade, #becade);
  background-image: linear-gradient(top, #becade, #becade);
  border: 1px solid #becade;
  cursor: pointer;
  color: #fff;
  padding: 6px;
  font-weight: bold;
  float: left; }

.cmt-formto {
  width: 100%;
  float: left; }

.cmtshowformcc {
  font-size: 16px; }

.cmtaddusercc {
  font-size: 16px; }

.cmt-actioncc {
  display: none; }

.cmt-border {
  border: 1px solid #ddd; }

.cmt-border span {
  padding: 3px; }

.cmt-border-notop {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.cmt-border-notop span {
  padding: 3px; }

.cmt-actionchild {
  text-align: right;
  padding: 7px 0px 0px 0px;
  cursor: pointer; }

.cmt-cc-form {
  padding: 4px;
  text-align: center;
  cursor: pointer; }

.cmt-formccchild {
  padding-left: 0px !important;
  display: none; }

.cmt-tagitform {
  display: none;
  padding-left: 0px !important; }

.row-number-follow-cmt {
  margin-left: 9px;
  display: inline-block;
  line-height: 20px;
  cursor: pointer; }

.row-number-follow-cmt:hover {
  background-color: #dfe6f0; }

.row-number-follow:hover {
  background-color: #dfe6f0; }

.margin-top-6 {
  margin-top: 6px; }

.cmt-assignee {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  color: #504f4f;
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left; }

.cmt-assignee .name {
  float: left; }

.cmt-number-user-to-bottom {
  max-width: 550px;
  float: left;
  overflow: hidden; }

.cmt-number-user-cc-bottom {
  max-width: 550px;
  float: left;
  overflow: hidden; }

.cmt-number-user-to {
  max-width: 520px;
  float: left;
  overflow: hidden; }

.cmt-number-user-cc {
  max-width: 520px;
  float: left;
  overflow: hidden; }

.showformcc {
  font-size: 16px;
  cursor: pointer;
  display: none; }

.showformccitem {
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer; }

.addformccitem {
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer; }

.addusercc {
  font-size: 16px;
  cursor: pointer;
  display: none; }

.btn-selectmore {
  text-align: center;
  height: 30px;
  padding: 7px;
  width: 30px;
  cursor: pointer;
  float: right;
  margin-top: -8px;
  display: none;
  font-size: 17px;
  }

.btn-file {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 7px;
  width: 30px;
  cursor: pointer;
  float: left; }

.btn-adduser {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 4px;
  width: 30px;
  cursor: pointer;
  float: left;
  font-size: 18px; }

.btn-adduser-cmt {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 4px;
  width: 30px;
  cursor: pointer;
  float: left;
  font-size: 18px; }

.btn-fontbottominline {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 6px;
  width: 30px;
  cursor: pointer;
  float: left;
  border-right: 1px solid #ddd;
  font-size: 17px; }

.file-video {
  background-position: -905px 0; }

.file-excel {
  background-position: -989px 0; }

.file-image {
  background-position: -1031px 0; }

.form-timkiemcm {
  float: right;
  width: 50%;
  display: none; }

.form-timkiemcm input {
  width: 100%;
  height: 30px;
  border: 1px solid #ddd;
  padding-left: 5px;
  float: left;
  padding-right: 80px; }

#setmucdocv i {
  font-size: 17px;
  padding-left: 5px; }

.btn-timkiemcm {
  text-align: right;
  height: 30px;
  padding: 8px;
  width: 10%;
  cursor: pointer;
  float: right;
  font-size: 13px;
  padding-right: 0px; }

.title-cm {
  padding: 7px; }

.highlight {
  padding: 1px 4px;
  margin: 0 -4px;
  background-color: #fff34d;
  -moz-box-shadow: 0 1px 4px rgba(161, 154, 154, 0.7);
  /* FF3.5+ */
  -webkit-box-shadow: 0 1px 4px rgba(161, 154, 154, 0.7);
  /* Saf3.0+, Chrome */
  box-shadow: 0 1px 4px rgba(161, 154, 154, 0.7);
  /* Opera 10.5+, IE 9.0 */ }

.btn-xoacontentcm {
  text-align: center;
  height: 30px;
  padding: 8px;
  width: 40px;
  cursor: pointer;
  position: absolute;
  right: 50px;
  font-size: 13px;
  border-right: 1px solid #ddd;
  display: none; }

.btn-timkiemcm-in {
  text-align: center;
  height: 30px;
  padding: 8px;
  width: 40px;
  cursor: pointer;
  position: absolute;
  right: 9px;
  font-size: 13px; }

.btn-fontbottom {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 6px;
  width: 30px;
  cursor: pointer;
  float: left;
  border-right: 1px solid #ddd;
  font-size: 17px; }

.btn-font-cmt {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 6px;
  width: 30px;
  cursor: pointer;
  float: left;
  border-right: 1px solid #ddd;
  font-size: 17px; }

.btn-font {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 6px;
  width: 30px;
  cursor: pointer;
  float: left;
  border-right: 1px solid #ddd;
  font-size: 17px; }

.font-selected {
  color: #0072c6; }

.btn-xoa {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 6px;
  width: 30px;
  cursor: pointer;
  float: right;
  /*display: none;*/ }

.btn-xoa-cmt {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 6px;
  width: 30px;
  cursor: pointer;
  float: right;
  display: none; }

.btn-delete-cmt {
  text-align: center;
  height: 30px;
  margin-left: 5px;
  padding: 6px;
  width: 30px;
  cursor: pointer;
  float: right; }

/*file item*/
.file-item {
  /*margin-bottom: 10px;
  margin-right: 10px;*/ }

.file-icon {
  text-align: center;
  /*font-size: 30px;
  color: #666;
  padding: 20px 10px;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,.2);
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;*/ }

.file-icon.has-img {
  padding: 0;
  min-height: 132px; }

.file-icon > img {
  max-width: 100%; }

.file-name {
  /*padding: 10px;*/ }

.file-name span {
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  left: 30px;
  width: 80px;
  height: 16px;
  text-align: left; }

.ui-selected {
  background: #4285f4;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25); }

.ui-selected a {
  color: #fff; }

.ntk-listworkfile {
  margin-top: 10px; }

.file-action a {
  padding: 3px;
  color: #000;
  font-size: 20px; }

.file-item:hover .file-action {
  display: block; }

.ntk-attach-comment {
  background: url(/images/wrike/release.sprite.png) 0px -11976px no-repeat;
  height: 27px;
  width: 27px;
  cursor: pointer;
  position: absolute;
  bottom: 8px;
  right: 40px; }

.ntk-send-comment {
  background: url("/images/editor_commit_sprite.png") 0 center no-repeat;
  vertical-align: middle;
  display: inline-block;
  width: 27px !important;
  height: 27px;
  text-indent: 27px;
  overflow: hidden;
  border: none;
  outline: none;
  cursor: pointer;
  float: none !important;
  position: absolute;
  bottom: 8px;
  right: 10px; }

.disable-comment {
  background: url("/images/editor_commit_sprite1.png") -81px 0px no-repeat !important; }

.ntk-listfile-comment {
  cursor: pointer;
  float: none !important;
  position: absolute;
  bottom: 2px;
  left: 10px;
  width: 90%; }

.ntk-listfile-comment-child {
  cursor: pointer;
  float: none !important;
  position: absolute;
  top: 25px;
  left: 55px;
  width: 90%; }

.file-cm-attach {
  margin-right: 3px;
  width: 90%; }

.file-list-attach {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.remove-file-cm {
  position: absolute;
  right: 0px;
  color: red;
  width: 15px;
  text-align: center;
  cursor: pointer;
  background: #ddd; }

.list-fileup {
  float: left;
  width: 100%;
  padding: 8px; }

.progress-ntk {
  position: relative;
  border: 1px solid #DDD;
  padding: 0px !important;
  width: 100px !important; }

.bar {
  background: #008DE6;
  height: 15px;
  width: 0%;
  /* transition animation */
  -webkit-transition: width .3s;
  -moz-transition: width .3s;
  transition: width .3s; }

.percent {
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 48%;
  color: #333; }

.up-complete {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/images/comp.png) 0px 0px no-repeat;
  float: right;
  display: none;
  margin-right: 10px; }

.up-close {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(/images/close.png) 0px 0px no-repeat;
  float: right;
  display: none;
  cursor: pointer; }

.tk-button {
  width: 100%;
  height: 51px;
  line-height: 51px;
  padding-left: 0px; }

.tab-pane {
  /*float:left;
  height:500px;
  overflow-y:scroll;*/ }

textarea {
  box-sizing: border-box;
  resize: none; }

/*phan quyen*/
.nk-item {
  border-bottom: 1px solid #e0e0e0;
  color: #504f4f; }

.per-selected {
  background: #a8c6ed;
  border-color: #89afe0;
  z-index: 2; }

.close-box-cm {
  position: absolute;
  right: 5px;
  top: -15px; }

.close-box-cm a {
  color: red; }

.ui-datepicker {
  z-index: 9 !important; }

.file-type {
  height: 56px;
  width: 42px;
  content: "";
  display: inline-block;
  background-image: url("/images/file-icons_big.png");
  background-repeat: no-repeat;
  position: relative; }

.file-doc {
  background-position: -301px 0; }

.file-rar {
  background-position: -86px 0; }

.file-mp3 {
  background-position: -128px 0; }

.file-xml {
  background-position: -216px 0; }

.file-default {
  background-position: -645px 0; }

.file-pdf {
  background-position: -687px 0; }

.file-powerpoint {
  background-position: -731px 0; }

.file-photoshop {
  background-position: -773px 0; }

.file-flash {
  background-position: -818px 0; }

.file-txt {
  background-position: -860px 0; }

.file-excel {
  background-position: -989px 0; }

.file-cmt {
  left: 45px;
  margin-bottom: 25px; }

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
  float: left;
  padding-left: 8px;
  padding-right: 8px; }

.col-sm-12 {
  width: 100%; }

.col-sm-11 {
  width: 91.66666667%; }

.col-sm-10 {
  width: 83.33333333%; }

.col-sm-9 {
  width: 75%; }

.col-sm-8 {
  width: 66.66666667%; }

.col-sm-7 {
  width: 58.33333333%; }

.col-sm-6 {
  width: 50%; }

.col-sm-5 {
  width: 41.66666667%; }

.col-sm-4 {
  width: 33.33333333%; }

.col-sm-3 {
  width: 25%; }

.col-sm-2 {
  width: 16.66666667%; }

.col-sm-1 {
  width: 8.33333333%; }

.col-sm-pull-12 {
  right: 100%; }

.col-sm-pull-11 {
  right: 91.66666667%; }

.col-sm-pull-10 {
  right: 83.33333333%; }

.col-sm-pull-9 {
  right: 75%; }

.col-sm-pull-8 {
  right: 66.66666667%; }

.col-sm-pull-7 {
  right: 58.33333333%; }

.col-sm-pull-6 {
  right: 50%; }

.col-sm-pull-5 {
  right: 41.66666667%; }

.col-sm-pull-4 {
  right: 33.33333333%; }

.col-sm-pull-3 {
  right: 25%; }

.col-sm-pull-2 {
  right: 16.66666667%; }

.col-sm-pull-1 {
  right: 8.33333333%; }

.col-sm-pull-0 {
  right: auto; }

.col-sm-push-12 {
  left: 100%; }

.col-sm-push-11 {
  left: 91.66666667%; }

.col-sm-push-10 {
  left: 83.33333333%; }

.col-sm-push-9 {
  left: 75%; }

.col-sm-push-8 {
  left: 66.66666667%; }

.col-sm-push-7 {
  left: 58.33333333%; }

.col-sm-push-6 {
  left: 50%; }

.col-sm-push-5 {
  left: 41.66666667%; }

.col-sm-push-4 {
  left: 33.33333333%; }

.col-sm-push-3 {
  left: 25%; }

.col-sm-push-2 {
  left: 16.66666667%; }

.col-sm-push-1 {
  left: 8.33333333%; }

.col-sm-push-0 {
  left: auto; }

.col-sm-offset-12 {
  margin-left: 100%; }

.col-sm-offset-11 {
  margin-left: 91.66666667%; }

.col-sm-offset-10 {
  margin-left: 83.33333333%; }

.col-sm-offset-9 {
  margin-left: 75%; }

.col-sm-offset-8 {
  margin-left: 66.66666667%; }

.col-sm-offset-7 {
  margin-left: 58.33333333%; }

.col-sm-offset-6 {
  margin-left: 50%; }

.col-sm-offset-5 {
  margin-left: 41.66666667%; }

.col-sm-offset-4 {
  margin-left: 33.33333333%; }

.col-sm-offset-3 {
  margin-left: 25%; }

.col-sm-offset-2 {
  margin-left: 16.66666667%; }

.col-sm-offset-1 {
  margin-left: 8.33333333%; }

.col-sm-offset-0 {
  margin-left: 0; }

.header-section-mobile {
  width: 94%;
  position: fixed;
  top: 0px;
  z-index: 100;
  left: 50px; }

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
  float: left; }

.col-md-12 {
  width: 100%;
  margin-bottom: 5px; }

.col-md-11 {
  width: 91.66666667%; }

.col-md-10 {
  width: 83.33333333%; }

.col-md-9 {
  width: 75%; }

.col-md-8 {
  width: 66.66666667%; }

.col-md-7 {
  width: 58.33333333%; }

.col-md-6 {
  width: 50%; }

.col-md-5 {
  width: 41.66666667%; }

.col-md-4 {
  width: 33.33333333%; }

.col-md-3 {
  width: 25%; }

.col-md-2 {
  width: 16.66666667%; }

.col-md-1 {
  width: 8.33333333%; }

.col-md-pull-12 {
  right: 100%; }

.col-md-pull-11 {
  right: 91.66666667%; }

.col-md-pull-10 {
  right: 83.33333333%; }

.col-md-pull-9 {
  right: 75%; }

.col-md-pull-8 {
  right: 66.66666667%; }

.col-md-pull-7 {
  right: 58.33333333%; }

.col-md-pull-6 {
  right: 50%; }

.col-md-pull-5 {
  right: 41.66666667%; }

.col-md-pull-4 {
  right: 33.33333333%; }

.col-md-pull-3 {
  right: 25%; }

.col-md-pull-2 {
  right: 16.66666667%; }

.col-md-pull-1 {
  right: 8.33333333%; }

.col-md-pull-0 {
  right: auto; }

.col-md-push-12 {
  left: 100%; }

.col-md-push-11 {
  left: 91.66666667%; }

.col-md-push-10 {
  left: 83.33333333%; }

.col-md-push-9 {
  left: 75%; }

.col-md-push-8 {
  left: 66.66666667%; }

.col-md-push-7 {
  left: 58.33333333%; }

.col-md-push-6 {
  left: 50%; }

.col-md-push-5 {
  left: 41.66666667%; }

.col-md-push-4 {
  left: 33.33333333%; }

.col-md-push-3 {
  left: 25%; }

.col-md-push-2 {
  left: 16.66666667%; }

.col-md-push-1 {
  left: 8.33333333%; }

.col-md-push-0 {
  left: auto; }

.col-md-offset-12 {
  margin-left: 100%; }

.col-md-offset-11 {
  margin-left: 91.66666667%; }

.col-md-offset-10 {
  margin-left: 83.33333333%; }

.col-md-offset-9 {
  margin-left: 75%; }

.col-md-offset-8 {
  margin-left: 66.66666667%; }

.col-md-offset-7 {
  margin-left: 58.33333333%; }

.col-md-offset-6 {
  margin-left: 50%; }

.col-md-offset-5 {
  margin-left: 41.66666667%; }

.col-md-offset-4 {
  margin-left: 33.33333333%; }

.col-md-offset-3 {
  margin-left: 25%; }

.col-md-offset-2 {
  margin-left: 16.66666667%; }

.col-md-offset-1 {
  margin-left: 8.33333333%; }

.col-md-offset-0 {
  margin-left: 0; }

/*subtask*/
.ntk-subtasks {
  float: left;
  width: 100%;
  border-top: 1px solid #ddd; }

.task-view-row-info-child {
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  -webkit-transition: top .15s ease-in-out,height .15s ease-in-out,padding .15s ease-in-out;
  -moz-transition: top .15s ease-in-out,height .15s ease-in-out,padding .15s ease-in-out;
  transition: top .15s ease-in-out,height .15s ease-in-out,padding .15s ease-in-out;
  margin: 0 -1px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 31px;
  float: left; }

.task-view-row-info-ntk {
  float: left;
  background: #fafafa;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eee;
  width: 100%;
  height: 100%; }

.task-view-row-info-main {
  margin-left: 12px;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1em;
  position: absolute;
  left: 0;
  top: -1px;
  right: 0;
  text-decoration: none;
  min-height: 27px;
  white-space: nowrap;
  overflow: hidden; }

.task-view-completer {
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  position: relative;
  vertical-align: top;
  margin: 0; }

.task-view-completer-check {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  padding: 0 6px;
  line-height: 24px;
  border-radius: 2px 0 0 2px; }

.task-view-completer-check .inner {
  display: inline-block;
  width: 12px;
  height: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff; }

.task-view-responsible-last {
  width: 22px;
  margin-right: 6px;
  max-width: 22px;
  max-height: 22px;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
  margin: 0 3px 3px 0;
  -ms-flex: 0 0 auto;
  -moz-box-flex: 0;
  -webkit-box-flex: 0;
  flex: 0 0 auto; }

.user-view-avatar {
  width: 24px;
  height: 24px;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #eee; }

.task-view-status {
  -webkit-font-smoothing: antialiased;
  font-family: "Open sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
  font-size: 13px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.87);
  margin: 3px 2px;
  padding: 0 3px;
  border-radius: 2px;
  -webkit-box-flex: 0;
  -ms-flex-negative: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0; }

.task-view-row-info-expander {
  -webkit-font-smoothing: antialiased;
  font-family: "Open sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
  font-size: 13px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  -ms-flex: 0 0 auto;
  -moz-box-flex: 0;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  color: #5285b8;
  margin: 0 5px 0 5px;
  padding: 1px 4px 6px;
  border-radius: 2px 2px 0 0;
  border: 1px solid transparent;
  border-bottom: none;
  -webkit-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  position: relative; }

.task-view-row-info-expand {
  margin: 0 5px 0 5px;
  min-width: 16px; }

.ntk-numwork {
  background: url(/images/release.sprite.png) 0px -8262px;
  width: 11px;
  height: 11px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px 2px 0;
  opacity: .75; }

.wspace-task-widgets-forward-button {
  padding-left: 34px !important;
  background: url(/images/wrike/release.sprite.png) 14px -7869px no-repeat; }

/*công việc*/
.leftlist-userthuchien {
  float: left; }

.rightlist-userthuchien {
  float: left;
  padding-top: 2px;
  padding-left: 0px !important; }

.leftlist-usertheodoi {
  float: left; }

.rightlist-usertheodoi {
  float: left;
  padding-top: 2px;
  padding-left: 0px !important; }

.clear-searchcv {
  right: 57px;
  position: relative;
  font-size: 15px;
  top: -2px;
  display: none; }

.search-congviec {
  cursor: pointer;
  border-radius: 9px;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  position: relative;
  width: 100%; }

.user-read {
  font-weight: normal; }

.add-butphe {
  text-align: right;
  padding: 5px;
  border-bottom: 1px solid #ddd; }

.item-butphe {
  width: 100%;
  padding: 3px;
  border-bottom: 1px dotted #ddd;
  float: left; }

.rowend-butphe {
  border-bottom: none; }

.date-butphe {
  position: relative;
  text-align: right;
  font-style: italic;
  font-size: 11px;
  width: 100%;
  float: left; }

.title-butphe {
  position: absolute;
  left: 0px;
  top: -5px;
  font-weight: bold; }

.title-motacv {
  position: absolute;
  font-weight: bold; }

.border-butphe {
  height: 1px;
  background: #ddd; }
.sum-status {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.sum-status a {
  color: #fff;
  /*width: 100%;*/
  height: 100%;
  float: left; }

.li-border-bottom {
  border-bottom: 1px solid #ddd; }

.text-chuathuchien {
  color: #555555; }

.text-dathuchien {
  color: #2196f3; }

.text-daxuly {
  color: #3f51b5; }

.text-tuchoi {
  color: #e91e63; }

.text-hoanthanh {
  color: #8bc34a; }

.status-chuathuchien {
  height: 20px;
  background: #555555;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 0px;
  line-height: 20px;
  border-radius: 50%;
  width: 21px;
  margin-top: 2px; }

.sum-status a {
  color: #fff; }

.status-dangxuly {
  height: 20px;
  background: #2196f3;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 0px;
  line-height: 20px;
  border-radius: 50%;
  width: 21px;
  margin-top: 2px; }

.status-daxuly {
  height: 20px;
  background: #3f51b5;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 0px;
  line-height: 20px;
  border-radius: 50%;
  width: 21px;
  margin-top: 2px; }

.status-tuchoi {
  height: 20px;
  background: #e91e63;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 0px;
  line-height: 20px;
  border-radius: 50%;
  width: 21px;
  margin-top: 2px; }

.status-hoanthanh {
  height: 20px;
  background: #8bc34a;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 0px;
  line-height: 20px;
  border-radius: 50%;
  width: 21px;
  margin-top: 2px; }

.levelwork-gap {
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url(/images/wrike/release.sprite.png) -6px -14412px no-repeat;
  margin-top: -5px; }

.levelwork-cantheodoi {
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url(/images/wrike/release.sprite.png) -6px -14368px no-repeat;
  margin-top: -5px; }

/*to chuc phong ban*/
.search-tochuc {
  padding-right: 15px;
  cursor: pointer;
  border-radius: 9px;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  margin: 0 2px;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  position: relative;
  width: 100%; }

.ten-tochuc {
  font-weight: bold; }

.dropdown-tochuc {
  position: absolute;
  right: 0px;
  top: 5px; }

.dropdown-tochuc-sub {
  position: absolute;
  right: 20px;
  top: 15px; }

.title-tochuc {
  height: 45px;
  padding: 12px; }

.request-connect {
  text-align: right;
  font-size: 18px;
  padding: 2px;
  padding-right: 10px; }

.list-tochuc {
  border-bottom: 1px solid #dedfe6;
  padding: 3px;
  margin-top: 10px;
  margin-bottom: 0px; }

.level-tochuc {
  float: left;
  margin-top: 10px;
  width: 100%;
  padding-left: 5px; }

.btn-default {
  margin: 0px;
  background: #fff; }

/*group*/
.ntk-grsearch input {
  min-width: 250px;
  padding: 3px;
  margin-top: -10px; }

.ntk-icon-grsearch {
  position: absolute;
  right: 5px;
  top: 3px; }

.ntk-grlist {
  top: 53px !important; }

.ntk-memsearch input {
  width: 100%;
  padding: 3px;
  height: 29px; }

.gr-item {
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
  width: 48%;
  float: left;
  margin-right: 10px;
  margin-top: 10px; }

.gr-icon {
  float: left;
  width: 40px; }

.gr-info {
  float: left;
  width: 220px; }

.gr-info b {
  width: 100%;
  float: left; }

.gr-info i {
  width: 100%;
  float: left;
  font-style: italic;
  text-align: left; }

.gr-action {
  display: none;
  text-align: right; }

.gr-action a {
  font-weight: bold;
  padding: 3px 5px;
  background: #e0e0e0;
  color: red; }

.gr-item:hover .gr-action {
  display: block; }

.gr-vachngan {
  position: absolute;
  width: 1px;
  background: #ddd;
  height: 46px;
  top: -7px;
  left: -12px; }

.ntk-icon-memsearch {
  position: absolute;
  right: 10px;
  top: 8px; }

.ntk-memsearch {
  margin-top: 5px; }

/*phan quyen*/
.add-permission {
  border-bottom: 1px solid #ddd;
  padding: 15px; }

.nk-item .fa {
  margin-right: 20px; }

.per-listuser {
  padding: 4px;
  border-top: solid 1px #dedede;
  cursor: pointer;
  float: left;
  width: 100%; }

.per-name {
  font-weight: bold;
  line-height: 20px; }

.per-position {
  line-height: 20px; }

.per-avatar {
  width: 55px;
  float: left; }

.add-user {
  padding: 15px; }

.select-usergroup {
  float: left;
  margin-top: 5px; }

.delete-usergroup {
  float: right; }

/*----------------------------
    The file upload form
-----------------------------*/
/*  CSS for app */
.file-uploads {
  position: fixed;
  bottom: 81px;
  right: -5px;
  width: 480px;
  margin-right: 15px;
  margin-bottom: 10px;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1; }

.file-uploads .header-bar {
  background-color: #0066b1;
  color: #FFF;
  padding: 12px;
  padding-right: 0px;
  font-size: 1em; }

.file-uploads .btn-control-box {
  float: right;
  width: 88px; }

.file-uploads .btn-control-box a {
  padding: 5px;
  margin-left: 8px; }

.file-uploads .btn-control-box a:hover {
  border: 1px #FFF solid; }

.file-uploads .btn-control-box a .glyphicon {
  color: #fff !important;
  margin: 0px; }

.file-uploads #file-uploads-items {
  background-color: #FFF;
  max-height: 380px;
  overflow-y: auto; }

#file-uploads-items ul {
  list-style: none;
  /* margin:0 -30px;
  border-top:1px solid #2b2e31;
  border-bottom:1px solid #3d4043;*/ }

#file-uploads-items ul li {
  position: relative;
  border-bottom: 1px #ddd solid; }

#file-uploads-items ul li:hover {
  background-color: #eef6fe;
  cursor: pointer; }

#file-uploads-items ul li input {
  display: none; }

#file-uploads-items ul li img.file-type-icon {
  width: 28px;
  margin-top: -30px;
  fill: red; }

#file-uploads-items ul li .fileup-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000; }

#file-uploads-items ul li canvas {
  float: right; }

#file-uploads-items ul li .cancel-upload,
#file-uploads-items ul li .error-upload,
#file-uploads-items ul li .completed-upload {
  float: right;
  font-size: 24px; }

#file-uploads-items ul li .cancel-upload {
  display: none;
  color: #000; }

#file-uploads-items ul li .cancel-upload:hover {
  border: 1px #000 solid;
  border-radius: 3px; }

#file-uploads-items ul li .completed-upload {
  color: #0f9d58; }

#file-uploads-items ul li .error-upload {
  color: red; }

.fileup-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000; }

/**Truong*/
.task-view-adder-big-group {
  position: absolute;
  transform: translate3d(0px, 0px, 0px);
  width: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #5285b8;
  line-height: 31px;
  cursor: pointer;
  transition: top 0.15s ease-in-out, height 0.15s ease-in-out, padding 0.15s ease-in-out;
  list-style: none;
  background: url(/images/wrike/adder-big.png) 25px center no-repeat white;
  padding: 10px 10px 10px 50px;
  border-bottom: 1px solid #dedfe6; }

.footerks {
  position: fixed;
  bottom: 0px;
  min-height: 28px;
  background-color: #E9EAED;
  width: 97%;
  font-size: 15px; }

.titlefooter-l {
  float: left;
  cursor: pointer;
  margin: 10px; }

.titlefooter-r {
  float: right;
  cursor: pointer;
  margin-right: 20px;
  color: red;
  margin-top: 5px; }

.modal-body textarea {
  height: 100px !important;
  width: 100%; }

.icon-edit-doc {
  background-image: url("Images/1457626011_icon-136-document-edit.png");
  height: 32px;
  width: 32px;
  float: left;
  margin-left: 4px; }

.icon-progress {
  background-image: url("Images/ProgressBar.png");
  height: 32px;
  width: 32px;
  float: left; }

.cur-userlogo {
  background-image: url("Images/ProgressBar.png");
  height: 27px;
  width: 27px;
  float: left; }

.user-name {
  width: 180px;
  margin-top: 0px; }

.user-name p {
  font-weight: 500; }

.dropdown-menu {
  margin-top: 13px; }

#hoverrieng:hover {
  color: #0072C6 !important; }

.wspace-button-more {
  width: 1px;
  padding: 0 12px;
  background: #fff url(/images/wrike/release.sprite.png) 5px -5379px no-repeat; }

.x-menu-list-item {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  }

.wspace-task-widgets-title-view textarea, .wspace-task-widgets-title-grow, .wspace-task-widgets-title-view .x-field-empty-text {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #111;
  font-weight: normal;
  margin: 0px 9px 3px;
  padding: 0 6px;
  font-weight: bold;
  /* line-height: 25px;*/ }

.wspace-task-widgets-title-view textarea, .wspace-task-widgets-title-grow {
  background-image: none;
  border: 0px; }

.wspace-task-widgets-title-view textarea:hover {
  /*border-color: #afafaf;*/ }

.w3-readonly .wspace-task-widgets-title-view textarea:hover {
  border-color: none; }

.w3-readonly .wspace-task-widgets-title-view textarea.x-form-focus {
  border-color: none;
  box-shadow: none; }

.wspace-task-widgets-title-deleted textarea {
  opacity: .4; }

.wspace-task-widgets-tags {
  padding: 0 9px 0 18px;
  clear: both;
  line-height: 18px; }

.wspace-task-widgets-tags .wspace-button-add {
  display: inline-block; }

.w4-task-statebar {
  clear: both;
  min-height: 36px;
  border-top: 1px solid #e0e0e0;
  min-width: 400px;
  position: relative;
  float: left;
  width: 100%; }

.w4-task-statebar .ct-status {
  float: left;
  min-height: 45px; }

.w4-task-statebar .ct-author {
  float: right; }

.w4-task-statebar .ct-layout {
  padding-left: 18px;
  padding-right: 9px; }

.wspace-task-widgets-status-view {
  border-width: 1px;
  border-style: none none none none;
  border-color: #d5d5d5;
  height: 20px;
  padding: 15px 11px 12px 21px;
  background: none;
  margin-bottom: -1px;
  position: relative;
  z-index: 1; }

.wspace-task-widgets-status-view .check {
  border: 1px solid #5489b9;
  display: inline-block;
  cursor: pointer; }

.wspace-task-widgets-status-view .label {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 8px;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #111;
  line-height: 18px;
  line-height: 16px;
  opacity: .87; }

.wspace-task-widgets-status-view button {
  border: none;
  background-color: transparent;
  vertical-align: top;
  cursor: pointer; }

.wspace-task-widgets-status-view .check-wrap {
  float: left;
  cursor: default;
  margin-left: 15px; }

.wspace-task-widgets-status-view .arrow-wrap {
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  float: right;
  margin-left: 6px;
  position: absolute;
  left: 100px;
  top: 15px; }

.wspace-task-settings-bar {
  position: relative;
  padding: 0 0 0 9px;
  border-top: 1px solid #e0e0e0;
  white-space: nowrap; }

.wspace-task-settings-bar_in-progress {
  visibility: hidden; }

.wspace-task-settings-button {
  height: 44px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden; }

.wspace-task-settings-button {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  background-color: transparent;
  height: 36px;
  line-height: 36px;
  margin: 0;
  background-position: 14px -1px;
  background-repeat: no-repeat;
  /*padding-left: 39px;*/
  padding-right: 14px;
  text-shadow: 0 1px 1px #fff; }

.wspace-task-settings-button.x-btn-over, .wspace-task-settings-button.x-btn-focus, .wspace-task-settings-button.x-btn-menu-active {
  background-color: #eee !important;
  color: #414141; }

.wspace-task-settings-button.x-btn-click {
  background-color: #f0f0f0; }

.wspace-task-settings-button.no-text {
  overflow: hidden;
  box-shadow: none;
  padding-right: 0; }

.wspace-task-widgets-author {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  color: #a5a5a5;
  white-space: nowrap;
  text-align: right;
  padding-right: 5px;
  position: relative;
  top: -5px; }

.wspace-task-widgets-author .author-link {
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #386a97;
  cursor: pointer; }

.wspace-task-widgets-author .author-link:hover {
  text-decoration: underline; }

*::-webkit-scrollbar {
  height: 9px;
  width: 9px; }

*::-webkit-scrollbar-thumb {
  background: #d1d2d3; }

*::-webkit-scrollbar-thumb:hover {
  background: #c6c7c8; }

*::-webkit-scrollbar-thumb:active {
  background: #bbbcbd; }

*::-webkit-scrollbar-track {
  background: #eaebec; }

*::-webkit-scrollbar-corner {
  background: #eaebec; }

* {
  scrollbar-base-color: #eaebec;
  scrollbar-shadow-color: #eaebec;
  scrollbar-track-color: #eaebec;
  scrollbar-highlight-color: #eaebec;
  scrollbar-3dlight-color: #eaebec;
  scrollbar-darkshadow-color: #eaebec;
  scrollbar-face-color: #d1d2d3;
  scrollbar-arrow-color: #fff; }

.wrike-button-base, .wrike-button-submit, .wrike-button-advise, .wrike-button-active, .wrike-record-customfields-fieldpropertiestip .wrike-record-customfields-fieldpropertiestip-form .fldshared, .wrike-record-customstatus-workflowmenubutton, .wspace-button-filters, .wspace-button-more, .wspace-button-follow, .wspace-button-mywork, .wspace-button-permalink, .wspace-button-favorite, .wspace-button-close, .wspace-button-account, .wspace-button-createattach, .wspace-button-folder-info, .wspace-button-project-info, .wspace-button-empty-folder, .wspace-button-collapse-grid, .wspace-button-expand-grid, .wspace-button-openexternal, .wspace-button-cross, .wspace-button-share, .wspace-button-delete, .wspace-task-widgets-importance-view, .wspace-list-massactions-view-button-status-C_F44336, .wspace-list-massactions-view-button-status-C_FFFFFF, .wspace-list-massactions-view-button-status-C_E91E63, .wspace-list-massactions-view-button-status-C_9C27B0, .wspace-list-massactions-view-button-status-C_673AB7, .wspace-list-massactions-view-button-status-C_3F51B5, .wspace-list-massactions-view-button-status-C_2196F3, .wspace-list-massactions-view-button-status-C_00BCD4, .wspace-list-massactions-view-button-status-C_009688, .wspace-list-massactions-view-button-status-C_8BC34A, .wspace-list-massactions-view-button-status-C_CDDC39, .wspace-list-massactions-view-button-status-C_FFEB3B, .wspace-list-massactions-view-button-status-C_FF9800, .wspace-list-massactions-view-button-status-C_795548, .wspace-list-massactions-view-button-status-C_9E9E9E, .wspace-list-massactions-view-button-deferred, .wspace-list-massactions-view-button-cancelled, .wspace-list-massactions-view-button-clear-dates, .wspace-list-massactions-view-button-today, .wspace-list-massactions-view-button-tomorrow, .wspace-list-massactions-view-button-this-week, .wspace-list-massactions-view-button-next-week, .wspace_timeLogger_openFormButton, .wspace_timeLogger_submitButton, .wspace-button-slack {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #111;
  height: 25px;
  background-color: #fff;
  border: 1px solid #d1d1d3;
  border-radius: 2px;
  margin: 4px;
  display: table-cell;
  text-decoration: none;
  white-space: nowrap; }

.wrike-button-base.x-btn-focus, .wrike-button-submit.x-btn-focus, .wrike-button-advise.x-btn-focus, .wrike-button-active.x-btn-focus, .wrike-record-customfields-fieldpropertiestip .wrike-record-customfields-fieldpropertiestip-form .fldshared.x-btn-focus, .wrike-record-customstatus-workflowmenubutton.x-btn-focus, .wspace-button-filters.x-btn-focus, .wspace-button-more.x-btn-focus, .wspace-button-follow.x-btn-focus, .wspace-button-mywork.x-btn-focus, .wspace-button-permalink.x-btn-focus, .wspace-button-favorite.x-btn-focus, .wspace-button-close.x-btn-focus, .wspace-button-account.x-btn-focus, .wspace-button-createattach.x-btn-focus, .wspace-button-folder-info.x-btn-focus, .wspace-button-project-info.x-btn-focus, .wspace-button-empty-folder.x-btn-focus, .wspace-button-collapse-grid.x-btn-focus, .wspace-button-expand-grid.x-btn-focus, .wspace-button-openexternal.x-btn-focus, .wspace-button-cross.x-btn-focus, .wspace-button-share.x-btn-focus, .wspace-button-delete.x-btn-focus, .wspace-task-widgets-importance-view.x-btn-focus, .wspace-list-massactions-view-button-status-C_F44336.x-btn-focus, .wspace-list-massactions-view-button-status-C_FFFFFF.x-btn-focus, .wspace-list-massactions-view-button-status-C_E91E63.x-btn-focus, .wspace-list-massactions-view-button-status-C_9C27B0.x-btn-focus, .wspace-list-massactions-view-button-status-C_673AB7.x-btn-focus, .wspace-list-massactions-view-button-status-C_3F51B5.x-btn-focus, .wspace-list-massactions-view-button-status-C_2196F3.x-btn-focus, .wspace-list-massactions-view-button-status-C_00BCD4.x-btn-focus, .wspace-list-massactions-view-button-status-C_009688.x-btn-focus, .wspace-list-massactions-view-button-status-C_8BC34A.x-btn-focus, .wspace-list-massactions-view-button-status-C_CDDC39.x-btn-focus, .wspace-list-massactions-view-button-status-C_FFEB3B.x-btn-focus, .wspace-list-massactions-view-button-status-C_FF9800.x-btn-focus, .wspace-list-massactions-view-button-status-C_795548.x-btn-focus, .wspace-list-massactions-view-button-status-C_9E9E9E.x-btn-focus, .wspace-list-massactions-view-button-deferred.x-btn-focus, .wspace-list-massactions-view-button-cancelled.x-btn-focus, .wspace-list-massactions-view-button-clear-dates.x-btn-focus, .wspace-list-massactions-view-button-today.x-btn-focus, .wspace-list-massactions-view-button-tomorrow.x-btn-focus, .wspace-list-massactions-view-button-this-week.x-btn-focus, .wspace-list-massactions-view-button-next-week.x-btn-focus, .wspace_timeLogger_openFormButton.x-btn-focus, .wspace_timeLogger_submitButton.x-btn-focus, .wspace-button-slack.x-btn-focus, .wrike-button-base.x-btn-over, .wrike-button-submit.x-btn-over, .wrike-button-advise.x-btn-over, .wrike-button-active.x-btn-over, .wrike-record-customfields-fieldpropertiestip .wrike-record-customfields-fieldpropertiestip-form .fldshared.x-btn-over, .wrike-record-customstatus-workflowmenubutton.x-btn-over, .wspace-button-filters.x-btn-over, .wspace-button-more.x-btn-over, .wspace-button-follow.x-btn-over, .wspace-button-mywork.x-btn-over, .wspace-button-permalink.x-btn-over, .wspace-button-favorite.x-btn-over, .wspace-button-close.x-btn-over, .wspace-button-account.x-btn-over, .wspace-button-createattach.x-btn-over, .wspace-button-folder-info.x-btn-over, .wspace-button-project-info.x-btn-over, .wspace-button-empty-folder.x-btn-over, .wspace-button-collapse-grid.x-btn-over, .wspace-button-expand-grid.x-btn-over, .wspace-button-openexternal.x-btn-over, .wspace-button-cross.x-btn-over, .wspace-button-share.x-btn-over, .wspace-button-delete.x-btn-over, .wspace-task-widgets-importance-view.x-btn-over, .wspace-list-massactions-view-button-status-C_F44336.x-btn-over, .wspace-list-massactions-view-button-status-C_FFFFFF.x-btn-over, .wspace-list-massactions-view-button-status-C_E91E63.x-btn-over, .wspace-list-massactions-view-button-status-C_9C27B0.x-btn-over, .wspace-list-massactions-view-button-status-C_673AB7.x-btn-over, .wspace-list-massactions-view-button-status-C_3F51B5.x-btn-over, .wspace-list-massactions-view-button-status-C_2196F3.x-btn-over, .wspace-list-massactions-view-button-status-C_00BCD4.x-btn-over, .wspace-list-massactions-view-button-status-C_009688.x-btn-over, .wspace-list-massactions-view-button-status-C_8BC34A.x-btn-over, .wspace-list-massactions-view-button-status-C_CDDC39.x-btn-over, .wspace-list-massactions-view-button-status-C_FFEB3B.x-btn-over, .wspace-list-massactions-view-button-status-C_FF9800.x-btn-over, .wspace-list-massactions-view-button-status-C_795548.x-btn-over, .wspace-list-massactions-view-button-status-C_9E9E9E.x-btn-over, .wspace-list-massactions-view-button-deferred.x-btn-over, .wspace-list-massactions-view-button-cancelled.x-btn-over, .wspace-list-massactions-view-button-clear-dates.x-btn-over, .wspace-list-massactions-view-button-today.x-btn-over, .wspace-list-massactions-view-button-tomorrow.x-btn-over, .wspace-list-massactions-view-button-this-week.x-btn-over, .wspace-list-massactions-view-button-next-week.x-btn-over, .wspace_timeLogger_openFormButton.x-btn-over, .wspace_timeLogger_submitButton.x-btn-over, .wspace-button-slack.x-btn-over, .wspace-button-slack:hover {
  border-color: #afafaf;
  outline: none;
  text-decoration: none;
  background-color: #f9f9f9; }

.wrike-button-base.x-btn-menu-active, .wrike-button-submit.x-btn-menu-active, .wrike-button-advise.x-btn-menu-active, .wrike-button-active.x-btn-menu-active, .wrike-record-customfields-fieldpropertiestip .wrike-record-customfields-fieldpropertiestip-form .fldshared.x-btn-menu-active, .wrike-record-customstatus-workflowmenubutton.x-btn-menu-active, .wspace-button-filters.x-btn-menu-active, .wspace-button-more.x-btn-menu-active, .wspace-button-follow.x-btn-menu-active, .wspace-button-mywork.x-btn-menu-active, .wspace-button-permalink.x-btn-menu-active, .wspace-button-favorite.x-btn-menu-active, .wspace-button-close.x-btn-menu-active, .wspace-button-account.x-btn-menu-active, .wspace-button-createattach.x-btn-menu-active, .wspace-button-folder-info.x-btn-menu-active, .wspace-button-project-info.x-btn-menu-active, .wspace-button-empty-folder.x-btn-menu-active, .wspace-button-collapse-grid.x-btn-menu-active, .wspace-button-expand-grid.x-btn-menu-active, .wspace-button-openexternal.x-btn-menu-active, .wspace-button-cross.x-btn-menu-active, .wspace-button-share.x-btn-menu-active, .wspace-button-delete.x-btn-menu-active, .wspace-task-widgets-importance-view.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_F44336.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_FFFFFF.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_E91E63.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_9C27B0.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_673AB7.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_3F51B5.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_2196F3.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_00BCD4.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_009688.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_8BC34A.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_CDDC39.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_FFEB3B.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_FF9800.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_795548.x-btn-menu-active, .wspace-list-massactions-view-button-status-C_9E9E9E.x-btn-menu-active, .wspace-list-massactions-view-button-deferred.x-btn-menu-active, .wspace-list-massactions-view-button-cancelled.x-btn-menu-active, .wspace-list-massactions-view-button-clear-dates.x-btn-menu-active, .wspace-list-massactions-view-button-today.x-btn-menu-active, .wspace-list-massactions-view-button-tomorrow.x-btn-menu-active, .wspace-list-massactions-view-button-this-week.x-btn-menu-active, .wspace-list-massactions-view-button-next-week.x-btn-menu-active, .wspace_timeLogger_openFormButton.x-btn-menu-active, .wspace_timeLogger_submitButton.x-btn-menu-active, .wspace-button-slack.x-btn-menu-active, .wrike-button-base.x-btn-pressed, .wrike-button-submit.x-btn-pressed, .wrike-button-advise.x-btn-pressed, .wrike-button-active.x-btn-pressed, .wrike-record-customfields-fieldpropertiestip .wrike-record-customfields-fieldpropertiestip-form .fldshared.x-btn-pressed, .wrike-record-customstatus-workflowmenubutton.x-btn-pressed, .wspace-button-filters.x-btn-pressed, .wspace-button-more.x-btn-pressed, .wspace-button-follow.x-btn-pressed, .wspace-button-mywork.x-btn-pressed, .wspace-button-permalink.x-btn-pressed, .wspace-button-favorite.x-btn-pressed, .wspace-button-close.x-btn-pressed, .wspace-button-account.x-btn-pressed, .wspace-button-createattach.x-btn-pressed, .wspace-button-folder-info.x-btn-pressed, .wspace-button-project-info.x-btn-pressed, .wspace-button-empty-folder.x-btn-pressed, .wspace-button-collapse-grid.x-btn-pressed, .wspace-button-expand-grid.x-btn-pressed, .wspace-button-openexternal.x-btn-pressed, .wspace-button-cross.x-btn-pressed, .wspace-button-share.x-btn-pressed, .wspace-button-delete.x-btn-pressed, .wspace-task-widgets-importance-view.x-btn-pressed, .wspace-list-massactions-view-button-status-C_F44336.x-btn-pressed, .wspace-list-massactions-view-button-status-C_FFFFFF.x-btn-pressed, .wspace-list-massactions-view-button-status-C_E91E63.x-btn-pressed, .wspace-list-massactions-view-button-status-C_9C27B0.x-btn-pressed, .wspace-list-massactions-view-button-status-C_673AB7.x-btn-pressed, .wspace-list-massactions-view-button-status-C_3F51B5.x-btn-pressed, .wspace-list-massactions-view-button-status-C_2196F3.x-btn-pressed, .wspace-list-massactions-view-button-status-C_00BCD4.x-btn-pressed, .wspace-list-massactions-view-button-status-C_009688.x-btn-pressed, .wspace-list-massactions-view-button-status-C_8BC34A.x-btn-pressed, .wspace-list-massactions-view-button-status-C_CDDC39.x-btn-pressed, .wspace-list-massactions-view-button-status-C_FFEB3B.x-btn-pressed, .wspace-list-massactions-view-button-status-C_FF9800.x-btn-pressed, .wspace-list-massactions-view-button-status-C_795548.x-btn-pressed, .wspace-list-massactions-view-button-status-C_9E9E9E.x-btn-pressed, .wspace-list-massactions-view-button-deferred.x-btn-pressed, .wspace-list-massactions-view-button-cancelled.x-btn-pressed, .wspace-list-massactions-view-button-clear-dates.x-btn-pressed, .wspace-list-massactions-view-button-today.x-btn-pressed, .wspace-list-massactions-view-button-tomorrow.x-btn-pressed, .wspace-list-massactions-view-button-this-week.x-btn-pressed, .wspace-list-massactions-view-button-next-week.x-btn-pressed, .wspace_timeLogger_openFormButton.x-btn-pressed, .wspace_timeLogger_submitButton.x-btn-pressed, .wspace-button-slack.x-btn-pressed, .wspace-button-slack:active, .wspace-button-slack.wrike-button-checked {
  color: #5285b8; }

.wrike-button-base.x-btn-pressed, .wrike-button-submit.x-btn-pressed, .wrike-button-advise.x-btn-pressed, .wrike-button-active.x-btn-pressed, .wrike-record-customfields-fieldpropertiestip .wrike-record-customfields-fieldpropertiestip-form .fldshared.x-btn-pressed, .wrike-record-customstatus-workflowmenubutton.x-btn-pressed, .wspace-button-filters.x-btn-pressed, .wspace-button-more.x-btn-pressed, .wspace-button-follow.x-btn-pressed, .wspace-button-mywork.x-btn-pressed, .wspace-button-permalink.x-btn-pressed, .wspace-button-favorite.x-btn-pressed, .wspace-button-close.x-btn-pressed, .wspace-button-account.x-btn-pressed, .wspace-button-createattach.x-btn-pressed, .wspace-button-folder-info.x-btn-pressed, .wspace-button-project-info.x-btn-pressed, .wspace-button-empty-folder.x-btn-pressed, .wspace-button-collapse-grid.x-btn-pressed, .wspace-button-expand-grid.x-btn-pressed, .wspace-button-openexternal.x-btn-pressed, .wspace-button-cross.x-btn-pressed, .wspace-button-share.x-btn-pressed, .wspace-button-delete.x-btn-pressed, .wspace-task-widgets-importance-view.x-btn-pressed, .wspace-list-massactions-view-button-status-C_F44336.x-btn-pressed, .wspace-list-massactions-view-button-status-C_FFFFFF.x-btn-pressed, .wspace-list-massactions-view-button-status-C_E91E63.x-btn-pressed, .wspace-list-massactions-view-button-status-C_9C27B0.x-btn-pressed, .wspace-list-massactions-view-button-status-C_673AB7.x-btn-pressed, .wspace-list-massactions-view-button-status-C_3F51B5.x-btn-pressed, .wspace-list-massactions-view-button-status-C_2196F3.x-btn-pressed, .wspace-list-massactions-view-button-status-C_00BCD4.x-btn-pressed, .wspace-list-massactions-view-button-status-C_009688.x-btn-pressed, .wspace-list-massactions-view-button-status-C_8BC34A.x-btn-pressed, .wspace-list-massactions-view-button-status-C_CDDC39.x-btn-pressed, .wspace-list-massactions-view-button-status-C_FFEB3B.x-btn-pressed, .wspace-list-massactions-view-button-status-C_FF9800.x-btn-pressed, .wspace-list-massactions-view-button-status-C_795548.x-btn-pressed, .wspace-list-massactions-view-button-status-C_9E9E9E.x-btn-pressed, .wspace-list-massactions-view-button-deferred.x-btn-pressed, .wspace-list-massactions-view-button-cancelled.x-btn-pressed, .wspace-list-massactions-view-button-clear-dates.x-btn-pressed, .wspace-list-massactions-view-button-today.x-btn-pressed, .wspace-list-massactions-view-button-tomorrow.x-btn-pressed, .wspace-list-massactions-view-button-this-week.x-btn-pressed, .wspace-list-massactions-view-button-next-week.x-btn-pressed, .wspace_timeLogger_openFormButton.x-btn-pressed, .wspace_timeLogger_submitButton.x-btn-pressed, .wspace-button-slack.x-btn-pressed, .wspace-button-slack:active, .wspace-button-slack.wrike-button-checked {
  background-color: #e9eff5; }

.wrike-button-base.x-item-disabled, .wrike-button-submit.x-item-disabled, .wrike-button-advise.x-item-disabled, .wrike-button-active.x-item-disabled, .wrike-record-customfields-fieldpropertiestip .wrike-record-customfields-fieldpropertiestip-form .fldshared.x-item-disabled, .wrike-record-customstatus-workflowmenubutton.x-item-disabled, .wspace-button-filters.x-item-disabled, .wspace-button-more.x-item-disabled, .wspace-button-follow.x-item-disabled, .wspace-button-mywork.x-item-disabled, .wspace-button-permalink.x-item-disabled, .wspace-button-favorite.x-item-disabled, .wspace-button-close.x-item-disabled, .wspace-button-account.x-item-disabled, .wspace-button-createattach.x-item-disabled, .wspace-button-folder-info.x-item-disabled, .wspace-button-project-info.x-item-disabled, .wspace-button-empty-folder.x-item-disabled, .wspace-button-collapse-grid.x-item-disabled, .wspace-button-expand-grid.x-item-disabled, .wspace-button-openexternal.x-item-disabled, .wspace-button-cross.x-item-disabled, .wspace-button-share.x-item-disabled, .wspace-button-delete.x-item-disabled, .wspace-task-widgets-importance-view.x-item-disabled, .wspace-list-massactions-view-button-status-C_F44336.x-item-disabled, .wspace-list-massactions-view-button-status-C_FFFFFF.x-item-disabled, .wspace-list-massactions-view-button-status-C_E91E63.x-item-disabled, .wspace-list-massactions-view-button-status-C_9C27B0.x-item-disabled, .wspace-list-massactions-view-button-status-C_673AB7.x-item-disabled, .wspace-list-massactions-view-button-status-C_3F51B5.x-item-disabled, .wspace-list-massactions-view-button-status-C_2196F3.x-item-disabled, .wspace-list-massactions-view-button-status-C_00BCD4.x-item-disabled, .wspace-list-massactions-view-button-status-C_009688.x-item-disabled, .wspace-list-massactions-view-button-status-C_8BC34A.x-item-disabled, .wspace-list-massactions-view-button-status-C_CDDC39.x-item-disabled, .wspace-list-massactions-view-button-status-C_FFEB3B.x-item-disabled, .wspace-list-massactions-view-button-status-C_FF9800.x-item-disabled, .wspace-list-massactions-view-button-status-C_795548.x-item-disabled, .wspace-list-massactions-view-button-status-C_9E9E9E.x-item-disabled, .wspace-list-massactions-view-button-deferred.x-item-disabled, .wspace-list-massactions-view-button-cancelled.x-item-disabled, .wspace-list-massactions-view-button-clear-dates.x-item-disabled, .wspace-list-massactions-view-button-today.x-item-disabled, .wspace-list-massactions-view-button-tomorrow.x-item-disabled, .wspace-list-massactions-view-button-this-week.x-item-disabled, .wspace-list-massactions-view-button-next-week.x-item-disabled, .wspace_timeLogger_openFormButton.x-item-disabled, .wspace_timeLogger_submitButton.x-item-disabled, .wspace-button-slack.x-item-disabled {
  opacity: .33; }

.wrike-button, .wrike-button-base, .wrike-button-submit, .wrike-button-advise, .wrike-button-active, .wrike-button-link, .wrike-button-icon, .wrike-button-close, .x-tool-close, .wrike-button-close-red, .wrike-button-edit, .wrike-button-maximize, .wrike-button-minimize, .wrike-field-button, .wrike-field-buttonSearch, .wrike-field-buttonClear, .wspace-tree-title, .wspace-tree-title-forest, .wspace-tree-title-root, .wspace-tree-foldButton, .wspace-tree-color, .wspace-tree-color-red, .wspace-tree-color-brown, .wspace-tree-color-blue, .wspace-tree-color-purple, .wspace-tree-color-cyan, .wspace-tree-color-black, .wspace-tree-marker, .wspace-tree-plate-button, .wspace-tree-streamButton, .wspace-tree-searchButton, .wspace-tree-dashConfigButton, .wrike-record-customfields-fieldpropertiestip .wrike-record-customfields-fieldpropertiestip-form .fldshared, .wrike-record-customstatus-workflowmenubutton, .wrike-contacts-groupeduserpicker-actionspanel .link-button, .wrike-contacts-groupeduserpicker-permactionspanel .link-button, .wrike-contacts-groupeduserpicker-permissionview .user-item .col-email .group-users-change, .wrike-contacts-groupeduserpicker-permissionview .user-item .col-action .permission-level, .wrike_header_button, .wrike_timePicker_increaser, .wrike_timePicker_decreaser, .wspace-button-filters, .wspace-button-more, .wspace-button-follow, .wspace-button-mywork, .wspace-button-permalink, .wspace-button-favorite, .wspace-button-close, .wspace-button-account, .wspace-button-createattach, .wspace-button-folder-info, .wspace-button-project-info, .wspace-button-empty-folder, .wspace-button-collapse-grid, .wspace-button-expand-grid, .wspace-button-openexternal, .wspace-button-descendants, .wspace-button-add, .wspace-button-cross, .wspace-button-share, .wspace-button-delete, .wspace-tag-ct-removable .wspace-tag-remover, .wspace-list-overview-view-text .wspace-list-overview-view-mobile-link-google, .wspace-list-overview-view-text .wspace-list-overview-view-mobile-link-apple, .wrike-shareeditor-userlist-view .btn-add, .wspace-timeline2-snapshot-button, .wspace-task-settings-button, .wspace-task-widgets-importance-view, .wspace-list-massactions-view-button-status-C_F44336, .wspace-list-massactions-view-button-status-C_FFFFFF, .wspace-list-massactions-view-button-status-C_E91E63, .wspace-list-massactions-view-button-status-C_9C27B0, .wspace-list-massactions-view-button-status-C_673AB7, .wspace-list-massactions-view-button-status-C_3F51B5, .wspace-list-massactions-view-button-status-C_2196F3, .wspace-list-massactions-view-button-status-C_00BCD4, .wspace-list-massactions-view-button-status-C_009688, .wspace-list-massactions-view-button-status-C_8BC34A, .wspace-list-massactions-view-button-status-C_CDDC39, .wspace-list-massactions-view-button-status-C_FFEB3B, .wspace-list-massactions-view-button-status-C_FF9800, .wspace-list-massactions-view-button-status-C_795548, .wspace-list-massactions-view-button-status-C_9E9E9E, .wspace-list-massactions-view-button-expand, .wspace-list-massactions-view-button-deferred, .wspace-list-massactions-view-button-cancelled, .wspace-list-massactions-view-button-clear-dates, .wspace-list-massactions-view-button-today, .wspace-list-massactions-view-button-tomorrow, .wspace-list-massactions-view-button-this-week, .wspace-list-massactions-view-button-next-week, .wspace_timeLogger_openFormButton, .wspace_timeLogger_submitButton, .wspace_timeLogger_loggedInfo, .wspace-user-signupdetails-field .wrike-field-buttonInvalid, .dpu .wspace-navigation-view .wspace-tree-title, .wspace_timeTrackerPanel_expander, .wspace_timeTrackerPanel_taskPlay, .wspace_timeTrackerPanel_taskCurrentPlay, .wspace_timeTrackerPanel_taskCurrentPause, .wspace_timeTrackerPanel_taskTitle, .wspace_timeTrackerPanel_taskCurrentTitle, .wspace_header_buttonAdd:not(.new_entrypoint), .wspace_header_buttonAdd.new_entrypoint, .wspace_header_buttonListView, .wspace_header_buttonTimeLog, .wspace_header_buttonStreamView, .wspace_header_buttonTimeLineView, .wspace_header_buttonTableView, .wspace_header_buttonResourceView, .wspace_header_buttonTimelog, .wspace_header_buttonInfoView, .wspace_header_buttonReportsView, .wspace-button-slack {
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: inherit;
  outline: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer; }

.wspace-task-widgets-title-view {
  padding-right: 18px; }

.wspace-task-widgets-title-view textarea {
  vertical-align: top;
  width: 100%; }

.wspace-task-widgets-assignees-dataview {
  display: inline;
  vertical-align: top;
  float: left; }

.wspace-task-widgets-assignees-dataview .assignee {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  color: #504f4f;
  line-height: 18px;
  font-weight: normal;
  color: #504f4f;
  display: inline-block;
  vertical-align: top;
  padding: 6px 0 6px;
  height: 27px;
  line-height: 27px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.wspace-task-widgets-assignees-dataview .assignee .name {
  padding-left: 9px; }

.wspace-task-widgets-assignees-dataview .assignee img {
  width: 27px;
  height: 27px;
  float: left; }

.wspace-task-widgets-assignees-dataview .assignee .remove {
  position: absolute;
  top: 7px;
  right: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  border-radius: 2px;
  background: url(/images/wrike/release.sprite.png) 0px -8208px no-repeat #818181;
  display: none; }

.wspace-task-widgets-assignees-dataview .assignee:hover .remove {
  display: block; }

.wspace-task-widgets-assignees-dataview .assignee .remove:hover {
  background-color: #64676c; }

.wspace-task-widgets-assignees {
  display: inline;
  min-height: 36px; }

.wspace-task-widgets-attachments-button {
  background: url(/images/wrike/release.sprite.png) 0px -14113px no-repeat;
  /* display: inline-block; */
  padding-left: 18px;
  height: 16px; }

.x-hide-display {
  display: none !important; }

.w4-tasklist-task-author {
  width: 27px;
  height: 27px; }

.x-form-field {
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  color: #111; }

.x-form-text, textarea.x-form-field, .x-form-field-wrap {
  background-color: #fff;
  border-color: #d1d1d3;
  padding: 0 8px;
  border-radius: 2px; }

.x-form-field {
  margin: 0 0 0 0; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 8px;
  padding-left: 8px; }

/*.x-form-text, textarea.x-form-field, .x-form-field-wrap {
    padding: 1px 3px;
    background: repeat-x 0 0;
    border: 1px solid #d1d1d3;
}*/
.active {
  background-color: #f1f1f1;
  border: 1px solid #ddd;
  border-bottom: none; }

.redtext {
  color: red;
  font-weight: bold;
  background-color: #f1f1f1; }

.btn.focus, .btn:focus, .btn:hover {
  color: red;
  text-decoration: none; }

table tbody tr th {
  font-weight: normal; }

table tr th {
  vertical-align: middle !important; }

table tr th label {
  margin: 0px !important; }

.active {
  border: none #ddd }

.table > tbody + tbody {
  border: 1px solid #ddd; }

.tableselect {
  background-color: #a8c6ed; }

.hor-zebra th {
  background-color: #a8c6ed;
  border: none; }

.hor-zebra td {
  border: none;
  border-bottom: 1px solid #f1f1f1; }

.taomoivb span:hover {
  background: none; }

.fileContainer {
  overflow: hidden;
  position: relative; }

.fileContainer [type=file] {
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0; }

.fileContainer {
  border: 1px solid #CCC;
  margin-bottom: 0px;
  background: #fff;
  border-radius: 5px;
  float: left;
  padding: 5px 28px; }

.fileContainer [type=file] {
  cursor: pointer; }

.action-tree {
  float: right;
  cursor: pointer;
  margin-right: 10px; }

.k-upload-button {
  width: 200px !important; }

.k-dropzone {
  padding: 0px !important; }

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all.custom-ac {
  background: #fff;
  z-index: 1; }

.nkcv-useritem {
  padding: 4px;
  border-top: solid 1px #dedede;
  cursor: pointer;
  float: left;
  width: 100%; }

.nkcv-timeleft {
  float: left;
  margin-left: 15px; }

.nkcv-tenuser {
  position: relative;
  display: block;
  padding: 10px 5px 10px 5px;
  background: #0066b1;
  text-align: center; }

.nkcv-tenuser span {
  color: #fff;
  font-size: 24px; }

.nkcv-pbname {
  font-style: italic;
  font-size: 14px; }

.nkcv-quickrate {
  text-align: center; }

.nkcv-percent {
  border-radius: 5px;
  margin-left: 10px;
  background: #0066b1;
  color: #fff;
  cursor: pointer;
  line-height: 40px; }

.nkcv-content {
  padding: 0px 5px; }

.nkcv-content textarea {
  font-size: 16px; }

.nkcv-content .item-input {
  padding: 0px; }

.nkcv-mucdo span {
  margin-left: 5px; }

.nkcv-kehoach span {
  margin-left: 5px; }

.schedule-detail a {
  cursor: pointer;
  float: left; }

/*nhận xét nkcv*/
.nkcv-item {
  float: left;
  width: 100%;
  text-align: justify;
  padding-top: 10px;
  cursor: pointer; }

.nkcv-item-cha {
  width: 100%;
  float: left; }

.nkcv-item .icon {
  padding-right: 15px;
  height: 35px;
  float: left;
  position: relative; }

.nkcv-item .usname {
  font-weight: bold;
  margin-right: 5px;
  color: #0066b1;
  float: left;
  text-align: left; }

.nkcv-item .date-post {
  font-style: italic;
  font-size: 14px;
  color: #808080;
  float: right; }

.nkcv-itemcontent {
  float: left;
  width: auto;
  margin-right: 45px;
  padding: 5px 8px 6px;
  background: #f1f0f0;
  border-radius: 12px; }

.nkcv-noidung {
  width: 100%;
  float: left;
  white-space: pre-wrap; }

.nkcv-listfile {
  width: 100%;
  float: left; }

.nkcv-mycmt .nkcv-itemcontent {
  float: right;
  width: auto;
  margin-left: 45px;
  margin-right: 0px;
  padding: 5px 8px 6px;
  border-radius: 12px;
  background: #4080ff; }

.nkcv-mycmt p {
  color: #fff; }

.file-nkcv {
  float: left;
  margin: 30px 5px 5px 5px; }

.file-action {
  cursor: pointer;
  padding: 5px; }

.file-action a {
  padding: 8px;
  color: #000;
  width: 100%;
  display: flex; }

.file-nkcv .file-action {
  display: block; }

.file-nkcv-mycmt {
  float: right;
  margin: 30px 5px 5px 5px; }

.nkcv-chatform {
  position: fixed;
  bottom: 0px;
  z-index: 1;
  width: 100%;
  left: 0px;
  border-top: 1px solid #ddd;
  padding: 3px;
  background: #fff; }

.nkcv-chaticon {
  position: fixed;
  right: 0px;
  bottom: 5px; }

.nkcv-chattext textarea {
  float: left;
  width: 100%; }

.nkcv-btn {
  font-size: 25px;
  text-align: center;
  width: 40px;
  height: 40px;
  float: right;
  color: #0066b1;
  cursor: pointer; }

.nkcv-icontencv {
  width: 26px;
  height: 26px;
  background: url(/mobile/img/ic_file.png) no-repeat;
  margin-top: 10px;
  float: left; }

.nkcv-icontimekh {
  width: 26px;
  height: 26px;
  background: url(/mobile/img/ic_status.png) no-repeat;
  margin-top: 6px;
  float: left; }

.nkcv-icontimeth {
  width: 26px;
  height: 26px;
  background: url(/mobile/img/ic_time.png) no-repeat;
  margin-top: 8px;
  float: left; }

.nkcv-iconcheckcv {
  width: 40px;
  height: 40px;
  background: url(/mobile/img/ic_check.png) no-repeat 6px 12px;
  float: left; }

.nkcv-selected {
  background: #d3d3d3; }

.nkcv-addprject {
  text-align: center;
  padding: 6px;
  color: #0066b1;
  cursor: pointer; }

/*# sourceMappingURL=aceo.css.map */
/*TuanNA 18042020*/
.comment-item {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.comment-content {
    white-space: normal;
    text-align: justify;
    padding-left: 36px;
    padding-right: 10px;
}

.filerow-container {
    padding-left: 40px;
    padding-right: 40px;
}

.filerow-item {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    -webkit-user-modify: read-only;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.filerow-button {
    flex-grow: 0;
    width: 44px;
    text-align: center;
    white-space: normal;
    margin: auto;
    cursor: pointer;
}

/*ADVANCE SEARCH*/
.flexcont-col {
    list-style: none;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: column;
}

.flexcont-row {
    list-style: none;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
}

.flexcont-files {
    list-style: none;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    margin-left: 44px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.advsearch-item {
   /* border: 1px solid white;*/
    /* margin-top: 10px;*/
    margin-left: 10px;
    color: black;
    font-size: 13px;
    /*text-align: center;*/
}
.advsearch-datetime {
   /* border: 1px solid white;*/
    /* margin-top: 10px;*/
    margin-left: 10px;
    color: black;
    font-size: 12px;
    /*text-align: center;*/
}
/*.flexcont-search-files {
    border: 1px solid red;
  
    margin-top: 10px;
    color: black;
    font-size: 14px;
    text-align: center;
     margin-left: 54px;
    
}*/
.advsearch-workcontent {
    margin-left: 54px;
    cursor: pointer;
}
.advsearch-comment {
    margin-left: 44px;
    cursor: pointer;
}
.advsearch-worktitle {
    background-color: gainsboro;
    border-radius: 6px;
    cursor: pointer;
    min-height: 32px;
}
.btn-fab-mainreply {
    right: 40px;
    bottom: 75px;
    height: 56px;
    width: 56px;
    position: absolute;
    top: auto;
    background-color: #0066b1;
    border-radius: 50%;
    border: initial;
    z-index:99999;
}
.icon-fab-mainreply{
    color:white;
    font-size:x-large;
}


.div-main-search-1 {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.div-main-search-1-1 {
    width: 44px;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    /* background-color: #ccc;*/
}

.div-main-search-1-1-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.div-main-search-1-2 {
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    flex-shrink: 1;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0px;
}

.div-main-search-1-2-1 {
    width: 100%;
    padding: 10px 0px 4px 0px;
}

.div-main-search-1-2-1-1 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*background-color: #ddd;*/
}

.div-main-search-1-2-2 {
    width: 100%;
    padding: 0 0 10px 0;
    /*background-color: #eee;*/
    font-size: 11px;
    font-style: italic;
}

.modal-notifications {
    height: 100vh;
    width: 100vw;
    position: fixed;
}

    .modal-notifications .modal-dialog {
        z-index: 11;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        margin: 0;
    }

    .modal-notifications .modal-content {
        border-radius: 0;
        background-color: transparent;
    }

    .modal-notifications .modal-header {
        background-color: #55597a !important;
        color: #fff !important;
        padding: 4px 0 4px 16px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

        .modal-notifications .modal-header .modal-close {
            color: #fff;
            opacity: 1;
            font-size: 24px;
            padding: 4px 12px;
            margin: -4px 0 0 0;
        }

        .modal-notifications .modal-header .modal-title {
            font-size: 16px;
            font-weight: bold;
        }

    .modal-notifications .modal-body {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        background-color: #fff;
        position: relative;
        padding: 16px 10px 4px;
    }

    .modal-notifications .modal-body-img {
        text-align: center;
    }

        .modal-notifications .modal-body-img img {
            width: 60px;
        }

    .modal-notifications .modal-body-label-style-1 {
        color: #55597a !important;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        padding: 12px 0;
    }

    .modal-notifications .modal-body-label-style-2 {
        font-weight: bold;
        padding: 6px;
    }

    .modal-notifications .modal-body-label-style-3 {
        font-weight: bold;
        padding: 6px;
        color: #0089ff;
        cursor: pointer;
    }

    .modal-notifications .modal-body-ul-style-1 {
        list-style: decimal;
        padding: revert;
    }

    .modal-notifications .modal-body-ul-style-2 {
        list-style: lower-alpha;
        padding: revert;
    }

    .modal-notifications .modal-body-btn-style {
        text-align: right;
        padding: 6px 0 0 0;
    }

.modal-body-more-style-1 {
    display: none;
}

.modal-body-more-style-2 {
    display: block;
    height: 150px;
    overflow: auto;
}

.modal-notifications .modal-body-btn-style-1 {
    padding: 6px 24px;
    background-color: #f8d26f;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
}