.no-padding {
  padding: 0 !important;
}

.bg-white {
  background-color: white;
}

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left !important;
}

.mb-0 {
  margin-bottom: 0;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

a {
  color: #4d7cfe;
}

.width-360 {
  width: 360px !important;
  max-width: 100%;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 15px;
}

.font-11 {
  font-size: 11px;
}

.font-12 {
  font-size: 12px;
}

.font-13 {
  font-size: 13px;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.text-primary {
  color: #ffba00 !important;
}

.text-dark {
  color: #252631 !important;
}

body {
  color: #252631;
}

.text-blue-light {
  color: #98a9bc !important;
}

.text-warning {
  color: #ffba00 !important;
}

.text-success {
  color: #6dd230 !important;
}

.text-danger {
  color: #d0021b !important;
}

.text-info {
  color: #4d7cfe !important;
}

.show-display {
  display: block;
  animation: fade_in_show 0.5s;
}

.hidden-display {
  display: none;
}

@keyframes fade_in_show {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.ant-typography {
  color: #1b1e24;
}

.required-asterisk {
  margin-top: -8px;
  margin-left: 2px;
  color: #d0021b !important;
  font-size: 8px;
}

.ant-badge-count {
  min-width: 14px;
  padding: 0 3px;
}

.ant-table thead > tr > th {
  font-weight: 400;
}

table th.ant-table-cell .la.la-exchange {
  transform: rotate(90deg);
  padding-left: 0;
}

.ant-table thead > tr > th .sort {
  cursor: pointer;
}

.ant-list-pagination {
  margin-top: 40px;
}

.ant-list .ant-pagination {
  text-align: center;
  margin-bottom: 40px;
}

.ant-pagination-prev {
  width: 60px;
  margin-right: 20px;
}

.ant-pagination-prev .ant-pagination-item-link {
  border: none;
}

.ant-pagination-next {
  width: 60px;
  margin-left: 20px;
}

.ant-pagination-next .ant-pagination-item-link {
  border: none;
}

.ant-pagination-prev:before {
  content: 'Prev';
  float: right;
  font-size: 14px;
  letter-spacing: 0;
  color: #778ca2;
  font: 400 14px/17px Rubik;
  margin-top: 13px;
}

.ant-pagination-next:before {
  content: 'Next';
  float: left;
  font-size: 14px;
  letter-spacing: 0;
  color: #778ca2;
  font: 400 14px/17px Rubik;
  margin-top: 13px;
}

.ant-table-pagination.ant-pagination {
  float: none;
  text-align: center;
  padding-top: 38px;
  background: #ffffff;
  padding-bottom: 40px;
  margin-top: 0;
  margin-bottom: 0;
}

.ant-pagination-item-active a {
  letter-spacing: 0.21px;
  color: #ffffff;
  font: 500 14px/32px Rubik;
}

.ant-pagination-item a {
  border: none !important;
  font: 500 14px/32px Rubik;
  margin-top: 5px;
}

.ant-pagination-item {
  border: none;
}

.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #ffffff;
}

.anticon-search svg {
  margin-top: 6px;
  width: 18px;
  height: 18px;
  color: #252631;
}

.ant-table-cell p {
  margin-bottom: 0;
}

.ant-btn-lg {
  font-size: 14px;
}

.ant-select-lg,
.ant-input {
  color: #1b1e24;
  font-size: 14px;
}

.ant-select-selection-placeholder,
.input::placeholder {
  color: #98a9bc !important;
  font-size: 14px;
  opacity: 1;
}

.ant-select-selection-placeholder {
  font-weight: normal;
  color: #1b1e24;
}

.ant-input-search {
  height: 52px;
}

span.ant-input-search {
  padding-left: 16px;
}

.ant-list-items {
  background: #ffffff;
}

.ant-list-items .ant-list-item {
  padding: 20px 10px;
}

.ant-list-items .ant-list-item .ant-list-item-meta-title {
  margin-top: 6px;
}

.txt-bold {
  font-weight: 600;
  color: #000000;
}

.ant-card-body {
  padding: 5px 25px 0;
}

.ant-btn-primary {
  height: 46px;
}

@media only screen and (min-width: 1200px) {
  .ant-btn-primary {
    padding-left: 28px;
    padding-right: 28px;
  }
}

.btn-danger {
  background-color: #d0021b;
  border-color: #d0021b;
}

.btn-danger:hover {
  background-color: #e9021e;
  border-color: #e9021e;
}

.btn-blue {
  background-color: #4d7cfe;
  border-color: #4d7cfe;
}

.btn-blue:focus,
.btn-blue:hover {
  background-color: #668ffe;
  border-color: #668ffe;
}

.group-button .ant-btn-primary {
  margin-right: 10px;
}

/* .la,
.svg-inline--fa {
  color: #778ca2;
} */

.ant-tag {
  padding: 0px 10px;
  font: 400 14px Rubik;
  margin-bottom: 8px;
  border: none;
  margin-right: 10px;
  line-height: 35px;
  height: 35px;
}

.tags-edit .ant-tag {
  line-height: 33px;
  height: 33px;
}

.tags-edit .ant-tag .la-close {
  margin-left: 10px;
}

.ant-tag-geekblue {
  color: #4d7cfe;
  background: #edf2ff;
}

.ant-tag-geekblue .la-close {
  color: #4d7cfe;
}

.ant-tag-cyan {
  color: #27bbc9;
  background: #2ce5f633;
}

.ant-tag-cyan .la-close {
  color: #27bbc9;
}

.ant-tag-green {
  color: #59ad27;
  background: #e2f6d5;
}

.ant-tag-green .la-close {
  color: #59ad27;
}

.ant-tag-gold {
  color: #d89d00;
  background: #fff1cc;
}

.ant-tag-gold .la-close {
  color: #d89d00;
}

.ant-tag-red {
  color: #ff0000;
  background: #fecccc;
}

.ant-tag-red .la-close {
  color: #ff0000;
}

.ant-tag-magenta {
  color: #ff00ff;
  background: #fe4d9733;
}

.ant-tag-magenta .la-close {
  color: #ff00ff;
}

.ant-tag-purple {
  color: #800080;
  background: #e3ccfe;
}

.ant-tag-purple .la-close {
  color: #800080;
}

.ant-tag-orange {
  color: #ffa500;
}

.ant-tag-orange .la-close {
  color: #ffa500;
}

.ant-tag-search {
  color: #4a4a4a;
  line-height: 28px;
  height: 28px;
  padding: 0 3px;
}

.ant-select {
  width: 100%;
}

.filter-group {
  margin-right: auto;
}

.list-team {
  margin-right: auto;
}

.list-user {
  height: 100%;
  background: #ffffff;
}

.list-user .ant-list-items {
  padding: 0px 23px 0px 25px;
}

.list-user .ant-avatar {
  width: 40px;
  height: 40px;
}

.ant-list-items {
  padding: 0 20px;
  margin-bottom: 14px;
}

.list-team .ant-list-items .ant-list-item {
  padding: 20px 0 8px 0;
}

.list-team .ant-list-items .ant-list-item .ant-list-item-meta-title {
  margin: 0;
}

.list-team .ant-list-item-meta-title .level-user {
  margin-bottom: 0;
  font-size: 16px;
}

.la-question-circle:before {
  font-size: 20px;
}

.list-taguser .ant-btn-primary {
  float: left;
  margin-right: 10px;
}

.list-taguser table thead {
  display: none;
}

.label-small .ant-form-item-label {
  padding-bottom: 4px;
}

.label-small .ant-form-item-label > label {
  height: 20px;
}

.form-common .anticon-search {
  color: #252631;
}

.form-common .ant-select-arrow {
  margin-right: 4px;
  margin-top: -8px;
}

.form-common .ant-select-arrow .la {
  font-size: 16px;
}

.form-common .ant-form {
  padding: 25px 0;
}

.form-common .ant-form-item {
  margin-bottom: 24px;
}

.form-common .ant-form-item textarea.ant-input {
  margin-bottom: 0;
}

.form-common .ant-form-large .ant-form-item-label {
  padding-bottom: 6px;
}

.form-common .ant-form-large .ant-form-item-label > label {
  height: 20px;
  font-weight: 300;
}

.form-common .btn-cancel {
  min-width: 120px;
  background: #f2f4f6;
  color: #778ca2;
  border: 1px solid #f2f4f6;
}

.form-common .btn-cancel:hover {
  color: #ffba00;
  border-color: #ffba00;
}

.form-common .tags-edit .ant-tag {
  margin-bottom: 0;
  margin-top: 18px;
}

.label-text-center .ant-form-item-label {
  text-align: center;
}

.ant-checkbox-inner {
  background: #e8ecef;
  border-radius: 0;
  border: none;
}

.ant-checkbox-checked .ant-checkbox-inner {
  background: #98a9bc;
}

.ant-checkbox-checked::after {
  border: 0px solid #ffffff;
}

.ant-checkbox-checked .ant-checkbox-inner::after {
  left: 4px;
}

.ant-tabs-bar {
  border-bottom: none;
  text-align: center;
  margin-bottom: 45px;
}

.ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
    min-width: 135px;
  }
}

@media only screen and (min-width: 1200px) {
  .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1300px) {
  .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
    font-size: 18px;
  }
}

.ant-tabs-bar .ant-tabs-nav .ant-tabs-tab-active {
  font-weight: 700;
}

.ant-modal-content {
  border-radius: 3px;
}

.listGrouptags .ant-spin-container > li {
  border: 0;
  padding: 8px 0;
}

.ChatPopupContainer {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  flex-direction: row;
  max-width: 100%;
  overflow-y: hidden;
  position: fixed;
  right: 18px;
  z-index: 999;
}

.logo {
  float: left;
  margin-right: 20px;
}

@media only screen and (min-width: 1200px) {
  .logo {
    margin-right: 45px;
  }
}

.logo .logo-mini {
  display: inline;
}

.logo .logo-full {
  display: none;
}

@media only screen and (min-width: 768px) {
  .logo .logo-mini {
    display: none;
  }

  .logo .logo-full {
    display: inline;
  }
}

.layout-fix-header {
  width: 100%;
  position: fixed;
  z-index: 99;
}

.layout-fix-header .header-avatar-wrap {
  padding-left: 20px;
  padding-bottom: 4px;
}

.layout-fix-header .header-avatar-wrap .name span {
  color: white;
}

@media only screen and (max-width: 576px) {
  .layout-fix-header .header-avatar-wrap .name,
  .layout-fix-header .header-avatar-wrap .role {
    display: none;
  }
}

.layout-fix-header .la {
  color: white;
}

.layout-fix-header .header-icon-wrap {
  padding-right: 10px;
  padding-top: 4px;
}

.layout-fix-header .header-icon-wrap .ant-col {
  padding: 0 5px;
}

@media only screen and (min-width: 1200px) {
  .layout-fix-header .header-icon-wrap .ant-col {
    padding: 0 11px;
  }
}

.layout-fix-header .header-icon-wrap .la-question-circle:before {
  font-size: 24px;
}

.layout-fix-header .header-icon-wrap .ant-badge .notify-icon {
  font-size: 22px;
}

.layout-fix-header .ant-badge-count {
  background: #fc0000;
  box-shadow: none;
}

.main-content {
  margin-top: 64px;
  padding: 20px 25px;
  min-height: calc(100vh - 126px);
}

@media only screen and (min-width: 1440px) {
  .main-content {
    padding: 20px 40px;
  }

  .batch-project-detail.main-content {
    padding: 0px 111px;
  }
}

.menu-mobile-icon {
  color: white;
  float: left;
  display: block;
  margin-top: 26px;
  margin-right: 10px;
}

@media only screen and (min-width: 1400px) {
  .menu-mobile-icon {
    display: none;
  }
}

.ant-menu-dark.ant-menu-horizontal {
  float: left;
  display: none;
}

@media only screen and (min-width: 1400px) {
  .ant-menu-dark.ant-menu-horizontal {
    display: block;
  }
}

