.status-gray > input {
  color: gray;
}
.status-green > input {
  color: green!important;
}
.status-orange > input {
  color: orange!important;
}
.status-purple > input {
  color: purple!important;
}
.status-black > input {
  color: black!important;
}
.status-red > input {
  color: red!important;
}

/* Общий файл стилей, писать сюда только при необходимости, старатся описывать стили в компонентах */
body {
  display: flex;
  height: 100vh;
  flex-direction: column;
  margin: 0;
  font-size: 13px;
}
#app {
  display: flex;
  height: 100vh;
  flex-direction: column;
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.65);
}
.container {
  display: flex;
  flex: 1;
  height: 100%;
}
.rightcontent,
.leftcontent,
.content {
  margin: 10px;
  box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.13), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.11);
}
.content {
  flex: 1;
}
.rowContainer {
  flex-direction: row;
}
.colContainer {
  flex-direction: column;
}
.pointer {
  cursor: pointer;
}
.hidden {
  display: none;
}
.combinationIcon > span:first-child {
  margin: 2px;
}
.combinationIcon > span:last-child {
  margin-left: -17px;
}
.autoHeightScreen {
  overflow: auto;
  height: 85vh;
  max-height: 85vh;
}
.customAvatar {
  color: #1890ff;
  background-color: #e4f2ff;
}
.customAvatar:hover {
  background-color: #e4f2ff;
}
.customButtonIcon {
  background: none;
  border: none;
}
.customButtonIcon:hover {
  background: none;
  border: none;
}
.anticon.error {
  color: #f5222d;
}
.customModal .ant-modal-body {
  display: flex;
  flex-Direction: column;
  max-height: 65vh;
  overflow: auto;
}
.visuallyHidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  top: 0;
}
.ant-row.fixRowPadding {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.ant-row.fixRowPadding .ant-col:first-child {
  padding-left: 0 !important;
}
.ant-row.fixRowPadding .ant-col:last-child {
  padding-right: 0 !important;
}
.picker-fall input {
  color: red;
}


.ant-form-vertical .ant-form-item-label > label {
  font-size: 11px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 5px 10px;
}
.errors {
  color: #f5222d;
  font-weight: 400;
  font-style: italic;
}
.upload-list-inline .ant-upload-list-item {
  float: left;
  width: 200px;
  margin-right: 8px;
  margin-top: 5px;
}
.upload-list-inline [class*='-upload-list-rtl'] .ant-upload-list-item {
  float: right;
}
.ant-input-clear-icon,
.ant-select-clear {
  color: rgba(128, 128, 128, 0.45);
}
.ant-form-vertical .ant-form-item {
  margin-bottom: 5px;
}
.ant-card {
  background: transparent;
}
.ant-form-item-control-input:not(:hover) .anticon-close-circle {
  display: none;
}
.addon-antstyle > *:first-child {
  width: 66px;
}
.addon-antstyle > *:first-child .ant-select-selector {
  background-color: #fafafa;
}
.addon-antstyle > *:first-child .ant-select-selector .ant-select-selection-item {
  text-align: center;
}
.addon-antstyle > *:last-child {
  width: calc(100% - 66px);
}
.ant-input-prefix > .anticon {
  padding-right: 3px;
}
.newItem {
  color: #52c41a;
}
.importantBtn {
  background: #faad14;
  border-color: #faad14;
}
.importantBtn:hover {
  background-color: #f6b83d !important;
  border-color: #f6b83d !important;
}