body * {
  font-size: 14px !important;
  font-family: "signika", sans-serif !important;
}

.ai {
  font-family: 'Academicons', serif !important;
  line-height: unset !important;
}

.badge-font-size {
  font-size: 11px !important;
}

.swal-text {
  font-size: 16px !important;
}

.swal-title {
  font-size: 16px !important;
}

.swal-overlay {
  backdrop-filter: blur(2px) !important;
}

#components-layout-demo-top-side-2 .logo {
  float: left;
  width: 120px;
  height: 31px;
  margin: 16px 24px 16px 0;
  background: rgba(255, 255, 255, 0.3);
}

.sc-hAXbOi:hover {
  background-color: #757575 !important;
}

/*.rainbow-menu-item {*/
/*  margin-right: 15px !important;*/
/*}*/

.rainbow-menu-item:hover {
  background-color: #e0e0e0 !important;
}

.ant-row-rtl #components-layout-demo-top-side-2 .logo {
  float: right;
  margin: 16px 0 16px 24px;
}

.site-layout-background {
  background: #fff;
}

.ant-header {
  border-radius: .25rem !important;
}

.rainbow-table_header-container {
  background-color: #343a40 !important;
}

.site-layout-content {
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}

#components-layout-demo-top .logo {
  float: left;
  width: 120px;
  height: 31px;
  margin: 16px 24px 16px 0;
  background: rgba(255, 255, 255, 0.3);
}

.ant-row-rtl #components-layout-demo-top .logo {
  float: right;
  margin: 16px 0 16px 24px;
}

.route-button {
  padding: 4px 16px !important;
}

.v-align-0 {
  vertical-align: 0 !important;
}

.header-logo {
  float: left;
  width: 120px;
  height: 31px;
  font-size: 18px;
}

.sc-hUMlYv {
  padding: 0 !important;
}

#bg-container {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "Numans", sans-serif;
}

