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

.containerWidth {
  width: 100% !important;
  height: 250px  !important;
}

.containerWidth > ol > li {
  cursor: pointer !important;
}

.ant-upload-picture-card-wrapper {
  height: 95% !important;
  padding-bottom: 20px;
}

.ant-upload-picture-card-wrapper > div {
  height: 100% !important;
}

.selectedImage {
  width: -webkit-max-content !important;
  width: max-content !important;
  max-height: 470px;
  padding-bottom: 0;
}

.selectedImageMaxHeight {
  max-height: 460px;
}

.dragged {
    border: 2px dashed #000;
    background-color: #f0f0f0;
    opacity: 0.5;
}
.fixPadding > .ant-collapse-item > .ant-collapse-header {
  padding-left: 10px !important;
}
.containerWidth {
  width: 100% !important;
  height: 250px !important;
}

.containerWidth > ol > li {
  cursor: pointer !important;
}

.selectedBox {
  border: 1px solid #1A400D;
  box-shadow: 0 1px 15px 1px rgb(31 122 67 / 55%);
}

.drawer {
  position: absolute;
  z-index: 1000;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.85);
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 0 0 0.25rem 0.25rem;
}

.drawerFields {
  color: white;
  font-size: 16px;
}

.drawerFields > .ant-checkbox > .ant-checkbox-inner {
  background: transparent;
  height: 18px;
  width: 18px;
}

.drawerBack {
  position: relative;
  z-index: 500;
}