@media only screen and (min-width: 1200px) {
  .ant-menu-dark.ant-menu-horizontal .ant-menu-item {
    padding: 0 20px;
  }
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item {
  height: 60px;
  line-height: 64px;
  font-weight: 400;
}

@media only screen and (min-width: 1300px) {
  .ant-menu-dark.ant-menu-horizontal > .ant-menu-item .ant-badge,
  .ant-menu-dark.ant-menu-horizontal > .ant-menu-item {
    font-size: 18px;
  }
}

.drawer-dark .ant-drawer-header,
.drawer-dark .ant-drawer-body {
  background-color: #212529;
}

.drawer-dark .ant-drawer-title {
  color: white;
}

.drawer-dark .ant-menu-inline .ant-menu-item {
  padding-left: 0 !important;
  height: 50px;
  line-height: 50px;
}

th.ant-table-cell p.Sort {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.layout-fix-header sup.ant-scroll-number.ant-badge-count {
  right: -3px !important;
  border-radius: 5px;
}

table.avatar-name td {
  padding: 0;
}

table.avatar-name td .name,
table.avatar-name td .role {
  line-height: 17px;
  margin-right: 14px;
}

table.avatar-name td .role span {
  color: #d0021b;
  font-size: 12px;
}

table.avatar-name td .avatar {
  width: 40px;
  height: 40px;
  border: 2px solid #d0021b;
  margin-right: 6px;
}

.proposal-project.form-common.proposal.main-content
  .ant-form-item-label
  > label::after {
  content: none;
}

.project-detail-view .ant-form-item-label > label::after {
  content: none;
}

.project-detail-view .form-item-margin {
  margin-bottom: 10px !important;
}

.project-detail-view .content-text {
  margin-bottom: 0;
  color: #000000;
  padding-top: 5px;
}

.project-detail-view .tags {
  margin-top: 5px;
}

.project-detail-view .form-item-text .ant-form-item-label {
  width: 100%;
  text-align: left;
}

.project-detail-view .form-item-text .content-tagtitle {
  color: #1b1e24;
}

.project-detail-view table.avatar-name td .avatar {
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  margin-right: 16px;
}

.project-detail-view table.avatar-name td .name span {
  font-weight: bold;
  color: #4d7cfe;
}

.project-detail-view table.avatar-name td .role span {
  color: #000000 !important;
}

.project-detail-view .ant-row.ant-form-item.form-item-margin {
  display: block;
}

.project-detail-view p {
  white-space: pre-wrap;
  word-break: break-word;
}

.project-detail-view .name .ant-typography {
  white-space: nowrap;
}

.project-detail-view .role .ant-typography {
  font-size: 14px;
}

.project-detail-view .admin-partner-card {
  padding-bottom: 23px;
}

@media only screen and (min-width: 1200px) {
  .partner-modal .ant-modal-body {
    padding-left: 45px;
    padding-right: 50px;
  }
}

.partner-modal .ant-modal-footer {
  display: none;
}

.partner-preview.form-common .ant-form {
  padding-bottom: 0;
}

.partner-preview .header-info {
  padding-bottom: 19px;
}

.partner-preview .header-info .ant-avatar {
  margin-bottom: 12px;
}

.partner-preview .ant-form-item:last-child {
  margin-bottom: 0;
}

.ant-tooltip.ant-tooltip-placement-right {
  max-width: 290px;
}

.partner-preview .header-info div .ant-typography.type p.name {
  font-size: 25px;
  margin-bottom: 0;
}

.partner-preview .header-info div .ant-typography.type p {
  font-weight: 500;
}

.tag-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #4d7cfe;
  padding-top: 12px;
  text-align: center;
}

.tag-circle i {
  margin-left: 0 !important;
  color: #ffffff;
}

.tag-circle-red {
  background-color: #fc0000;
}

.tag-circle-blue {
  background-color: #4d7cfe;
}

.tag-circle-pink {
  background-color: #fc4a97;
}

.tag-circle-green {
  background-color: #6dd230;
}

.tag-circle-cyan {
  background-color: cyan;
}

.tag-circle-purple {
  background-color: purple;
}

.tag-circle-Lime {
  background-color: lime;
}

.tag-circle-black {
  background-color: black;
}

.ant-upload.ant-upload-select-picture-card {
  width: 67px;
  height: 67px;
  margin-right: 12px;
  border: none;
  border-radius: 50%;
}

.ant-upload.ant-upload-select-picture-card > .ant-upload {
  padding: 0;
  position: relative;
}

.ant-upload.ant-upload-select-picture-card > .ant-upload img {
  width: 67px;
  height: 67px;
  border-radius: 50%;
}

.ant-upload.ant-upload-select-picture-card > .ant-upload .overlay {
  background: rgba(0, 0, 0, 0.39);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.ant-upload.ant-upload-select-picture-card > .ant-upload .overlay span {
  position: absolute;
  color: white;
  font-size: 10px;
  font-weight: bold;
  top: 0;
  right: 0;
  margin: auto;
  left: 0;
  bottom: 0;
  width: 60%;
  display: block;
  height: 30px;
  line-height: 14px;
}

.ant-upload.ant-upload-select-picture-card > .ant-upload .loadingOverlay {
  background: rgba(0, 0, 0, 0.39);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.ant-upload.ant-upload-select-picture-card > .ant-upload .loadingOverlay span {
  color: white;
  font-size: 30px;
  font-weight: bold;
}

.steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  padding-top: 8px;
  padding-bottom: 10px;
}

.steps > li {
  width: 97px;
  margin-right: 50px;
  line-height: 25px;
  text-align: center;
  line-height: 16px;
  position: relative;
  color: #98a9bc;
}

.steps > li:last-child {
  margin-right: 0;
}

.steps > li.active {
  color: #4d7cfe;
  font-weight: bold;
}

.steps > li.active:after,
.steps > li.active:before {
  color: #4d7cfe;
  background: #4d7cfe;
}

.steps > li.active:last-child:after,
.steps > li:after {
  content: ' ';
  width: 45px;
  right: -45px;
  height: 1px;
  background: #98a9bc;
  top: 0;
  display: block;
  position: absolute;
  bottom: 0;
  margin: auto;
}

.steps > li.active:last-child:before,
.steps > li:before {
  right: -42px;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  line-height: 0;
  margin: auto;
  padding-bottom: 2px;
  content: '›';
  font-size: 16px;
  color: #98a9bc;
}

.steps > li:last-child:after,
.steps > li:last-child:before {
  content: none;
}

.messages.main-content {
  max-height: calc(100vh - 126px);
  overflow: auto;
}

.list-chat {
  height: calc(100vh - 294px);
}

.list-chat .ant-list.ant-list-split {
  height: 100%;
  overflow: auto;
}

.list-chat .ant-list-items {
  margin: auto;
  padding: 0 10px;
}

.list-chat .ant-list-items li.ant-list-item:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 97%;
  transform: translateX(-50%);
  height: 1px;
  background-color: #f0f0f0;
  content: '';
}

.list-chat .ant-list-items .ant-list-item:hover {
  background-color: #f2f4f6;
}

.list-chat .ant-list-items .unRead {
  border: 1px solid #f2f4f6;
  background-color: #f2f4f6;
  border-radius: 9px;
}

.list-chat .ant-list-items .ant-list-item {
  padding: 13px 0px;
  border: none;
  position: relative;
}

.list-chat .ant-list-items .ant-list-item .ant-list-item-meta {
  align-items: center;
  max-width: 100%;
}

.list-chat
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta
  .ant-list-item-meta-avatar {
  margin-right: 14px;
}

.list-chat
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta
  .ant-list-item-meta-avatar
  .ant-avatar {
  margin-left: 14px;
  width: 38px;
  height: 38px;
}

.list-chat
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta
  .ant-list-item-meta-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 13px;
}

.list-chat
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta
  .ant-list-item-meta-content
  a {
  font-weight: normal;
  font-size: 16px;
  color: #4a4a4a;
}

.list-chat
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta
  .ant-list-item-meta-content
  a
  .timeday {
  float: right;
  font-size: 14px;
  font-weight: 500;
}

.list-chat
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta
  .ant-list-item-meta-content
  .ant-list-item-meta-title {
  margin-bottom: 0;
  line-height: 19px;
  margin-top: 0;
}

.list-chat
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta
  .ant-list-item-meta-content
  .ant-list-item-meta-description
  p {
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0px;
  color: #98a9bc;
  text-overflow: ellipsis;
  margin-bottom: 0;
}

.flex {
  display: flex;
}

.ant-modal.create-channel .ant-modal-footer {
  display: block;
}

.list-chat
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta
  .ant-list-item-meta-content
  .ant-list-item-meta-description
  p
  > svg {
  width: 15px;
}

th.ant-table-cell p.Sort {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .messages {
    padding-top: 55px;
  }

  .messages .ant-col.ant-col-10 {
    position: absolute;
    z-index: 10;
    max-width: 70%;
    left: 50px;
    box-shadow: 0px 0px 4px #b183e2;
  }

  .messages .ant-col.ant-col-14 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .messages i.la.la-wechat {
    font-size: 35px;
    border: 2px solid #b183e2;
    color: #b183e2;
    background: #fff;
    position: fixed;
    bottom: 50px;
    z-index: 3000;
    border-radius: 5px;
    right: 30px;
  }

  .messages .dNone {
    display: none;
  }
}

.notification-page .ant-list-items {
  padding: 0;
}

.notification-page .ant-list-items .ant-list-item {
  padding-right: 15px;
}

.notification-page .ant-list-items .ant-avatar {
  width: 38px;
  height: 38px;
}

.notification-page .ant-list-items .icon {
  margin-left: 5px;
}

.notification-page .ant-list-items .icon .fa-trash-alt {
  color: #ffba00 !important;
}

.project .ant-select-open .anticon-search,
.anticon-down {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.ant-form .ant-picker-large {
  width: 100%;
}

.project .select {
  display: flex;
  justify-content: flex-end;
}

.project .select .ant-select-selector {
  min-height: 52px;
  display: flex;
  align-items: center;
  position: relative;
}

.project .select .ant-select-selector .ant-select-selection-placeholder {
  display: flex;
  align-items: center;
}

.project .select .ant-select-arrow {
  width: 18px;
  height: 18px;
  margin-top: -10px;
}

.ant-pagination {
  display: flex;
  justify-content: center;
}

.main-content .ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 4px;
  margin-top: 20px;
}

.steps > li:last-child::before {
  content: none !important;
}

.steps > li:last-child::after {
  content: none !important;
}

.project-view-tab-page .project-detail-view {
  margin-top: 10px;
}

.batch-project .group-button {
  padding-bottom: 15px;
}

span.ant-input-search {
  padding-left: 0;
}

.view-pedding .ant-card-body {
  padding: 25px;
  background: #ffffff;
  text-align: justify;
}

.view-pedding .ant-btn-primary {
  float: left;
}

.view-pedding .btn-decline {
  background: #f2f4f6 0% 0% no-repeat padding-box;
  border-radius: 4px;
  height: 46px;
  float: left;
  font: 600 14px/16px Roboto;
  letter-spacing: 0.3px;
  color: #778ca2;
  border: none;
}

.view-pedding .ant-btn {
  margin-right: 12px;
}

.new-project .btn-save {
  margin-right: 12px;
}

@media only screen and (min-width: 992px) {
  .new-project .btn-save {
    width: 206px;
  }
}

@media only screen and (min-width: 992px) {
  .new-project .btn-cancel {
    width: 148px;
  }
}

.new-project .ant-form-item-label > label.ant-form-item-required::before {
  content: none;
}

.new-project
  .ant-select-show-search.ant-select-multiple
  .ant-select-selector
  input {
  padding-left: 0;
}

.ant-modal-root .ant-btn-primary {
  height: unset;
}

.inputSearch {
  background-color: lightgray;
  width: 292px;
}

.inputSearch .search {
  display: flex;
  align-items: center;
  height: 30px;
  border-bottom: 1px solid #e8ecef;
}

.ant-select-dropdown .ant-select-item-option-disabled {
  opacity: 0.5;
}

.ant-select-dropdown .ant-select-item-option-selected {
  display: none;
}

.selectNew
  .ant-select-selection-item
  span.ant-select-selection-item-content
  > span {
  background: unset;
}

.selectNew .anticon-search {
  margin-top: -6px;
}

.project-alert-close {
  text-align: center;
  font-size: 13px;
  line-height: 13px;
  background-color: #d0021b;
  color: white;
  padding: 20px;
}

.project-view-tab-page .ant-card-body {
  padding: 5px 31px 50px 24px;
}

.report-view {
  word-break: break-word;
  color: black;
}

@media only screen and (min-width: 1200px) {
  .report-view {
    padding: 5px 10px;
  }
}

@media only screen and (min-width: 1300px) {
  .report-view {
    padding: 5px 75px 5px 96px;
  }
}

.report-view .title {
  padding-bottom: 45px;
}

.report-view .title h1 {
  margin-bottom: 3px;
  font-weight: normal;
}