table {
  margin: 0 !important;
  padding: 0 !important;
  border-collapse: collapse !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

thead > tr > th {
  background: #eeeeee !important;
  color: #424242 !important;
  font-weight: bold !important;
  vertical-align: middle !important;
}

.ant-table-wrapper .ant-table-container table > thead > tr:first-child > *:first-child {
  background: #eeeeee !important;
}

tbody > tr > td {
  border: 1px solid #dee2e6 !important;
}

thead > tr {
  height: 45px !important;
}

tbody tr:nth-child(odd) {
  background-color: #eceff1 !important;

}

tbody > tr > td {
  transition: background 0.3s;
}

tbody tr:hover td {
  background-color: #e0e0e0 !important;
  border-bottom: 2px solid #EF4444 !important;
}

.ant-table-expanded-row .ant-table-cell td {
  background-color: transparent !important;
  border-bottom: none !important;
}

tfoot > tr > th {
  background: #eeeeee !important;
  color: #424242 !important;
}

.max-width-250 {
  max-height: 250px;
  overflow: scroll;
}

.max-width-600 {
  max-height: 600px;
  overflow: scroll;
}

.min-h-550 {
  min-height: 550px !important;
}

.height-450 {
  max-height: 400px;
  height: 400px;
  overflow: scroll;
}

.max-height-550 {
  max-height: 30rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.search-input {
  padding: 10px 10px;
  height: 52px;
  position: relative;
}

.make-center {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mrg-oto {
  margin: 6% auto;
}

.col-centered {
  float: none !important;
  margin: 0 auto !important;
}

.first-char-big {
  text-transform: capitalize !important;
}

.unipa-bread-crumb-bg {
  background-color: #f5f5f5 !important;
  color: #000000 !important;
  padding: 0 !important;
}

.unipa-bread-crumb-title {
  color: #000000 !important;
}

.unipa-bread-crumb-items {
  color: #4b54fc !important;
}

.unipa-bread-crumb-items-active {
  color: #003366 !important;
}

.unipa-bread-crumb-arrow {
  color: #989dfd !important;
}

.unipa-list-card-header {
  background-color: rgb(251, 251, 255) !important;
  color: #000000 !important;
}

.text-unipa {
  color: #003366 !important;
}

.card-header {
  background-color: rgb(251, 251, 255) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

.decoration-none {
  text-decoration: none !important;
}

.btn-unipa {
  background-color: rgb(0, 54, 107) !important;
  color: #ffffff !important;
  border-color: rgb(0, 54, 107) !important;
}

.btn-unipa:hover {
  opacity: 0.9;
}

.make-border {
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 10px 10px 10px 10px !important;
  border-color: #dbdbdb !important;
}

.tab-menu-horizontal {
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 10px !important;
  border-color: #BDBDBD !important;
}

.make-shadow {
  box-shadow: 1px 1px 1px 1px #888888 !important;
}

.make-pointer {
  cursor: pointer !important;
}

.auth-page-title {
  font-size: 24px;
}

.bootstrap-demo .dropdown-trigger {
  border-radius: 0.25rem;
}

.bootstrap-demo .dropdown-trigger > span:after {
  color: #555;
}

.bootstrap-demo .toggle {
  font: normal normal normal 12px/1 FontAwesome;
  color: #555;
}

.bootstrap-demo .toggle.collapsed::after {
  content: "\f067";
}

.bootstrap-demo .toggle.expanded::after {
  content: "\f068";
}

.bootstrap-demo .root {
  padding: 0;
  margin: 0;
}

.btn-submit {
  background-color: #7986cb !important;
  color: whitesmoke !important;
}

.btn-login-register {
  color: #3B82F6;
}

.btn-subtext {
  color: #7986cb;
}

.btn-subtext:hover {
  color: #7986cb;
}

.make-pointer {
  cursor: pointer !important;
}

.table-cell-quantity-min-width {
  min-width: 100px !important;
  width: 100px !important;
}

.table-cell-quantity-action-min-width {
  min-width: 150px !important;
  width: 150px !important;
}

.table-cell-price-min-width {
  min-width: 120px !important;
  width: 120px !important;
}

@media screen and (min-width: 768px) {
  .modal-50w {
    width: 80vw !important;
    min-width: 80vw !important;
  }

  .modal-60w {
    width: 80vw !important;
    min-width: 80vw !important;
  }

  .modal-70w {
    width: 80vw !important;
    min-width: 80vw !important;
  }

  .modal-80w {
    width: 80vw !important;
    min-width: 80vw !important;
  }

  .modal-90w {
    width: 80vw !important;
    min-width: 80vw !important;
  }

  .modal-95w {
    width: 80vw !important;
    min-width: 80vw !important;
  }

  .modal-100w {
    width: 80vw !important;
    min-width: 80vw !important;
  }
}

@media screen and (min-width: 992px) {
  .modal-50w {
    width: 50vw !important;
    min-width: 50vw !important;
  }

  .modal-60w {
    width: 60vw !important;
    min-width: 60vw !important;
  }

  .modal-70w {
    width: 70vw !important;
    min-width: 70vw !important;
  }

  .modal-80w {
    width: 80vw !important;
    min-width: 80vw !important;
  }

  .modal-90w {
    width: 90vw !important;
    min-width: 90vw !important;
  }

  .modal-95w {
    width: 95vw !important;
    min-width: 95vw !important;
  }

  .modal-100w {
    width: 100vw !important;
    min-width: 100vw !important;
  }
}

@media screen and (min-width: 768px) {
  .modal-announcement {
    width: 70vw !important;
    min-width: 70vw !important;
    height: 70vh !important;
    min-height: 70vh !important;
  }
}

@media screen and (min-width: 992px) {
  .modal-announcement {
    width: 70vw !important;
    min-width: 70vw !important;
    height: 70vh !important;
    min-height: 70vh !important;
  }
}

.card-columns {
  column-count: 5;
}

.MuiSvgIcon-root {
  font-size: 20px !important;
}

.ant-table {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  border-collapse: collapse !important;
}

.ant-table-thead {
  border: 1px solid #dee2e6 !important;
}

.ant-collapse-header-text, .content-title {
  font-size: 15px !important;
  font-weight: 500;
  color: #616161 !important;
}

.text-white {
  color: #ffffff !important;
}

.bg-custom {
  color: #616161 !important;
  background-color: #8f8f8f36 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #FAFAFA !important;
  background: #4c44449c !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
}

.nav-tabs .nav-link {
  color: #495057 !important;
  background: #fff !important;
  font-weight: 600 !important;
  margin-left: 1px !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #FAFAFA !important;
  background: #757575 !important;
  border-color: #dee2e6 #dee2e6 #fff !important;
}

.card {
  border: 1px solid #BDBDBD !important;
  margin-bottom: 25px !important;
  border-radius: 8px !important;
}

.headerText {
  font-weight: 500;
  color: white;
}

.nav-pills .nav-link {
  color: #78716C !important;
}

.nav-pills .nav-link.disabled {
  opacity: 0.6 !important;
}

.bg-custom-primary {
  background-color: #006E9D !important;
}

.border-custom-primary {
  border: 1px solid #006E9D !important;
}

.bg-custom-primary:hover, .bg-custom-primary:focus, .bg-custom-primary:active {
  background-color: #006E9D !important;
  border-color: #006E9D !important;
}

.bg-custom-success {
  background-color: #14B8A6 !important;
}

.border-custom-success {
  border-color: #14B8A6 !important;
}

.bg-custom-success:hover, .bg-custom-success:focus, .bg-custom-success:active {
  background-color: #0D9488 !important;
  border-color: #0D9488 !important;
}

.bg-custom-danger {
  background-color: #EF4444 !important;
}

.border-custom-danger {
  border-color: #EF4444 !important;
}

.bg-custom-danger:hover, .bg-custom-danger:focus, .bg-custom-danger:active {
  background-color: #DC2626 !important;
  border-color: #DC2626 !important;
}

.bg-custom-info {
  background-color: #78716C !important;
}

.border-custom-info {
  border-color: #78716C !important;
}

.bg-custom-info:hover, .bg-custom-info:focus, .bg-custom-info:active {
  background-color: #57534E !important;
  border-color: #57534E !important;
}

.bg-custom-secondary {
  background-color: #64748B !important;
}

.border-custom-secondary {
  border-color: #64748B !important;
}

.bg-custom-secondary:hover, .bg-custom-secondary:focus, .bg-custom-secondary:active {
  background-color: #475569 !important;
  border-color: #475569 !important;
}

.card-footer {
  background-color: transparent !important;
}

.modal-header .btn-close {
  font-size: 20px !important;
}

div.modal-header {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #616161 !important;
}

.card-deck {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  grid-gap: .5rem !important;
}

.modal-body {
  background-color: #f5f5f5 !important;
  padding: 20px !important;
}

.modal-dialog-scrollable .modal-body {
  background-color: #f5f5f5 !important;
  padding: 20px !important;
}

.notification-z {
  z-index: 10000000000000 !important;
}

.ant-popover {
  z-index: 10000000000000 !important;
}

.ant-dropdown {
  z-index: 1070 !important;
}

.position-fixed {
  position: fixed !important;
}

.bg-cell {
  background-color: #78716C !important;
}

.scroll {
  overflow-y: scroll !important;
  height: 95vh !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
}

.card-scroll {
  overflow-y: hidden !important;
  height: 100% !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
}

.bg-image {
  background: url("../assets/images/bg/background.png") no-repeat center center fixed !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  z-index: -999999 !important;
}

.referee-logo {
  width: 150px;
  height: 150px;
}

.ql-editor {
  min-height: 120px !important;
  overflow-y: scroll !important;
  resize: vertical !important;
  background-color: white !important;
}

.ant-form-item {
  margin-bottom: 5px !important;
}

.bap-content-title {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

.bap-info {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.Page-title {
  padding: 0 !important;
}

.ant-message {
  z-index: 100000000 !important;
}

.work-package-first-column {
  width: 90px !important;
}

.margin-bottom-cl {
  margin-bottom: 10px !important;
}

.margin-login-button {
  margin-top: 20px !important;
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #037280 !important;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: transparent !important;
}

.ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 25px !important;
  border-radius: 8px !important;
  width: 96% !important;
}

.ant-menu-vertical > .ant-menu-item, .ant-menu-vertical-left > .ant-menu-item, .ant-menu-vertical-right > .ant-menu-item, .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 25px !important;
  border-radius: 8px !important;
  width: 98% !important;
}

.top-header-icon i {
  font-size: 24px !important;
}

.user-font-color {
  color: white !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-right-4 {
  margin-right: 4px !important;
}

.margin-left-4 {
  margin-left: 4px !important;
}

.margin-top-4 {
  margin-top: 4px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-7 {
  margin-top: 7px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-5 {
  margin: 5px !important;
}

.margin-left-right-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.margin-left-right-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.margin-bottom-top-15 {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.unipa-info {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.btn-researcher-info {
  display: inline-flex !important;
  vertical-align: middle !important;
  align-items: center !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.researcher-page {
  margin: 15px 15px 70px;
}

.researcher-body {
  background: #f5f5f5;
  height: calc(100vh - 70px);
  overflow-y: scroll;
  overflow-x: hidden;
}

.referee-page {
  margin: 15px 15px 70px;
}

.referee-body {
  background: #f5f5f5;
  height: calc(100vh - 70px);
  overflow-y: scroll;
  overflow-x: hidden;
}

.apas-registration-body {
  height: calc(100vh - 70px);
  overflow-y: scroll;
  overflow-x: hidden;
}

.apas-registration-page {
  margin: 15px 10% 70px;
}

.apas-application-page {
  margin: 15px 15px 70px;
}

.apas-application-body {
  background: #f5f5f5;
  height: calc(100vh - 70px);
  overflow-y: scroll;
  overflow-x: hidden;
}

.academician-scroll {
  height: calc(100vh - 150px);
  overflow-y: scroll;
  overflow-x: hidden;
}

.font-size-academic {
  font-size: 20px !important;
}

.font-size-academica {
  font-size: 30px !important;
}

.font-size-index {
  margin-top: 1px !important;
  font-size: 20px !important;
}

.export-icon-size {
  font-size: 20px !important;
}

.icon-academic-line {
  line-height: 1.8 !important;
  font-size: 18px !important;
}

@media (max-width: 992px) {
  .row .text-end {
    text-align: left !important;
  }
}

.company-header-text {
  color: #003b83;
  text-shadow: 5px 5px 5px rgb(150 150 150 / 60%);
}

.ant-select-multiple .ant-select-selection-item-remove {
  margin-top: -3px !important;
}

.tooltip {
  z-index: 10000000000000 !important;
}

.unipa-backdrop {
  z-index: 10000000000000 !important;
  color: #fff !important;
}

.ant-avatar-sm {
  line-height: 20px !important;
}

.div-chat-messages-part {
  background: rgb(245 245 245) !important;
}

.menu-icon-size {
  font-size: 18px !important;
}

.menu-icon-color {
  color: #004286 !important;
}


.ant-tag {
  display: unset !important;
  padding: 2px 4px !important;
  border-radius: 8px !important;
  margin-right: 4px !important;
}

.ant-tag-x {
  display: unset !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.ant-tag-activity {
  padding: 4px !important;
  border-radius: 3px !important;
}

.ant-badge-count {
  z-index: 1 !important;
}

.tab-pane-scroll {
  overflow-y: scroll !important;
  height: 90vh !important;
  overflow-x: hidden !important;
  max-width: 100% !important;
}

.dashboard-card-item-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.50rem;
}

.icon-size-40 {
  font-size: 40px !important;
}

.highlighted-text {
  font-weight: 900 !important;
  font-style: italic;
  color: #EF4444;
}

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

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.search-item-header a {
  color: #003D84;
  cursor: pointer;
  font-weight: bold;
  padding: 0;
}

.search-item-header a:hover {
  color: #EF4444;
  text-decoration: none;
}

.search-item-participant a {
  color: #9e9e9e;
  cursor: pointer;
  padding: 0;
}

.search-item-participant a:hover {
  color: #EF4444;
  cursor: pointer;
  padding: 0;
  font-weight: bold;
  text-decoration: none;
}

.search-item-type {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 13px !important;
  margin-right: 0 !important;
}

.search-item:hover {
  background-color: #eeeeee;
  border-bottom: 2px solid #EF4444;
}

.a-href-url-text a {
  color: #003D84;
  cursor: pointer;
  font-weight: bold;
  padding: 0;
}

.a-href-url-text a:hover {
  color: #EF4444;
}

.text-copy-disabled {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.ant-menu {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.avys-body {
  background: #f5f5f5;
  height: calc(100vh - 70px);
  overflow-y: scroll;
  overflow-x: hidden;
}

.avys-page {
  margin: 20px 15px 50px;
}

.avys-detail-page {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 25px;
}

.ant-divider-horizontal {
  margin: 8px 0 !important;
}

.padding-right-left-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.padding-right-left-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.animated-card {
  transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
  padding: 10px 0 10px 0;
  margin-right: 0;
  cursor: pointer;
}

.animated-card:hover {
  border: 1px solid #006E9D;
  border-radius: 15px;
  background: #f5f5f5;
  font-weight: bold;
}

.animated-card .count {
  color: #006E9D;
}

.unipa-tooltip > .tooltip-inner {
  max-width: 100%;
}

.top-header-icon {
  justify-content: unset !important;
}

.unipa-photo {
  padding: 2px;
  background-color: #fff;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  filter: brightness(1.1) contrast(1.1) saturate(120%);
  outline: 1px solid #BDBDBD;
}

.leaving-personel {
  filter: grayscale(100%);
}

.responsiveTable {
  width: 100%;
}

.responsiveTable td .tdBefore {
  display: none;
}

@media screen and (max-width: 40em) {
  .responsiveTable table,
  .responsiveTable thead,
  .responsiveTable tbody,
  .responsiveTable th,
  .responsiveTable td,
  .responsiveTable tr {
    display: block;
  }

  .responsiveTable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    border-bottom: 1px solid #dee2e6;
  }

  .responsiveTable tbody tr {
    border: 1px solid #dee2e6;
    padding: .25em;
  }

  .responsiveTable td.pivoted {
    border: none !important;
    position: relative;
    padding-left: calc(50% + 10px) !important;
    text-align: left !important;
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }

  .responsiveTable td .tdBefore {
    position: absolute;
    display: block;

    left: 1rem;
    width: calc(50% - 20px);
    white-space: pre-wrap;
    overflow-wrap: break-word;
    text-align: left !important;
    font-weight: 600;
  }
}

.ant-btn > span {
  display: inline !important;
  vertical-align: middle !important;
}

.ant-btn {
  border-radius: 8px !important;
  text-decoration: none !important;
  gap: 2px !important;
}

.ant-btn-fix {
  line-height: normal !important;
  gap: 8px !important;
}

.url-link a {
  cursor: pointer !important;
  padding: 0 !important;
}

.page-footer {
  padding: 10px;
  height: 60px;
  margin-bottom: 25px;
}

.chart-title-color {
  color: #666;
}

.badge-rank-font-size {
  font-size: 10px !important;
}

figure.avatar {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

figure.avatar img {
  opacity: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.avatar > div {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
}

figure.avatar > div a {
  color: #ffffff;
}

figure.avatar > div a i {
  font-size: 50px !important;
  color: #EF4444;
  opacity: 0;
  top: 50%;
  position: relative;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  display: inline-block;
}

figure.avatar > div::before {
  position: absolute;
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

figure.avatar:hover img {
  opacity: 0.35;
}

figure.avatar:hover > div i {
  opacity: 0.9;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

figure.avatar:hover > div::before {
  background: rgba(255, 255, 255, 0);
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.text-color-researcher {
  color: #EF4444 !important;
}

.announcement-scrollbar {
  height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.ant-table-row-expand-icon {
  float: none !important;
  color: #fff !important;
  background: #006E9D !important;
}

.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #616161 !important;
  background-color: #8f8f8f36 !important;
  border-radius: 0 0 0 0 !important;
  display: flex !important;
  align-items: center !important;
}

.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #BDBDBD;
}

.ant-collapse .ant-collapse-item:last-child {
  border-bottom: none;
}

.ant-collapse {
  border: 1px solid #BDBDBD !important;
}

.card-background-color {
  background-color: #f5f5f5 !important;
  padding: 20px !important;
}

.modal-backdrop {
  z-index: 1055 !important;
}

.ant-space-vertical {
  gap: 4px !important;
}

.ant-space-statistic {
  gap: 1px !important;
}

.ant-select-selector {
  border-radius: 8px !important;
}

.ant-input:focus, .ant-input:hover {
  background-color: #ffffff !important;
}

.ant-input-number-input, ant-input-number {
  background-color: #ffffff !important;
}

.ant-input-disabled:focus, .ant-input-disabled:hover {
  color: rgba(0, 0, 0, 0.25) !important;
  background-color: rgba(0, 0, 0, 0.04) !important;
  border-color: #d9d9d9 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.ant-input-affix-wrapper {
  background-color: #ffffff !important;
}

.ant-input {
  border-radius: 8px !important;
}

.ant-input-group-wrapper > .ant-input-wrapper > .ant-input {
  border-radius: 0 8px 8px 0 !important;
}

.ant-input-group-wrapper > .ant-input-wrapper > .ant-input-affix-wrapper {
  border-radius: 0 8px 8px 0 !important;
}

.ant-input-number-group-wrapper > .ant-input-number-wrapper > .ant-input-number {
  border-radius: 0 8px 8px 0 !important;
}

.ant-input-number-group-wrapper > .ant-input-number-wrapper > .ant-input-number-affix-wrapper {
  border-radius: 0 8px 8px 0 !important;
}

.ant-input-group-addon {
  width: 40px !important;
}

.ant-input-lg {
  line-height: 1 !important;
}

.ant-table-filter-dropdown {
  border-radius: 8px !important;
}

.ant-input-affix-wrapper {
  border-radius: 8px !important;
}

.ant-select-multiple .ant-select-selection-item {
  border-radius: 8px !important;
}

.ql-container {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.ql-snow.ql-toolbar {
  background: #eaecec !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.ql-snow .ql-editor {
  border-radius: 8px !important;
}

.ant-input-number {
  border-radius: 8px !important;
}

.ant-select-dropdown {
  border-radius: 8px !important;
  z-index: 1060 !important;
}

.ant-alert {
  border-radius: 8px !important;
}

.ant-alert-with-description {
  padding: 10px 12px !important;
}

.ant-pagination-item {
  border-radius: 8px !important;
}

.ant-table-content {
  border-radius: 8px !important;
}

.ant-dropdown-menu {
  border-radius: 8px !important;
}

.ant-input-password {
  border-radius: 8px !important;
}

input {
  border-radius: 8px !important;
}

.ant-pagination-item-link {
  border-radius: 8px !important;
}

.ant-radio-button-wrapper:first-child {
  border-radius: 8px 0 0 8px !important;
}

.ant-radio-button-wrapper:last-child {
  border-radius: 0 8px 8px 0 !important;
}

.ant-input-group-addon:first-child {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.ant-input-group-addon:last-child {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.ant-input-number-group-addon:first-child {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.ant-input-number-group-addon:last-child {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.left-radius {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.right-radius {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.all-radius {
  border-radius: 8px !important;
}

.ant-popover-inner {
  border-radius: 8px !important;
}

.card-background {
  background-color: #f5f5f5 !important;
}

.ant-avatar-square {
  border-radius: 12px !important;
}

.user-text-background {
  background: #00859D !important;
}

.ant-tree {
  border-radius: 8px !important;
  padding: 8px !important;
  border: 1px solid #d9d9d9 !important;
}

.ant-tree-switcher {
  line-height: 18px !important;
}

a {
  text-decoration: none !important;
}

a:link {
  text-decoration: none !important;
}

a:visited {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
  cursor: pointer !important;
}

a:active {
  text-decoration: none !important;
}

.fixed-button {
  padding-inline-start: 8px !important;
}

.ant-btn-primary {
  box-shadow: unset !important;
}

.ant-tooltip {
  z-index: 10000000000 !important;
}

.ant-select-multiple .ant-select-selection-item-content {
  margin-top: auto !important;
}

.backdrop-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 4px #006E9D;
  border-top: 1px transparent;
  animation: spin 4s linear infinite;
  box-shadow: #006E9D 6px 8px 8px -6px;
}

.backdrop-circle-small {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px #EF4444;
  border-top: 1px transparent;
  animation: spin-reverse 4s linear infinite;
  box-shadow: #EF4444 6px 5px 5px -3px;
}

.backdrop-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: url('../customer-logo.png') center center no-repeat;
  background-size: cover;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes spin-reverse {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

.highlighted-background {
  background-color: #EAB308 !important;
}

.bi-twitter-x:before {
  content: '';
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzUiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MDBweCIgaGVpZ2h0PSI1MDBweCIKCSB2aWV3Qm94PSIwIDAgNTAwIDUwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAwIDUwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGVsbGlwc2Ugc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIyNTAiIGN5PSIyNTAiIHJ4PSIyNDkuNzM1IiByeT0iMjUwLjIzNSIvPgoJPGcgaWQ9ImxheWVyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTIuMzkwMDg4LC0yNS4wNTg1OTcpIj4KCQk8cGF0aCBpZD0icGF0aDEwMDkiIGZpbGw9IiNGRkZGRkYiIGQ9Ik00My43NzMsMTMwLjA4bDExOS4zNywxNTkuOTI2TDQzLjAyLDQyMC4wMzNoMjcuMDM3bDEwNS4xNy0xMTMuODQ0bDg0Ljk3MiwxMTMuODQ0aDkxLjk5OQoJCQlMMjI2LjExMSwyNTEuMTE0TDMzNy45MjEsMTMwLjA4aC0yNy4wMzdsLTk2Ljg1MywxMDQuODQ1TDEzNS43NzQsMTMwLjA4SDQzLjc3M3ogTTgzLjUzMiwxNTAuMDMzaDQyLjI2NUwzMTIuNDM0LDQwMC4wOEgyNzAuMTcKCQkJTDgzLjUzMiwxNTAuMDMzeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=');
  background-size: cover;
  height: 20px;
  aspect-ratio: 1 / 1;
}

.bi-twitter-xx:before {
  content: '';
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzUiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MDBweCIgaGVpZ2h0PSI1MDBweCIKCSB2aWV3Qm94PSIwIDAgNTAwIDUwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAwIDUwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGVsbGlwc2Ugc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIyNTAiIGN5PSIyNTAiIHJ4PSIyNDkuNzM1IiByeT0iMjUwLjIzNSIvPgoJPGcgaWQ9ImxheWVyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTIuMzkwMDg4LC0yNS4wNTg1OTcpIj4KCQk8cGF0aCBpZD0icGF0aDEwMDkiIGZpbGw9IiNGRkZGRkYiIGQ9Ik00My43NzMsMTMwLjA4bDExOS4zNywxNTkuOTI2TDQzLjAyLDQyMC4wMzNoMjcuMDM3bDEwNS4xNy0xMTMuODQ0bDg0Ljk3MiwxMTMuODQ0aDkxLjk5OQoJCQlMMjI2LjExMSwyNTEuMTE0TDMzNy45MjEsMTMwLjA4aC0yNy4wMzdsLTk2Ljg1MywxMDQuODQ1TDEzNS43NzQsMTMwLjA4SDQzLjc3M3ogTTgzLjUzMiwxNTAuMDMzaDQyLjI2NUwzMTIuNDM0LDQwMC4wOEgyNzAuMTcKCQkJTDgzLjUzMiwxNTAuMDMzeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=');
  background-size: cover;
  height: 26px;
  aspect-ratio: 1 / 1;
  margin-top: 3px;
}

.online-users-icon {
  padding: 8px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  border: 0;
  transition: all 0.3s ease-in;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.75);
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;

  &:focus {
    outline: 0;
  }
}

.colourless {
  filter: grayscale(100%);
}

.col-form-label {
  line-height: unset !important;
}

.ant-picker-dropdown {
  z-index: 1065 !important;
}

.custom-file-icon {
  width: 20px !important;
  height: 30px !important;
}

.logo-img-container {
  background-color: white;
  margin-top: 5px;
  padding: 1px;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
}

.researcher-indicator-scrollbar {
  height: 700px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.square {
  width: 20px;
  height: 20px;
}

.circle-cell {
  position: relative !important;
}

.circle-cell::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 5px !important;
  border: 5px solid red !important;
}

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

.text-custom-success {
  color: #14B8A6 !important;
}

.text-custom-info {
  color: #78716C !important;
}

.text-custom-primary {
  color: #006E9D !important;
}

.text-custom-secondary {
  color: #64748B !important;
}

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

.text-custom-dark {
  color: #64748B !important;
}

.ant-alert-icon {
  color: #EF4444 !important;
}

.ant-btn .ant-btn-icon > svg {
  vertical-align: middle !important;
}

.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title, .ant-menu-dark > .ant-menu .ant-menu-submenu-selected > .ant-menu-submenu-title {
  color: #fff !important;
}

.ant-tooltip-open {
  cursor: help !important;
}

.ant-table-wrapper .ant-table-column-title {
  min-width: auto !important;
}

.animated-course {
  transition: .1s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .1s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
  padding: 10px 0 10px 0;
  margin-right: 0;
  cursor: pointer;
}

.animated-course:hover {
  border: 1px solid #6C757D;
  border-radius: 15px;
  background: #6C757D;
  font-weight: bold;
}