.report-view .title span {
  color: #4a4a4a;
}

.report-view .report-block {
  padding-bottom: 20px;
}

.report-view .report-block > h6 {
  font-size: 13px;
  color: #4a4a4a;
  margin-bottom: 10px;
  font-weight: 500;
}

.report-view .report-image,
.report-view .report-file {
  padding-bottom: 20px;
}

.report-view .report-image > h6,
.report-view .report-file > h6 {
  font-size: 14px;
  color: #4a4a4a;
  margin-bottom: 10px;
  font-weight: 500;
}

.report-view .report-image img,
.report-view .report-file img {
  margin-right: 14px;
  width: 179px;
}

.report-view .report-file p {
  margin-bottom: 10px;
}

.report-view p {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-view .btn-redacted {
  width: 100%;
  height: 117px;
  background: #252631;
  border-radius: 11px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  margin-bottom: 20px;
}

.report-view .btn-redacted:hover {
  background: #303140;
}

.project-detail-view svg.svg-inline--fa {
  color: #4d7cfe;
}

.activity .ant-list-items {
  padding: 0;
}

.activity .ant-list-items .ant-list-item {
  padding-right: 25px;
}

.activity .ant-list-item,
.activity .ant-list-item-meta-title {
  color: #252631;
  font-size: 16px;
  font-weight: normal;
}

.activity .ant-avatar {
  height: 38px;
  width: 38px;
}

.ant-modal.Preview.PDF {
  width: 80% !important;
}

.ant-modal.Preview.PDF span.ant-modal-close-x {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.backgroundBottom {
  color: #4d7cfe;
  background-color: #edf2ff;
  margin-right: 9px;
}

.border {
  font-size: 14px;
  border: 2px solid #4d7cfe;
  position: absolute;
  top: 27px;
  color: #4d7cfe;
  border-radius: 7px;
}

.ant-modal.proposalModal .ant-modal-content > .ant-modal-footer {
  display: none !important;
}

.proposal .site-layout-content .ant-row .ant-col .ant-form {
  margin: 37px 24px;
  padding: 0;
}

.proposal .site-layout-content .ant-row .ant-col .ant-form .fa-info-circle {
  width: 17px;
  height: 20px;
  color: #4d7cfe;
  vertical-align: middle;
}

.proposal .site-layout-content .ant-row .ant-col .ant-form .form {
  margin-top: 23px;
}

.proposal .site-layout-content .ant-row .ant-col .ant-form .ant-row {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-label {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-label {
    margin-bottom: 6px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-col
  .ant-form
  .ant-row
  .ant-form-item-control-input-content
  .ant-input-prefix {
  margin-left: 9px;
  color: #778ca2;
}

.proposal
  .site-layout-content
  .ant-row
  .ant-col
  .ant-form
  .ant-row
  .ant-form-item-control-input-content
  .ant-input {
  margin: 3px 0 0 14px;
}

.proposal
  .site-layout-content
  .ant-row
  .ant-col
  .ant-form
  .ant-row
  .ant-form-item-control-input-content
  .ant-btn-geekblue {
  height: 36px;
  color: #4d7cfe;
  background-color: #edf2ff;
  margin-right: 9px;
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-geekblue {
    padding: 0px 12px 0px 12px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-geekblue {
    padding: 0px 12px 0px 12px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-geekblue {
    padding: 0px 22px 0px 20px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-col
  .ant-form
  .ant-row
  .ant-form-item-control-input-content
  .ant-btn-blue {
  height: 36px;
  color: #4d7cfe;
  background-color: #edf2ff;
  margin-right: 9px;
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-blue {
    padding: 0px 10px 0px 12px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-blue {
    padding: 0px 10px 0px 12px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-blue {
    padding: 0px 19px 0px 20px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-col
  .ant-form
  .ant-row
  .ant-form-item-control-input-content
  .ant-btn:hover {
  border: 1px solid #edf2ff;
}

.proposal
  .site-layout-content
  .ant-row
  .ant-col
  .ant-form
  .ant-row
  .ant-form-item-control-input-content
  .ant-btn-primary {
  background-color: #2ce5f633;
  color: #22bbc9;
  border: 1px solid #2ce5f633;
  height: 36px;
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-primary {
    padding: 0px 7px 0px 7px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-primary {
    padding: 0px 7px 0px 7px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-primary {
    padding: 0px 14px 0px 14px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-col
  .ant-form
  .ant-row
  .ant-form-item-control-input-content
  .ant-btn-orange {
  background-color: #ffab2b;
  color: #ffffff;
  margin-right: 9px;
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-orange {
    padding: 13px 26px 14px 26px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-orange {
    padding: 13px 40px 14px 40px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-orange {
    padding: 13px 4px 14px 4px;
    width: 240px;
  }
}

@media only screen and (min-width: 1300px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-orange {
    padding: 13px 18px 14px 18px;
    width: 262px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-col
  .ant-form
  .ant-row
  .ant-form-item-control-input-content
  .ant-btn-gray {
  background-color: #f2f4f6;
  color: #778ca2;
  margin-right: 9px;
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-gray {
    padding: 13px 10px 14px 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-gray {
    padding: 13px 15px 14px 15px;
    width: 145px;
  }
}

@media only screen and (min-width: 1300px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-gray {
    padding: 13px 30px 14px 24px;
    width: 166px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-col
  .ant-form
  .ant-row
  .ant-form-item-control-input-content
  .ant-btn-red {
  background-color: #d0021b;
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-red {
    padding: 13px 10px 14px 10px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-red {
    padding: 13px 19px 14px 19px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-red {
    padding: 13px 15px 14px 15px;
    width: 160px;
  }
}

@media only screen and (min-width: 1300px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-row
    .ant-form-item-control-input-content
    .ant-btn-red {
    padding: 13px 40px 14px 35px;
    width: 183px;
  }
}

@media only screen and (min-width: 768px) {
  .proposal .site-layout-content .ant-row .ant-col .search .ant-form-item {
    margin-bottom: 0;
    margin-top: 7px;
  }
}

.proposal .site-layout-content .ant-row .ant-col .search .ant-form-item label {
  margin-left: 20px;
  font-size: 18px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    label {
    font-size: 18px;
    margin-top: 0;
    margin-left: 1px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    label {
    font-size: 18px;
    margin-left: 22px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    label {
    margin-top: 53px;
  }
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-form-item-control-input-content {
    margin-left: 22px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-form-item-control-input-content {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-form-item-control-input-content {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 1300px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-form-item-control-input-content {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-form-item-control-input-content {
    margin-top: 17px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-form-item-control-input-content {
    margin-bottom: 0px;
    margin-top: 16px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-form-item-control-input-content {
    margin-bottom: 0px;
    margin-top: 38px;
  }
}

@media (max-width: 768px) {
  .proposal .site-layout-content .ant-row .ant-col .search .ant-list-items {
    width: 200px;
  }
}

@media (width: 768px) {
  .proposal .site-layout-content .ant-row .ant-col .search .ant-list-items {
    width: 335px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal .site-layout-content .ant-row .ant-col .search .ant-form-item {
    margin-bottom: 22px;
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-col
    .ant-form-item-control-input-content
    .ant-input-search {
    width: 270px;
    height: 45px;
    margin-top: 8px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-col
    .ant-form-item-control-input-content
    .ant-input-search {
    height: 45px;
    width: 325px;
    margin-left: 22px;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-col
    .ant-form-item-control-input-content
    .ant-input-search {
    width: 250px;
    height: 52px;
    margin-left: 8px;
  }
}

@media only screen and (min-width: 1300px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    .ant-col
    .ant-form-item-control-input-content
    .ant-input-search {
    width: 290px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-col
  .search
  .ant-form-item
  .ant-col
  .ant-form-item-control-input-content
  .ant-input-search
  input {
  color: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.proposal .site-layout-content .ant-row .ant-list .ant-list-items {
  margin-left: -9px;
}

@media only screen and (min-width: 768px) {
  .proposal .site-layout-content .ant-row .ant-list .ant-list-items {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal .site-layout-content .ant-row .ant-list .ant-list-items {
    margin-top: 0;
  }
}

@media (max-width: 411px) {
  .proposal .site-layout-content .ant-row .ant-list .ant-list-items {
    margin-left: 0;
    width: 204px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item {
  height: 82px;
}

@media (max-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-list
    .ant-list-items
    .ant-list-item {
    height: 95px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta-avatar
  .ant-avatar {
  width: 44px;
  height: 44px;
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta-content
  .ant-list-item-meta-title {
  margin-bottom: 0;
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta-content
  .ant-list-item-meta-title
  a {
  font-size: 16px;
}

@media (max-width: 767px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-list
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta-content
    .ant-list-item-meta-title
    a {
    font-size: 14px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta-content
  .ant-list-item-meta-title
  a
  span {
  font-size: 14px;
  color: #98a9bc;
  font-weight: 200;
  font-family: Regular Roboto;
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta-content
  .ant-list-item-meta-title
  a
  .title {
  margin-left: 5px;
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta-content
  .ant-list-item-meta-title
  a
  .declined {
  position: absolute;
  color: #d0021b;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-list
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta-content
    .ant-list-item-meta-title
    a
    .declined {
    top: 285px;
    left: 229px;
    font-size: 12px;
  }
}

@media (min-width: 840px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-list
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta-content
    .ant-list-item-meta-title
    a
    .declined {
    left: 308px;
    top: 251px;
  }
}

@media only screen and (min-width: 992px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-list
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta-content
    .ant-list-item-meta-title
    a
    .declined {
    left: initial;
    top: initial;
    margin-left: 45px;
    font-size: 13px;
  }
}

@media only screen and (min-width: 1200px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-list
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta-content
    .ant-list-item-meta-title
    a
    .declined {
    font-size: 14px;
    margin-left: 122px;
  }
}

@media only screen and (min-width: 1300px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-list
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta-content
    .ant-list-item-meta-title
    a
    .declined {
    margin-left: 160px;
  }
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta-content
  .ant-list-item-meta-description {
  margin-top: -1px;
  font-size: 14px;
  color: #98a9bc;
  font-weight: 200;
  font-family: Regular Roboto;
  width: 205px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item {
  position: relative;
}

.proposal .ant-list.ant-list-split {
  width: 100%;
}

.proposal .ant-list.ant-list-split {
  width: 100%;
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item:hover
  b.message.messages,
.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item:hover
  .select {
  display: flex !important;
  justify-content: center;
}

.proposal
  .site-layout-content
  .ant-row
  .ant-list
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta-content
  .ant-list-item-meta-title
  a
  .selected {
  display: inherit !important;
}

.proposalModal .ant-form-item {
  margin-bottom: 26px;
}

.proposalModal .ant-form-item .ant-form-item-label label {
  height: 20px;
}

.proposalModal .ant-form-item-control .tags-edit {
  margin-top: 18px;
}

.proposalModal .btn-cancel {
  margin-left: 10px;
}

.ant-select .ant-select-dropdown .ant-select-item-option-selected {
  align-items: center;
  display: flex !important;
  justify-content: space-between;
}

.ant-select
  .ant-select-dropdown
  .ant-select-item-option-selected
  .ant-select-item-option-content {
  display: flex;
  height: 52px;
  align-items: center;
}

.ant-select
  .ant-select-dropdown
  .ant-select-item-option-selected
  .ant-select-item-option-content
  .ant-tag {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .proposal .site-layout-content .ant-row .ant-col .description {
    padding-right: 45px;
  }

  .proposal .site-layout-content .ant-row .ant-col .ant-form .ant-btn-geekblue {
    padding: 0 25px 0 25px;
  }

  .proposal .site-layout-content .ant-row .ant-col .ant-form .ant-btn-blue {
    padding: 0 20px 0 20px;
  }

  .proposal .site-layout-content .ant-row .ant-col .ant-form .ant-btn-primary {
    padding: 0 10px 0 10px;
  }

  .proposal .site-layout-content .ant-row .ant-col .ant-list-items {
    width: 100%;
    margin-left: 0;
  }

  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item {
    height: 80px;
  }

  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta
    .ant-list-item-meta-title {
    height: 40px;
  }

  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item
    .messages {
    margin-left: 30px;
    padding: 2px 7px 2px 7px;
  }

  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item
    .select {
    padding: 2px 11px 2px 11px;
    margin-top: 0px;
    margin-left: 115px;
  }

  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item
    .declined {
    left: 350px;
  }

  .proposal .site-layout-content .ant-row .search .ant-form-item-label label {
    margin-top: 5px;
  }

  .proposal .site-layout-content .ant-row .search label {
    margin-left: 24px;
  }

  .proposal .site-layout-content .ant-row .search .ant-input-search {
    width: 300px;
    margin-left: 22px;
  }

  .proposal .site-layout-content .ant-row .search .ant-input-search .ant-input {
    padding: 0 80px 0 0px;
  }
}

@media (max-width: 767px) and (max-width: 411px) {
  .proposal .site-layout-content .ant-row .search .ant-input-search .ant-input {
    padding: 0 10px 0 0;
  }
}

@media (max-width: 767px) and (max-width: 411px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .search
    .ant-form-item
    label {
    font-size: 15px;
  }
}

@media (max-width: 767px) and (max-width: 411px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-form-item-control-input-content
    .ant-btn-orange {
    font-size: 11px;
    padding: 0 4px 0 4px;
  }
}

@media (max-width: 767px) and (max-width: 411px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-form-item-control-input-content
    .ant-btn-gray {
    font-size: 11px;
    padding: 0 10px 0 10px;
  }
}

@media (max-width: 767px) and (max-width: 411px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-form
    .ant-form-item-control-input-content
    .ant-btn-red {
    font-size: 11px;
    padding: 0 14px 0 14px;
  }
}

@media (max-width: 767px) and (max-width: 320px) {
  .proposal .site-layout-content .ant-row .ant-col .ant-list-items {
    width: 87%;
  }
}

@media (max-width: 767px) and (max-width: 411px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item {
    height: 200px;
  }
}

@media (max-width: 767px) and (max-width: 411px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta {
    display: inline-block;
  }
}

@media (max-width: 767px) and (max-width: 576px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta
    .ant-list-item-meta-title {
    height: 25px;
  }
}

@media (max-width: 767px) and (max-width: 411px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta
    .ant-list-item-meta-title {
    height: auto;
  }
}

@media (max-width: 767px) and (max-width: 576px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item
    .declined {
    left: 86px;
    margin-top: -42px;
  }
}

@media (max-width: 767px) and (max-width: 411px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list-items
    .ant-list-item
    .declined {
    margin-top: -68px;
  }
}

@media (max-width: 767px) and (max-width: 604px) {
  .proposal .site-layout-content .ant-row .search .ant-input-search {
    margin-left: 22px;
    width: 287px;
  }
}

@media (max-width: 767px) and (max-width: 576px) {
  .proposal .site-layout-content .ant-row .search .ant-input-search {
    margin-left: 22px;
  }
}

@media (max-width: 411px) {
  .proposal .site-layout-content .ant-row .search .ant-input-search {
    width: 204px;
  }
}

@media (max-width: 280px) {
  .proposal
    .site-layout-content
    .ant-row
    .ant-col
    .ant-list
    .ant-list-items
    .ant-list-item
    .ant-list-item-meta-content
    .ant-list-item-meta-description {
    width: 100px;
  }
}

.ant-popover-inner-content
  .ant-popover-buttons
  > button.ant-btn.ant-btn-primary.ant-btn-sm {
  /* display: none; */
  height: 33px;
  padding-left: 8px;
  padding-right: 8px;
}

.ant-list-item .ant-list-item-meta-title .title {
  margin-left: 10px;
}

.ant-list-item-meta-content .message:hover {
  cursor: pointer;
}

.ant-list-item-meta-content .select:hover {
  cursor: pointer;
}

.btn-report {
  background-color: #f2f4f6;
  color: #778ca2;
  border: 0;
}

.btn-report:hover {
  background-color: #c0c7cf;
}

.new-report .ant-form-item-control-input-content {
  text-align: right;
  margin-bottom: 20px;
}

@media (max-width: 650px) {
  .new-report .ant-form-item-control-input-content {
    display: flex;
    flex-direction: column;
  }

  .new-report .ant-form-item-control-input-content > button {
    margin-bottom: 5px;
  }
}

.new-report .btn-add-block {
  background: #4d7cfe1a;
  border: 1px dashed #707070;
  width: 100%;
  font-size: 14px;
  color: #778ca2;
  height: auto;
  padding: 11px;
}

.new-report .btn-add-block:hover {
  background: #c0c7cf;
}

.new-report .ant-upload-list-picture-card-container,
.new-report .ant-upload.ant-upload-select-picture-card {
  width: calc(50% - 14px);
  height: 84px;
  margin: 7px;
}

@media (max-width: 650px) {
  .new-report .ant-upload-list-picture-card-container,
  .new-report .ant-upload.ant-upload-select-picture-card {
    width: calc(100% - 14px);
  }
}

.new-report
  .ant-upload-list-picture-card-container
  .ant-upload-list-item-list-type-picture-card {
  width: 100% !important;
  height: 84px !important;
  padding: 0;
  border: 1px solid #707070;
}

.new-report .ant-upload.ant-upload-select.ant-upload-select-picture-card {
  height: 84px;
  border-radius: 0;
  border: 1px dashed;
}

.new-report .ant-upload-text {
  font-weight: 700;
  color: #778ca2;
}

.new-report .ant-upload-text > span {
  font-size: 17px;
}

.new-report .clearfix {
  margin-left: -7px;
  margin-right: -7px;
}

.new-report .btn-add-block.report-name {
  margin-bottom: 7px;
}

.new-report .d-flex {
  display: flex;
  align-items: center;
}

.new-report .m-right {
  margin-right: 0;
  margin-left: auto;
  width: auto;
}

.new-report .m-right .ant-select-selector {
  border: 0 !important;
}

.new-report .m-right:focus {
  border: 0;
}

.new-report textarea.ant-input {
  font-weight: 400;
  padding: 17px;
  resize: none;
}

.new-report .icon-remove {
  font-size: 14px;
  color: #98a9bc;
}

.new-report row.d-flex > p {
  height: 100%;
  align-items: center;
  line-height: 42px;
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .new-report row.d-flex > p {
    line-height: 26px;
  }
}

.new-report .font-17 {
  font-size: 17px;
}

.new-report .mt-15 {
  margin-top: 15px;
}

.new-report .clearfix.Charts-Graphs .ant-upload-list-picture-card-container {
  width: calc(25% - 14px);
  height: auto;
}

@media (max-width: 600px) {
  .new-report .clearfix.Charts-Graphs .ant-upload-list-picture-card-container {
    width: calc(50% - 14px);
  }
}

.new-report
  .clearfix.Charts-Graphs
  .ant-upload-list-picture-card-container
  .ant-upload-list-item-list-type-picture-card {
  height: auto !important;
  border: 0;
}

.new-report
  .clearfix.Charts-Graphs
  .ant-upload.ant-upload-select.ant-upload-select-picture-card {
  width: calc(100% - 14px);
  margin-left: 7px;
  margin-right: 7px;
  height: auto;
  border: 0;
}

.new-report .clearfix.Attachments > span {
  display: flex;
  flex-direction: column;
}

.new-report
  .clearfix.Attachments
  > span
  .ant-upload.ant-upload-select.ant-upload-select-text {
  width: calc(100% - 14px);
  margin-left: 7px;
  order: 2;
  margin-top: 15px;
}

.new-report .clearfix.Attachments > span .ant-upload-list.ant-upload-list-text {
  order: 1;
  width: 100%;
  margin-left: 7px;
}

.new-report
  .clearfix.Attachments
  > span
  .ant-upload-list-item.ant-upload-list-item-done
  .ant-upload-list-item-info
  span.anticon.anticon-paper-clip
  svg {
  display: none;
}

.new-report
  .clearfix.Attachments
  > span
  .ant-upload-list-item.ant-upload-list-item-done
  .ant-upload-list-item-info
  .ant-upload-list-item-name {
  padding-left: 0;
  width: auto;
}

.new-report
  .clearfix.Attachments
  > span
  span.ant-upload-list-item-card-actions {
  position: relative;
  opacity: 1;
  vertical-align: super;
}

.new-report span.ant-select-selection-item,
.new-report svg.svg-inline--fa {
  color: #4d7cfe;
}

.new-report
  .ant-upload-list-picture-card-container
  .ant-upload-list-item-list-type-picture-card {
  border-radius: unset;
}

.new-report
  .ant-select.m-right.ant-select-single.ant-select-show-arrow.ant-select-open
  .ant-select-arrow {
  transform: rotate(180deg);
  transition: all 0.3s;
}

.new-report
  .ant-select.m-right.ant-select-single.ant-select-show-arrow
  .ant-select-arrow {
  transition: all 0.3s;
  margin-top: -8px;
}

.new-report .ant-upload-list-picture-card-container,
.new-report .ant-upload.ant-upload-select-picture-card {
  margin-bottom: 0 !important;
}

.new-report .ant-row.ant-form-item {
  margin-bottom: 0;
}

.new-report .ant-form-item-control-input-content button:last-child {
  margin-right: 0;
}

.new-report
  .clearfix.Attachments
  > span
  .ant-upload-list-item.ant-upload-list-item-done
  .ant-upload-list-item-info
  .ant-upload-list-item-name {
  color: #4d7cfe;
  font-weight: 500;
}

.new-report
  .ant-upload-list-item.ant-upload-list-item-error.ant-upload-list-item-list-type-text
  > div
  > span {
  display: flex;
}

.new-report
  .ant-upload-list-item.ant-upload-list-item-error.ant-upload-list-item-list-type-text
  > div
  > span
  span.ant-upload-list-item-name {
  width: fit-content;
}

.new-report
  .ant-select-focused.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector {
  box-shadow: none;
}

.new-report .ant-upload-list-picture-card-container:hover {
  background: #000;
  transition: all 0.2s;
}

.new-report .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.new-report textarea.ant-input::placeholder {
  color: #e7ebef;
}

.new-report .ant-select-arrow .anticon > svg {
  color: #4d7cfe;
}

/* svg.svg-inline--fa {
  color: #4d7cfe;
} */

.page-tag {
  background: #ffffff;
  padding: 20px 20px 0;
}

.page-tag .list-taguser {
  padding-left: 30px;
}

.page-tag .tag-selected {
  font-size: 16px;
  padding-top: 7px;
  margin-bottom: 0;
}

.page-tag .action {
  display: none;
  transition: 0.3s;
  margin-right: 10px;
}

.page-tag .ant-table-row:hover .action {
  display: block;
}

.page-tag h4.ant-list-item-meta-title {
  margin-bottom: 0;
}

.page-tag .ant-table-selection-column {
  border-bottom: none;
  padding-left: 0;
  text-align: left;
  padding-right: 0;
}

.page-tag .ant-table-cell {
  padding-left: 0;
  padding-right: 0;
}

.page-tag .ant-table-content col {
  width: 0 !important;
}

.page-tag .ant-table-cell:last-child {
  text-align: right;
}

.page-tag .ant-table-cell i.la.la-tags {
  transform: rotate(270deg);
}

.page-tag .ant-table-cell i.la {
  font-size: 28px;
  line-height: 22px;
  font-weight: 600;
  margin-left: 20px;
}

.page-tag .ant-table-cell .svg-inline--fa {
  font-size: 20px;
  font-weight: 600;
  margin-left: 20px;
}

.page-tag .ant-list-item {
  padding: 0;
}

tr.ant-table-row.ant-table-row-level-0
  td.ant-table-cell.ant-table-selection-column
  > * {
  display: none;
}

.ant-table tbody > tr.ant-table-row-selected > td {
  background: #ffffff;
}

.page-tag .ant-avatar {
  width: 48px;
  height: 48px;
}

@media (max-width: 536px) {
  .formTag {
    width: 470px !important;
  }
}

@media (max-width: 487px) {
  .formTag {
    width: 340px !important;
  }
}

.formTag .ant-modal-content .ant-select .ant-select-selector {
  height: 52px;
  display: flex;
  align-items: center;
}

.formTag .ant-modal-content .btn-cancel {
  height: 46px;
  margin-left: 10px;
}

.createTag .ant-modal-content {
  margin-top: 48px;
}

.createTag .ant-row.ant-form-item.form > div {
  display: block;
  width: 100%;
  text-align: left;
}

.createTag .ant-row.ant-form-item.form {
  display: block;
}

.createTag .ant-row.ant-form-item.form > div input {
  width: 100%;
}

.editTag .ant-modal-content {
  margin-top: -94px;
}

@media (max-width: 575px) {
  .editTag .ant-modal-content {
    margin-top: -9px;
  }
}

@media (max-width: 411px) {
  .editTag .ant-modal-content {
    margin-top: 58px;
  }
}

.editTag .ant-row.ant-form-item.form > div {
  display: block;
  width: 100%;
  text-align: left;
}

.editTag .ant-row.ant-form-item.form {
  display: block;
}

.editTag .ant-row.ant-form-item.form > div input {
  width: 100%;
}

.ant-popover-content .svg-inline--fa {
  color: unset;
}

th.ant-table-cell p.Sort {
  cursor: pointer;
}

.ant-modal.createTag.formTag
  .ant-form-item-label
  > label.ant-form-item-required::before {
  content: unset;
}

.user-page .filter-group .btn-add-user {
  margin-top: 19px;
  min-width: 198px;
}

.user-page .ant-form {
  margin-bottom: 40px;
}

.user-page .ant-form-item {
  margin-bottom: 38px;
}

.user-page .ant-form-item .svg-inline--fa {
  color: #4d7cfe;
}

.user-page .ant-form-item input.ant-input {
  font-weight: normal;
  height: 52px;
  padding-left: 8px;
}

.user-page .wrap-tags {
  margin-top: 18px;
}

.user-page .list-user .ant-avatar {
  width: 44px;
  height: 44px;
}

.user-page .list-user .ant-list-item-meta-title {
  font-size: 16px;
  font-weight: 500;
  color: #252631;
}

.user-page .ant-tag-user {
  line-height: 28px;
  height: 28px;
  padding: 0 3px;
}

.ant-popover.ant-popover-placement-bottomLeft
  .ant-popover-inner
  .ant-popover-inner-content
  > p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-page
  .ant-select.ant-select-multiple.ant-select-show-arrow.ant-select-show-search
  span.ant-select-arrow {
  width: auto;
  height: auto;
  top: 50%;
  margin-top: -15px;
}

.user-detail-page.main-content
  .ant-form-item-label
  > label.ant-form-item-required::before {
  content: unset;
}

.client {
  background-color: #ffffff;
  padding-left: 24px;
}

.client .information .ant-row {
  width: 50%;
}

.client .information .items .ant-form-item {
  width: 100% !important;
}

.client .form-row {
  display: flex;
  flex-wrap: wrap;
}

.client .form-row .ant-form-item {
  width: 100%;
}

.client .ant-form-item-control-input .ant-select-selector {
  height: 52px;
}

.client .form-row .ant-form-item-label {
  width: 100%;
  text-align: left;
}

.client .form-row .ant-form-item-control {
  width: 100%;
}

.client .ant-tabs-nav-wrap {
  text-align: left;
}

.client .ant-tabs-tab {
  font-size: 16px !important;
  font-weight: 400 !important;
}

.client .ant-tabs-tab-active {
  min-width: 90px !important;
}

.client .user-image .image-text {
  border: 1px solid #e8ecef;
  border-radius: 4px;
  display: flex;
  max-width: 582px;
  align-items: center;
}

.client .user-image .image-text .image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  width: 100%;
  opacity: 0.8;
  height: 100%;
  z-index: 2;
  border-radius: 50%;
}

.client .ant-upload .overlay {
  top: 13px;
  z-index: 2;
  top: 0;
}

.client .user-image .image-text .image {
  width: 67px;
  height: 67px;
  margin: 0px 12px 0px 26px;
  position: relative;
}

.client .user-image .image-text .image p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 10px;
  z-index: 3;
}

.client .user-image .image-text .image a {
  position: relative;
  padding-top: 100%;
  display: block;
}

.client .user-image .image-text .image a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.client .user-image .image-text .name {
  padding: 24px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}

.client .user-image .image-text .name p {
  margin-bottom: 0;
}

.client .information {
  max-width: 582px;
}

.client .information .items {
  display: flex;
  flex-wrap: wrap;
}

.client .information .items .ant-form-item {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

.client .information .items .ant-form-item:nth-child(even) {
  justify-content: flex-end;
}

.client .information .items .ant-form-item-label {
  width: 100%;
  text-align: left;
}

.client
  .information
  .items
  .ant-form-item:nth-child(even)
  .ant-form-item-label {
  margin-left: 6px;
}

.client .information .items .ant-form-item-control {
  width: 98%;
}

.client .information .Tag-category {
  display: flex;
  margin-top: 23px;
  flex-wrap: wrap;
}

.client .information .Tag-category .tags {
  width: 50%;
}

.client .information .Tag-category .category {
  width: 48%;
}

.client .information .Tag-category .category .ant-select-selector {
  height: 52px;
}

.client .information .Tag-category .tags-item span {
  margin-right: 10px;
  margin-top: 14px;
}

.client .information .Tag-category .tags-item .blue {
  padding: 12px 9px;
  background-color: #edf2ff;
  color: #4d7cfe;
  border-radius: 4px;
  display: inline-block;
}

.client .information .Tag-category .tags-item .green {
  padding: 12px 9px;
  background-color: rgba(44, 229, 246, 0.2);
  color: #27bbc9;
  border-radius: 4px;
  display: inline-block;
}

.client .information .Tag-category .tags-item .red {
  padding: 12px 9px;
  background-color: rgba(254, 77, 151, 0.2);
  color: #fe4d97;
  border-radius: 4px;
  display: inline-block;
}

.client .information .Tag-category .tags-item .text-info {
  margin-left: 18px;
}

.client .information .Tag-category .tags-item .green .text-info {
  color: rgba(44, 229, 246, 0.2);
}

.client .information .Tag-category .tags-item .red .text-info {
  color: rgba(254, 77, 151, 0.2);
}

.client .information .Tag-category .passwords {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
}

.client .information .Tag-category .passwords .ant-form-item-control {
  width: 100%;
}

.client .information .passwords .ant-form-item:first-child {
  margin-right: 30px;
}

.client .information .passwords .ant-select {
  width: 94%;
}

.client .information .acountType {
  margin-top: 21px;
}

.client .information .acountType .ant-checkbox-wrapper {
  width: 100%;
  margin-left: 0;
  margin-bottom: 14px;
}

.client .information .acountType .partner {
  padding-left: 24px;
}

.client .information .acountType .batch {
  padding-left: 48px;
}

.client .information .update-button {
  margin-top: 26px;
}

.client .information .update-button .update {
  background-color: #ffab2b;
  border: 1px solid #ffab2b;
  border-radius: 4px;
  margin-right: 12px;
  margin-bottom: 26px;
}

.client .information .update-button .cancle {
  background-color: #f2f4f6;
  border: 1px solid #f2f4f6;
  border-radius: 4px;
}

.client .information .update-button .update a {
  padding: 14px 40px;
  display: inline-block;
  color: #ffffff;
}

.client .information .update-button .cancle a {
  padding: 14px 40px;
  display: inline-block;
  color: #778ca2;
}

.client .ant-form-item-control-input-content .ant-row {
  margin-bottom: 10px;
}

.client .ant-form-item-control-input-content .ant-row:last-child {
  margin-bottom: 0px;
}

.client .ant-form-item-control-input-content .checkBoxPartner {
  margin-left: 22px;
}

.client .ant-form-item-control-input-content .checkBoxBatch {
  margin-left: 45px;
}

.client .ant-form-item-control-input-content .checkBoxClient {
  margin-left: 22px;
}

.site-layout-content .ant-row {
  width: 100%;
}

.API .title {
  font-size: 20px;
  color: #252631;
  margin-bottom: 9px;
}

.API .api-key {
  display: flex;
  align-items: center;
  font-size: 14px;
  width: 100%;
}

.API .api-key .date {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 20%;
}

.API .api-key .date p {
  color: #98a9bc;
  margin-bottom: 5px;
}

.API .api-key .date .date-time {
  width: 100%;
  margin-bottom: 0;
  color: #4a4a4a;
}

.API .api-key .password {
  width: 59%;
}

.API .api-key .password p {
  color: #98a9bc;
  margin-bottom: 5px;
}

.API .api-key .password .ant-input {
  padding: 0;
  border: none;
  background-color: transparent;
}

.API .api-key .button {
  display: flex;
  margin-top: 20px;
  margin-left: 18px;
  width: 21%;
}

.API .api-key .button button {
  background-color: transparent;
  border: none;
}

.API .api-key .button button:focus {
  outline: none;
  box-shadow: none;
}

.API .api-key .button .show {
  margin: 0px 10px 0px 5px;
  font-weight: bold;
  color: #4d7cfe;
}

.API .api-key .button .delete {
  font-weight: bold;
  color: #d0021b;
}

.API .api-key .button .delete a {
  color: #d0021b;
}

.API .create-key .create {
  background-color: #ffab2b;
  border: 1px solid #ffab2b;
  border-radius: 4px;
  margin-top: 34px;
}

.API .create-key .create button {
  background-color: transparent;
  border: none;
  padding: 14px 62px;
  color: #ffffff;
  height: 46px;
  cursor: pointer;
}

.API .create-key .create button:focus {
  outline: none;
  box-shadow: none;
}

.ant-tabs .ant-tabs-nav-scroll {
  text-align: left;
}

.ant-tabs {
  overflow: inherit;
}

.ant-modal-body {
  padding: 12px 32px 4px !important;
}

.ant-modal-body p {
  padding: 20px 0;
  margin-bottom: 0;
}

.ant-tabs > .ant-tabs-nav {
  position: inherit !important;
}

.profile-form {
  background-color: #ffffff;
  padding-left: 24px;
}

.profile-form .ant-card-body {
  padding: 18px 24px 6px;
}

.profile-form .ant-form {
  padding: 17px 0 0 0 !important;
}

.profile-form .ant-form .header-info {
  border: 1px solid #e8ecef;
  border-radius: 4px;
  padding: 26px 26px 12px;
  margin-bottom: 30px;
}

.profile-form .ant-form .header-info .name {
  display: block;
  padding-top: 10px;
}

@media only screen and (min-width: 992px) {
  .profile-form .ant-form .form-row .ant-col-lg-12:first-child {
    padding-right: 15px;
  }

  .profile-form .ant-form .form-row .ant-col-lg-12:last-child {
    padding-left: 15px;
  }
}

.profile-form .ant-form .form-row .wrap-tags.tags-edit {
  margin-top: -10px;
  margin-bottom: 20px;
}

.profile-form .ant-form .form-row .wrap-tags.tags-edit .ant-tag {
  margin-top: 0px;
  margin-bottom: 10px;
}

.profile-form .ant-form .form-row .ant-checkbox + span {
  color: #778ca2;
  font-weight: 300;
}

.profile-form
  .ant-form
  .form-row
  .ant-checkbox-wrapper-checked
  .ant-checkbox
  + span {
  color: #252631;
}

.profile-form
  .ant-form
  .form-row
  .ant-checkbox-disabled.ant-checkbox-checked
  .ant-checkbox-inner::after {
  border-color: white;
}

.profile-form .ant-form .form-row .ant-checkbox-group-item {
  display: block;
  margin-top: 10px;
  margin-left: 8px;
}

.profile-form .ant-form .form-row .btn-save {
  margin-right: 12px;
}

.profile-preview .ant-form .text-dark {
  white-space: break-spaces;
}

.profile-preview .ant-card {
  margin-top: 0;
  margin-left: 10px;
  padding-top: 20px;
}

.profile-preview .ant-card,
.profile-preview .ant-card-body,
.profile-preview .profile-preview-content {
  height: 100%;
}

.profile-preview .ant-card-body {
  padding: 71px 24px 100px;
}

.profile-preview .profile-preview-content {
  background-color: #f8fafb;
  padding: 10px 24px;
}

.profile-preview .ant-form {
  padding: 0 !important;
}

.profile-preview .title {
  margin-bottom: 2px;
}

.profile-preview .header-info {
  text-align: center;
}

.profile-preview .header-info .name {
  line-height: 39px;
  margin: 3px 0 5px;
}

.profile-preview .header-info .type {
  padding-bottom: 5px;
}

.profile-preview .more-info {
  background: #ffffff;
  border: 1px solid #e8ecef;
  border-radius: 4px;
  padding: 23px 18px 35px;
  color: #000000;
  line-height: 22px;
}

.profile-preview .more-info .title {
  padding-bottom: 5px;
}

.ant-modal-root .ant-modal-wrap .ant-modal-content > .ant-modal-footer {
  display: block;
}

.dashboard_partner {
  padding: 20px 25px;
}

.dashboard_partner .list-team {
  overflow: scroll;
  height: calc(100vh - 123px);
}

.dashboard_partner .list-team::-webkit-scrollbar {
  display: none;
}

.dashboard_partner .page-view-two-column {
  margin: auto;
}

.dashboard_partner .page-view-two-column .ant-input-group-wrapper {
  margin-bottom: 14px;
}

.dashboard_partner .page-view-two-column .ant-card {
  margin-top: 0;
}

.main-content .ant-btn-lg {
  height: 52px;
}

.form-common .form-row .ant-form-item {
  margin-bottom: 10px;
}

.form-common .checkAutoTag {
  margin-bottom: 24px;
}

.dashboard_partner {
  padding: 20px 25px;
}

.dashboard_partner .page-view-two-column {
  margin: auto;
}

.dashboard_partner .page-view-two-column .ant-input-group-wrapper {
  margin-bottom: 14px;
}

.dashboard_partner .page-view-two-column .ant-card {
  margin-top: 0;
}

.main-content .ant-btn-lg {
  height: 52px;
}

.page-view-two-column {
  max-width: 1147px;
}

@media (min-width: 1441px) {
  .page-view-two-column {
    max-width: 90%;
  }
}

.page-view-two-column .list-team .ant-list-item-meta-title .level-user {
  font-weight: normal;
}

.page-view-two-column .list-team .ant-list-items .ant-list-item {
  padding: 21px 0 13px 0;
}

.page-view-two-column .ant-list-items .ant-list-item {
  padding: 20px 5px 20px 0;
}

.active-time {
  text-align: right;
  margin-right: 20px;
}

.page-view-two-column
  .list-team
  .ant-list-items
  .ant-list-item
  .ant-list-item-meta-avatar
  > div {
  color: #f0b003 !important;
  background: #fff6e9;
}

.active-time .active,
.active-time .time {
  margin-bottom: 0;
}

.active-time .active {
  font: 500 14px/16px Roboto;
  letter-spacing: 0.17px;
  color: #6dd230;
}

.recent-user .recent-user-content {
  margin-left: 30px;
}

.recent-user
  .recent-user-content
  > .ant-card.card-recent:first-child
  .ant-card-body
  li.ant-list-item {
  cursor: pointer;
}

.recent-user .card-recent {
  float: right;
  width: 100%;
  max-width: 100%;
}

.recent-user .ant-card-body {
  padding: 0;
}

.recent-user .ant-list-item-meta-title {
  margin: 0 !important;
}

.group-userrecent {
  clear: both;
  display: flow-root;
}

.group-userrecent p {
  margin-bottom: 0;
}

.group-userrecent p.name-user {
  float: left;
  font-size: 16px;
}

.group-userrecent p.time-recent {
  float: right;
  font-weight: normal;
}

.card-recent .ant-card-body {
  background: #ffffff;
}

.card-recent .ant-list-item {
  padding: 10px 0;
}

.card-recent .ant-avatar {
  height: 44px;
  width: 44px;
}

.card-recent .ant-list-split .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}

.card-recent .ant-card-head-title {
  padding-top: 20px;
  font-weight: normal;
  padding-bottom: 0;
}

.project-progress {
  margin: 0px 22px;
  display: flow-root;
  clear: both;
}

.project-progress .merge-project {
  float: left;
  margin: 0;
  font: 400 14px/21px Roboto;
  letter-spacing: 0;
  color: #98a9bc;
}

.project-progress .time-deadline {
  float: right;
  margin: 0;
  text-align: right;
  font: 400 14px/21px Roboto;
  letter-spacing: 0;
  color: #252631;
}

.ant-slider-handle {
  display: none;
}

.color-or .ant-slider-track {
  background-color: #ffab2b;
}

.color-gr .ant-slider-track {
  background-color: #6dd230;
}

.color-bl .ant-slider-track {
  background-color: #4d7cfe;
}

.la-ellipsis-h {
  font-size: 18px;
  color: #778ca2;
  margin-bottom: 5px;
}

.recent-user .ant-slider {
  margin: 6px 22px;
}

.recent-user .ant-form-item {
  margin-bottom: 18px;
}

th.ant-table-cell p.Sort {
  cursor: pointer;
}

.ant-input-search.ant-input-affix-wrapper {
  height: 52px;
}
.batch-requests table {
  padding: 0 15px;
}
.batch-requests tbody .ant-table-cell:first-child {
  color: #4a4a4a;
  font-weight: 300;
}
.batch-requests tbody .ant-table-cell:nth-child(2) {
  color: #4d7cfe;
  font-weight: bold;
}
.batch-requests tbody .ant-table-cell:nth-child(3) {
  color: #4d7cfe;
  font-weight: bold;
}
.batch-requests tbody .ant-table-cell:nth-child(4) {
  color: #4d7cfe;
  font-weight: bold;
}
.batch-requests .ant-pagination li::before {
  margin-top: 8px;
}
.batch-requests .ant-pagination li a {
  line-height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.batch-requests .ant-pagination-prev {
  margin-right: 22px !important;
}
.batch-requests .ant-pagination-next {
  margin-left: 22px !important;
}
.batch-requests .ant-table-wrapper {
  margin-top: 20px;
}
.batch-requests .ant-table-cell {
  padding: 16px 16px !important;
}

.ant-form .ant-input-lg {
  height: 52px;
}

.ant-pagination button {
  width: auto !important;
  display: inline-block !important;
}

.ant-menu-item .ant-badge {
  color: white;
}

.ant-menu-item-selected .ant-badge {
  color: #ffba00;
  font-weight: bold;
}

.detail table {
  padding: 0 15px;
}

.detail tbody .ant-table-cell:first-child {
  color: #4a4a4a;
}

.detail tbody .ant-table-cell:nth-child(3) {
  color: #4d7cfe;
  font-weight: bold;
}

.detail tbody .ant-table-cell:nth-child(6) {
  color: #4d7cfe;
  font-weight: bold;
}

.detail .ant-pagination li::before {
  margin-top: 8px;
}

.detail .ant-pagination li a {
  line-height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.detail .ant-pagination-prev {
  margin-right: 22px !important;
}

.detail .ant-pagination-next {
  margin-left: 22px !important;
}

.detail .th,
.td {
  display: flex;
  width: 100%;
}

.detail .th p {
  margin-right: 10px;
  width: 110px;
  color: #252631;
  font-size: 14px;
}

.detail .td p {
  margin-right: 10px;
  width: 110px;
  color: #252631;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.detail .ant-select-open .anticon-search,
.anticon-down {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.detail .search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.detail .search .ant-select {
  margin-left: 12px;
}

.detail .search .ant-select-selector {
  height: 52px;
  display: flex;
  align-items: center;
  position: relative;
}

.detail .ant-checkbox-wrapper {
  display: flex !important;
  height: 20px;
  width: 20px;
}

.ant-modal-content .ant-modal-content .popup-image img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}

.ant-modal-content .ant-modal-body {
  padding: 0 24px;
}

.ant-modal-content .popup-match {
  display: flex;
  padding: 16px 0;
  border-bottom: 1px solid #d8d8d8;
}

.ant-modal-content .popup-match:last-child {
  border-bottom: none;
}

.ant-modal-content .popup-match .popup-image {
  margin-right: 13px;
}

.ant-modal-content .popup-match .popup-content .popup-border {
  flex-wrap: wrap;
  display: flex;
}

.ant-modal-content .popup-match .popup-content .popup-border span {
  background-color: transparent;
  padding: 0;
  line-height: 20px;
  height: auto;
  margin-bottom: 0;
}

.ant-modal-content
  .popup-match
  .popup-content
  .popup-border
  span
  .anticon-close {
  display: none;
}

.ant-modal-content .popup-match .popup-content p {
  font-size: 15px;
  color: #252631;
  margin-bottom: 3px;
  line-height: 20px;
  padding: 0;
}

.ant-modal-content .popup-match .popup-content .popup-border p {
  margin-right: 8px;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 20px;
}

.ant-modal-content .ant-modal-footer .ant-btn-primary {
  width: 166px;
  height: 46px;
  font-size: 14px;
  font-weight: 700;
}

.ant-modal-content .ant-modal-footer .ant-btn {
  width: 148px;
  height: 46px;
  font-size: 14px;
  font-weight: 700;
}

.ant-modal-content .ant-modal-body .delete {
  margin-bottom: 0;
  padding: 30px 0px;
  font-size: 15px;
}

.ant-select-dropdown .ant-select-item-option-selected {
  display: block !important;
}

.ant-modal-body .noData {
  padding: 20px 0;
  font-weight: 500;
  margin-bottom: 0;
  display: none;
}

.ant-modal-body .noData:first-child {
  display: block;
}

.popup-match .ant-radio {
  margin-top: 18px;
}

.popup-match .popup-image img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}

.ant-table-row .status {
  font-weight: 400;
}

.ant-table tbody > tr.ant-table-row-selected > td {
  background: #f5f5f5;
}

.ant-modal-body .title-modal {
  font-size: 20px;
  color: #707070;
}

.ant-modal-close-icon {
  display: none;
}

.ant-modal-footer {
  padding: 20px 0;
  margin: 0 32px;
}

.form-item {
  padding-top: 22.5px;
  width: 29.8%;
}

.button {
  margin-top: 49.5px;
  margin-left: 15px;
}

.label {
  width: 100%;
  display: inline-flex;
  height: 19px !important;
  margin-bottom: 8px;
  color: #252631;
  font-size: 14px;
}

.batch-project {
  padding: 0 !important;
}

.batch-project .ant-tabs {
  position: relative;
}

.batch-project .form_Report .button-submit {
  position: absolute;
  top: 24px;
  right: 94px;
  display: flex;
}

.batch-project .form_Report .button-submit .save {
  width: 96px;
  z-index: 9;
  height: 46px;
  border-radius: 23px;
  background-color: #ededed;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.11);
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}

.batch-project .form_Report .button-submit .review {
  width: 96px;
  z-index: 9;
  height: 46px;
  background-color: #ededed;
  border-radius: 23px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.11);
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}

.batch-project .form_Report .button-submit .saving {
  position: absolute;
  right: 15px;
  top: -25px;
  font-weight: 500;
  font-size: 14px;
  color: rgba(33, 37, 41, 0.68);
}

.batch-project .form_Report .button-submit .publish {
  width: 119px;
  z-index: 9;
  height: 46px;
  border-radius: 23px;
  border: none;
  background-color: #ffba00;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.11);
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

.batch-project .tab1 {
  background-color: #ffffff;
}

.batch-project .tab2 {
  border: none;
  box-shadow: none;
}

.batch-project .form_Report .ant-form-item-label {
  height: 27px;
}

.batch-project .form_Report .ant-form-item-label label {
  width: 100%;
  display: inline-flex;
  height: 19px !important;
  margin-bottom: 8px;
  color: #252631;
  font-size: 14px;
}

.batch-project .ant-collapse-header {
  font-size: 14px;
  font-weight: 500;
  color: #000000 !important;
  background-color: #ffffff;
  height: 63px;
  display: flex;
  align-items: center;
  padding-left: 43px;
}

.batch-project .ant-card {
  max-width: 100% !important;
  background-color: transparent;
  margin-top: 0;
}

.batch-project .ant-card-body {
  padding: 0;
}

.batch-project .ant-typography {
  text-align: left !important;
  background-color: #ffffff;
  text-align: center;
  padding: 12px 0 0;
  margin: 0;
  padding-left: 91px;
}

.batch-project .ant-tabs-bar {
  border-bottom: 1px solid #ffffff;
  padding: 0px 91px 1px;
  margin-bottom: 45px;
  background-color: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
}

.batch-project .ant-tabs-content {
  width: auto;
  margin: 0 93px !important;
  display: block !important;
}

@media (max-width: 992px) {
  .batch-project .ant-tabs-content {
    margin: 0 25px !important;
  }
}

.batch-project .overview_background {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 25px;
}

.batch-project .overview_background .project-detail-view .ant-form-item {
  padding: 0;
}

.batch-project .ant-form-item {
  padding-left: 43px;
}

.batch-project .ant-form-item {
  margin-bottom: 0;
  padding-top: 15px;
}

.batch-project .forms:first-child .ant-form-item {
  padding-top: 24px;
}

.batch-project .forms .ant-select {
  padding-left: 43px;
}

.batch-project .forms .ant-select-selector {
  height: 46px;
}

.batch-project .forms {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  color: #000000;
  font-size: 14px;
}

.batch-project .input-form {
  width: 500px;
}

.batch-project .forms .ant-form-item-control {
  width: 100%;
}

.batch-project .forms .ant-form-item-control input {
  height: 46px;
}

.batch-project .form-address .validate {
  margin-bottom: 0;
  font-size: 13px;
  color: red;
}

.batch-project button {
  height: 46px;
  margin-left: 17px;
  font-size: 14px;
  font-weight: 500;
}

.batch-project .buttons .icon {
  font-size: 14px;
  color: #000000;
  margin-right: 5px;
}

.batch-project .ant-btn:focus svg {
  color: #ffcd29;
}

.batch-project .buttons .ant-btn:hover .icon {
  color: #ffcd29;
}

.batch-project .forms .title-select {
  width: 100%;
  margin-bottom: 8px;
  padding-left: 43px;
  margin-top: 15px;
  font-size: 14px;
  color: #252631;
  font-weight: lighter;
}

.batch-project .ant-collapse-item:first-child .ant-collapse-content-box {
  padding: 0 0 28px;
}

.batch-project .ant-collapse-content-box {
  padding: 0 0 8px;
}

.batch-project .ant-select-row {
  top: 65% !important;
}

.batch-project .form-address {
  display: flex;
  flex-wrap: wrap;
}

.batch-project .collapse1 {
  margin: 43px 43px 0px 43px;
}

.batch-project .collapses {
  margin: 0 43px;
}

.batch-project .form-address .inputs {
  width: 28%;
  padding-left: 43px;
  padding-top: 8px;
}

.batch-project .form-address .end_date {
  padding-left: 15px !important;
  width: 32.5% !important;
}

.batch-project .form-address .buttons {
  width: 39.5%;
}

.batch-project .form-address .buttons button {
  margin-top: 50px;
}

.batch-project .form-address .inputs .ant-form-item {
  width: 100%;
  padding-left: 0px;
}

.batch-project .form-address .inputs .ant-form-item-control {
  width: 100%;
}

.batch-project .form-address .ant-form-item-control input {
  height: 46px;
}

.batch-project .form-address .inputs .ant-form-item-required {
  height: 19px;
  margin-bottom: 8px;
}

.batch-project .form-address .select {
  width: 100%;
  padding-left: 43px;
  display: flex;
}

.batch-project .form-address .select .ant-select {
  max-width: 318px;
  margin-right: 14px;
}

.batch-project .form-address .select .ant-checkbox-wrapper {
  margin-left: 6px;
}

.batch-project .form-address .select {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}

.batch-project .form-address .select .select_date {
  width: 25.4%;
}

.batch-project .form-address .select .select_date:nth-child(2) {
  margin-left: 15px;
}

.batch-project .form-address .select label {
  width: 100%;
  display: inline-flex;
  height: 19px !important;
  margin-bottom: 8px;
  color: #252631;
  font-size: 14px;
}

.batch-project .form-address .select .ant-picker {
  width: 100%;
}

.batch-project .form-address .select .checkbox {
  margin-left: 20px;
  margin-top: 40px;
}

.batch-project .form_Report .add-button {
  margin: 22px 43px 25.5px;
  display: flex;
}

.batch-project .form_Report .add-button .add {
  width: 129px;
  height: 46px;
  border: 1px solid #ffba00;
  background-color: #ffba00;
  border-radius: 4px;
  margin-left: 0;
  color: #252631;
  font-size: 14px;
  font-weight: 500;
}

.batch-project .form_Report .add .fa-plus {
  color: #000000;
  margin-right: 5px;
}

.batch-project .form_Report .add-button .delete {
  border: none;
  width: 129px;
  height: 46px;
  background-color: transparent;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.batch-project .form_Report .delete .fa-trash-alt {
  width: 10px;
  height: 20px;
  color: #000000;
  margin-right: 5px;
}

.batch-project .form_Report .delete span {
  margin-top: 2px;
}

.batch-project .ant-row {
  display: inline-block;
}

.batch-project .ant-input {
  color: #000000;
}

.batch-project .form_Report .information {
  border: 0px solid #e6e6e6;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.batch-project .form_Report .form {
  display: flex;
  padding-left: 33px;
}

.batch-project .form_Report .form .ant-form-item {
  width: 20%;
  padding-left: 13px;
}

.batch-project .form_Report .form .ant-form-item .ant-form-item-control {
  width: 100%;
}

.batch-project .form_Report .form .select-form {
  margin: 15px 13px 0;
  width: 19%;
}

.batch-project .form_Report .form .select-form .title-select {
  width: 100%;
  display: inline-flex;
  height: 19px !important;
  margin-bottom: 8px;
  color: #252631;
  font-size: 14px;
  height: 19px;
}

.batch-project .form_Report .form .select-form .ant-select-selector {
  height: 46px;
}

.batch-project .form_Report .form .buttons button {
  margin-top: 42px;
  margin-left: 2px;
}

.batch-project .form_Report .officers .form .buttons button {
  margin-left: 13px;
}

.batch-project .form_Report .litigation .form .ant-form-item {
  padding-top: 22.5px;
  width: 29.8%;
}

.batch-project .form_Report .litigation .form .buttons button {
  margin-top: 49.5px;
  margin-left: 15px;
}

.batch-project .form_Report .complaints .form .ant-form-item {
  padding-top: 22.5px;
  width: 29.8%;
}

.batch-project .form_Report .complaints .form .buttons button {
  margin-top: 49.5px;
  margin-left: 15px;
}

.batch-project .form_Report .individuals {
  font-size: 30px;
  font-weight: bold;
  color: #1b1e24;
  margin-top: 25px;
}

.batch-project .form_Report .history {
  border: 1px solid #e6e6e6;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.batch-project .form_Report .history .border-panel {
  padding: 35px 43px;
  background-color: #ffffff;
}

.batch-project .form_Report .history .border-panel .ant-collapse {
  border: 1px solid #e6e6e6;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.batch-project .form_Report .history .border-panel .add-buttons {
  padding-left: 0 !important;
}

.batch-project .form_Report .history .ant-collapse-content-box {
  padding: 0 0 8px;
}

.batch-project .form_Report .history .litigation .form .ant-form-item {
  padding-top: 22.5px;
  width: 29.8%;
}

.batch-project .form_Report .history .litigation .form .buttons button {
  margin-top: 49.5px;
  margin-left: 15px;
}

.batch-project .form_Report .history .input-form {
  width: 543px;
}

.batch-project .ant-tabs-nav-wrap {
  padding-left: 91px;
  background-color: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
}

.batch-project .ant-tabs-nav-wrap .ant-tabs-tab:first-child {
  margin: 0;
}

.batch-project .ant-tabs-nav-wrap .ant-tabs-tab:first-child .ant-tabs-tab-btn {
  text-align: left;
}

.batch-project .ant-tabs-nav-wrap .ant-tabs-tab:nth-child(3) {
  margin: 0 0 0 52px;
}

.batch-project .ant-tabs-nav-wrap .ant-tabs-tab {
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  margin: 0 0 0 56px;
  font-size: 14px;
  min-width: 147px;
}

.batch-project .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn {
  width: 100%;
  text-align: center;
}

.batch-project .ant-tabs-nav-wrap .ant-tabs-tab-active {
  font-weight: bold;
}

.batch-project .ant-tabs-nav {
  margin: 0 0 45px 0;
}

.batch-project .ant-tabs-nav::before {
  border: none;
}

.modal_ReportBatch .ant-modal-body {
  padding: 22px 24px !important;
}

.modal_ReportBatch .ant-modal-body .modal_title {
  font-size: 20px;
  font-weight: 500;
  color: #252631;
  margin-bottom: 0;
}

.modal_ReportBatch .ant-modal-body .modal_boder {
  margin-top: 19px;
}

.modal_ReportBatch .ant-modal-body .modal_boder .ant-form-item {
  margin-bottom: 0;
}

.modal_ReportBatch .ant-modal-body .modal_boder p {
  padding: 15px 18px 28px 20px !important;
  font-size: 14px;
  color: #252631;
}

.modal_ReportBatch .ant-modal-footer {
  border: none;
  padding: 3px 0px 31px 0px;
}

.modal_ReportBatch .ant-modal-footer .ant-btn {
  width: 96px;
  height: 46px;
  background-color: #f2f4f6;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #778ca2;
}

.modal_ReportBatch .ant-modal-footer .ant-btn-primary {
  width: 96px;
  height: 46px;
  border-radius: 4px;
  background-color: #ffab2b;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

.batch-project .avatar-name span {
  padding-left: 0 !important;
  background-color: transparent;
}

.batch-project .form_Report {
  color: #000000;
  font-size: 14px;
}

.batch-project .form_Report .button-submit {
  position: absolute;
  top: 24px;
  right: 94px;
}

.batch-project .form_Report .button-submit .editing {
  z-index: 999;
  height: 46px;
  border-radius: 23px;
  background-color: #ededed;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.11);
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}

.batch-project .form_Report .collapse:last-child {
  margin-bottom: 11px;
}

.batch-project .form_Report .collapse {
  margin-top: 23px;
}

.batch-project .form_Report .collapse .name {
  font-weight: 500;
  margin-right: 11px;
  color: rgba(0, 0, 0, 0.36);
}

.batch-project .form_Report .collapse .name .full_name {
  color: #1b1e24;
}

.batch-project .form_Report .collapse ul {
  list-style: none;
  margin-bottom: 0;
}

.batch-project .form_Report .collapse ul li {
  font-size: 12px;
}

.batch-project .form_Report .collapse ul li:before {
  content: '+';
  padding-right: 5px;
}

.batch-project .form_Report .panels {
  padding-bottom: 30px;
}

.batch-project .form_Report .panels .collapse:last-child {
  margin-bottom: 0px;
}

.batch-project .form_Report .panels::after {
  content: '';
  width: 580px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.09);
  height: 1px;
  position: absolute;
  margin-left: 43px;
  margin-top: 30px;
}

.batch-project .form_Report .panels:last-child::after {
  content: none;
}

.batch-project .form_Report .contents {
  display: flex;
  flex-wrap: wrap;
  padding: 26px 43px 46px;
}

.batch-project .form_Report .contents .record {
  width: 50%;
  padding-right: 17px;
}

.batch-project .form_Report .contents .record p {
  margin-bottom: 0;
  color: #1b1e24;
}

.batch-project .form_Report .contents .record .title {
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.36);
}

.batch-project .form_Report .contents ul {
  list-style: none;
  margin-bottom: 0;
  margin-top: 7px;
  padding-left: 0;
}

.batch-project .form_Report .contents ul li {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.36);
}

.batch-project .form_Report .contents ul li:before {
  content: '+';
  padding-right: 5px;
}

.batch-project .form_Report .history_collapse .collapse {
  margin-bottom: 32px;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  top: auto;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin-top: -1px;
}

.auth-layout-conten {
  padding-bottom: 10px;
}

.auth-form .form-header {
  padding-bottom: 20px;
}

.auth-form .form-header h1 {
  margin-bottom: 8px;
  font-weight: normal;
}

@media only screen and (min-width: 1440px) {
  .auth-form .form-header {
    padding-bottom: 40px;
  }
}

.auth-form .ant-form {
  max-width: 90%;
  width: 436px;
  padding: 3%;
  background: #ffffff;
  border-radius: 4px;
  margin: 0 auto;
}

.auth-form .values-img-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 50%;
  min-width: 436px;
}

@media only screen and (min-width: 1300px) {
  .auth-form .ant-form {
    padding: 3% 6.7%;
    width: 555px;
  }
}

@media only screen and (max-width: 576px) {
  .auth-form .ant-form {
    padding: 30px;
    margin: 0 5%;
  }
}

.auth-form .ant-form .form-min-height {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.auth-form .ant-form .ant-btn-primary {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 1300px) {
  .auth-form.password-reset-confirm-page .ant-form {
    padding: 4% 97px 8.8% 98px;
  }
}

.auth-form.password-reset-confirm-page .ant-form .form-header {
  padding-bottom: 24px;
}

.auth-form .ant-form-vertical .ant-form-item {
  margin-bottom: 18px;
}

.auth-form .ant-form-vertical .ant-form-item-label {
  padding-bottom: 10px;
}

.auth-form .ant-form-vertical .ant-form-item-label > label {
  height: 20px;
}

.login-as-page {
  background: #000;
  min-height: 100vh;
}

.login-as-page.auth-form .form-header {
  padding-bottom: 10px;
}

.login-as-page .item-user {
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 11px 20px 13px 15px;
}

.login-as-page .item-user i.la.la-angle-right {
  font-size: 16px;
  color: #4a4a4a;
}

.login-as-page .item-user table.avatar-name td .avatar {
  width: 41px;
  height: 41px;
  padding: 1px;
  border-width: 1px;
}

th.ant-table-cell p.Sort {
  cursor: pointer;
}

@media (max-width: 768px) {
  input[type='color'],
  input[type='date'],
  input[type='datetime'],
  input[type='datetime-local'],
  input[type='email'],
  input[type='month'],
  input[type='number'],
  input[type='password'],
  input[type='search'],
  input[type='tel'],
  input[type='text'],
  input[type='time'],
  input[type='url'],
  input[type='week'],
  select:focus,
  textarea {
    font-size: 16px;
  }
}

.new-project .ant-select-selector {
  padding: 6px 11px !important;
  height: 100% !important;
}

.user-detail-page .tag-category-select-wrapper .ant-select-selector {
  padding: 6px 11px !important;
  height: 100% !important;
}

.user-detail-page .profile-form .ant-form .form-row .wrap-tags.tags-edit {
  margin-top: 0px;
}

.client-dashboard .list-team {
  margin-top: 20px;
}

.detail-project .ant-tabs-tab {
  margin-left: 0px;
  margin-right: 64px;
}

.partner-detail-project .ant-tabs-tab {
  margin-left: 0px;
  margin-right: 64px;

  font-size: 18px;
}

.project-detail-view {
  padding-top: 0px;
}

.ant-page-header-footer {
  margin-top: 0px;
}

.project-detail-view .steps > li {
  width: 70px;
}

@media (min-width: 1200px) {
  .project-detail-view .steps > li {
    width: 80px;
  }
}

.ant-page-header-heading-title {
  font-weight: 500;
}

.admin-header .ant-tabs-tab-btn {
  font-size: 18px;
}

.admin-header .ant-tabs-tab-active .ant-tabs-tab-btn {
  font-weight: bold;
}

.project-detail-view .search input,
.project-detail-view .search .ant-input-search-button {
  height: 52px;
}

.project-detail-view .search .ant-input-search-button {
  border-left: none;
}

.project-detail-view .ant-input-group-wrapper .ant-input-search {
  margin-bottom: 10px;
}

.admin-partner-card .ant-tag {
  margin-bottom: 0px;
  padding: 4px 8px;

  height: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.admin-partner-card .ant-list-item-meta {
  align-items: center;
}

.project-detail-view .suggested-partner .ant-list-items {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

.detail-project .ant-tabs-tab.ant-tabs-tab-disabled {
  color: #98a9bc;
}

.partner-state-modal {
  width: 680px !important;
}

.partner-state-modal .ant-modal-header,
.proposal-modal .ant-modal-header {
  padding: 0px;
  border-bottom: none;
}

.partner-state-modal .ant-modal-close,
.proposal-modal .ant-modal-close {
  top: 8px;
}

.partner-state-modal .ant-modal-close-x,
.proposal-modal .ant-modal-close-x {
  display: flex;
  align-items: center;
  justify-content: center;
}

.partner-state-modal .ant-modal-title,
.proposal-modal .ant-modal-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #778ca2;
}

.partner-state-modal .ant-modal-body,
.proposal-modal .ant-modal-body {
  padding: 0px !important;
}

.partner-state-modal .ant-modal-content,
.proposal-modal .ant-modal-content {
  padding: 24px;
}

.proposal-modal .ant-card-body {
  padding: 0;
  margin-top: 24px;
}

.project-detail-view .edit-project-dropdown button {
  display: flex;
  justify-content: center;
  text-align: center;
}

.project-detail-view .edit-project-dropdown svg {
  height: 14px;
  width: 14px;
}

.edit-project-detail-form label {
  font-weight: 300;
  line-height: 16px;
}

.edit-project-detail-form .ant-checkbox-wrapper svg {
  margin-left: 8px;
}

.edit-project-detail-form .ant-tag {
  line-height: 16px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
}

.edit-project-detail-form .ant-input-prefix {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #98a9bc;
  margin-right: 16px;
}

.edit-project-detail-form .anticon-search svg {
  margin: 0px;
}

.edit-project-detail-form .form-tags .ant-select-arrow {
  right: 22px;
}

.admin-partner-card .ant-list-item-meta-title {
  margin-top: 0px !important;
}

.delete-button .ant-menu-item {
  height: 46px;
  display: flex;
  align-items: center;
  line-height: 16px;
  padding-left: 20px;
}

.close-button .ant-menu-item {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.batch-requests .site-layout-content {
  background: #ffffff;
  box-shadow: 3px 3px 8px -4px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 24px;
}

.project-search .ant-input,
.batch-request-search .ant-input {
  border-right: none;
}

.project-search .ant-input:focus,
.batch-request-search .ant-input:focus {
  border-right: none;
  box-shadow: none;
}

.project-search .ant-input-search-button,
.batch-request-search .ant-input-search-button {
  border-left: none;
}

.project-search .ant-input-search-button svg,
.batch-request-search .ant-input-search-button svg {
  margin-top: 0px;
}

.project-search:hover button,
.project-search:hover input,
.project-search .ant-input:focus + .ant-input-group-addon button {
  border-color: #ffcd29;
}

.batch-request-search:hover button,
.batch-request-search:hover input,
.batch-request-search .ant-input:focus + .ant-input-group-addon button {
  border-color: #ffcd29;
}

.batch-requests .sort-icon {
  color: #98a9bc;
}

th.ant-table-cell p.sort-label {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.batch-project .batch-project-report {
  margin-left: 111px;
  margin-right: 111px;
  padding-top: 56px;
}

.batch-project-detail .batch-project-report {
  background: #ffffff;
}

.batch-project-report .ant-steps-item-container {
  position: relative;
}

.batch-project-report .ant-steps-item-content {
  width: 188px;
  text-align: center;
  position: absolute;
  left: -27px;
}

.batch-project-report .ant-steps-item-icon {
  z-index: 5;
}

.batch-project-report .ant-steps-item-tail::after {
  height: 4px;
  z-index: 4;
}

.batch-project-report .ant-steps-item-finish .ant-steps-item-tail::after {
  background: #4d7cfe;
}

.batch-project-report .ant-steps-icon {
  z-index: 10;
}

.batch-project-report .ant-steps-item-process .ant-steps-icon svg {
  stroke: #4d7cfe;
  stroke-width: 28px;
}

.batch-project-detail .batch-project-report .ant-steps-item-title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 16px;
}

.batch-project-detail-header .ant-page-header-heading-title {
  font-weight: 500;
}

.batch-project-detail-header .ant-page-header-footer .ant-tabs-tab-btn {
  font-size: 18px;
}

.batch-project-detail-header
  .ant-page-header-footer
  .ant-tabs-tab-active
  .ant-tabs-tab-btn {
  font-weight: bold;
}

.batch-project-detail-header .ant-page-header-footer {
  margin-top: 0px;
}

.batch-project-detail-header .ant-page-header-footer .ant-tabs-tab {
  margin-right: 54px;
}

.batch-project-detail .project-report .ant-card-body {
  padding: 56px 24px;
}

.batch-project-detail-header {
  padding-left: 135px;
  padding-right: 135px;
}

.batch-project-steps .ant-steps-item-custom:last-child::after {
  z-index: 1;
}

.batch-project-steps .ant-steps-item-custom:first-child::before {
  width: 125px;
  position: absolute;
  left: -61px;
}

.batch-project-steps .ant-steps-item-custom:last-child::after {
  width: 144px;
  position: absolute;
  right: -61px;
}

.batch-project-report .create-report-form .ant-form-item-control-input-content {
  display: flex;
}

.reference-modal .ant-modal-body {
  padding: 24px !important;
}

.reference-modal label,
.create-report-form label {
  font-weight: 300;
}

.create-report-form .ant-form-item {
  margin-bottom: 0px;
}

.create-report-form .ant-select-selector {
  height: 52px !important;
}

.create-report-form .ant-select-selector .ant-select-selection-item {
  display: flex;
  align-items: center;
}

.create-report-form .checkbox-group {
  position: absolute;
  bottom: 0;
}

.create-report-form .checkbox-group .ant-checkbox-wrapper {
  display: flex;
  align-items: center;
}

.create-report-form .ant-picker {
  width: 100%;
}

.create-report-form .date-picker .ant-form-item-control-input-content {
  height: 52px !important;
}

.create-report-form .ant-select-selection-search {
  display: flex;
  align-items: center;
}

.create-report-form .ant-collapse-borderless > .ant-collapse-item {
  border: none;
}

.create-report-form .individual-form-collapse .ant-collapse-header {
  display: flex;
  align-items: center;
}

.create-report-form .individual-form-collapse .ant-collapse-arrow {
  height: 18px;
  width: 18px;
  margin-right: 2px;
}

.create-report-form .add-reference-button {
  height: 52px;
}

.create-report-form
  .affiliated-business-collapse
  .ant-collapse-item-active
  .ant-collapse-header {
  border-bottom: 2px solid #e8ecef;
  padding-left: 28px;
  padding-right: 28px;
  margin-bottom: 24px;
}

.batch-project-detail .report-review .ant-card-body {
  padding: 0px;
}

.batch-project-detail .review-report-collapse.ant-collapse {
  background: white;
}

.batch-project-detail .review-report-collapse .ant-collapse-header {
  height: 66px;
  background: #e8ecef;
  display: flex;
  align-items: center;
  padding: 24px;
  margin-bottom: 40px;

  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #252631;
  text-transform: uppercase;
}

.batch-project-detail .review-report-collapse .ant-collapse-header span {
  margin-right: 8px;
}

.batch-project-detail .review-report-collapse .ant-collapse-header svg {
  height: 16px;
  width: 16px;
}

.batch-project-detail
  .review-report-collapse
  .ant-collapse-item-active
  .ant-collapse-header {
  margin-bottom: 0px;
}

.batch-project-detail
  .report-review
  .ant-collapse-content
  > .ant-collapse-content-box {
  padding: 24px;
}

.batch-project-detail
  .review-report-collapse
  .review-report-panel
  .common-section:last-child {
  border-bottom: none;
  margin-bottom: 16px;
}

.batch-project-detail .report-review .individual-collapse {
  border: 1px solid #e8ecef;
}

.batch-project-detail .report-review .individual-collapse .ant-collapse-header {
  border-bottom: 1px solid #e8ecef;
  background: #f8fafb;
  padding: 16px;
}

.batch-project-detail
  .report-review
  .individual-collapse
  .ant-collapse-content {
  background: white;
}

.reference-modal .ant-modal-header {
  border-bottom: none;
  display: flex;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 0px;
}

.reference-modal .ant-modal-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #778ca2;
}

.batch-request-detail {
  padding: 24px 111px;
}

.batch-request-detail .site-layout-content {
  padding: 24px;

  background: #ffffff;
  box-shadow: 3px 3px 8px -4px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.batch-request-detail th.ant-table-cell p.sort-label svg {
  color: #98a9bc;
}

.custom-modal .ant-modal-content {
  padding: 24px;
}

.custom-modal .ant-modal-content .ant-modal-close {
  top: 9px;
}

.custom-modal .ant-modal-header {
  border-bottom: none;
  padding: 0px !important;
}

.custom-modal .ant-modal-header .ant-modal-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;

  color: #778ca2;
}

.custom-modal .ant-modal-body {
  padding: 0px !important;
}

.choose-partner-modal .tag-group .ant-tag {
  height: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 0px !important;
}

.batch-request-detail .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  background-color: #778ca2;
}

.project-tabs .ant-tabs-nav {
  margin-top: 20px;
}

.project-tabs .ant-tabs-content-holder {
  margin: 0px;
  border: none;

  @media screen and (max-width: 1400px) {
    max-width: calc(100vw - 300px);
  }

  @media screen and (max-width: 1200px) {
    max-width: calc(100vw - 40px);
  }
}

.project-tabs .ant-tabs-tabpane {
  padding-left: 0px !important;
}

.project-tabs .ant-tabs-tab {
  border: none !important;
  padding: 15px 25px !important;
  border-radius: 4px 0px 0px 4px;
  font-size: 14px;
  line-height: 16px;
  color: #778ca2;
}

.project-tabs .ant-tabs-tab svg {
  margin-right: 6px;
}

.project-tabs .ant-tabs-tab path {
  fill: #778ca2;
}

.project-tabs .ant-tabs-tab-active {
  background: white;
  font-weight: bold;
}

.project-tabs .ant-tabs-tab-active path {
  fill: #ffba00;
}

.project-tabs .ant-tabs-content-holder .ant-card-body {
  padding: 24px;
}

.ant-table .ant-table-thead .ant-table-cell::before {
  display: none;
}