@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

.bg-gradient-info {
  background-color: #2c2865 !important;
  background-image: linear-gradient(45deg, #117e9e 10%, #5caf57 100%) !important;
}


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

.btn-primary {
  color: #fff;
  background-color: #5caf57;
  border-color: #5caf57;
}

.btn-primary:hover {
  color: #fff;
  background-color: #117e9e;
  border-color: #117e9e;
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif !important;
}

body {
  font-family: 'Inter', sans-serif;
}

.border-left-primary {
  border-left: .25rem solid #5caf57 !important;
}

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

.text-success {
  color: #5caf57 !important;
}

.border-left-success {
  border-left: .25rem solid #5caf57 !important;
}

.tab-selector.active {
  background: #5caf57 !important;
  border: 1px solid #5caf57 !important;
  color: white;
}

.tab-selector {
  border: 1px solid #5caf57 !important;
  margin-bottom: 10px !important;
}


form.user .form-control-user {
  padding: .375rem .75rem;
  border-radius: 2rem;
  height: 3rem;
}

#attachment-1-table .form-control-user {
  border-radius: 0.5rem;
}


form.user textarea.form-control-user {
  border-radius: 1rem;
  min-height: 150px;
}


.mw-50 {
  max-width: 50%;
}


.upload-panel {
  background-color: #36b9cc;
  color: white;
  padding: 1rem;
  border-radius: 10rem;
  column-gap: 1rem;
}

.upload-panel span {
  display: block;
}

.tab-selector {
  cursor: pointer;
  margin-bottom: 0px;
}

.tab-selector.active {
  background: #4e73df;
  color: white;
}


.badge-validating {
  background-color: #4e94df !important;
  color: #ffffff;
}

.badge-new {
  background-color: #2a96a5 !important;
  color: #ffffff;
}

.badge-processing {
  background-color: #9636c1 !important;
  color: #ffffff;
}

.badge-cancelled {
  background-color: #000000 !important;
  color: #ffffff;
}

.badge-suspended {
  background-color: #e89d3c !important;
  color: #ffffff;
}

.badge-completed {
  background-color: #1cc88a !important;
  color: #ffffff;
}

.badge-not-valid {
  background-color: #ff0000 !important;
  color: #ffffff;
}

//
// Rotating border
//

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  text-indent: -999em;
  vertical-align: text-bottom;
  border: .25em solid;
  border-color: currentColor transparent currentColor currentColor;
  border-radius: 50%;
  animation-name: spinner-border;
  animation-duration: .75s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.spinner-border-reverse {
  border-color: transparent currentColor transparent transparent;

  &::after {
    position: absolute;
    top: -.25em;
    right: -.25em;
    bottom: -.25em;
    left: -.25em;
    display: inline-block;
    content: "";
    border: .25em solid rgba(0, 0, 0, .1);
    border-radius: 50%;
  }
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em;

  &.spinner-border-reverse::after {
    border-width: .2em;
  }
}

//
// Growing circle
//

@keyframes spinner-grow {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  50% {
    opacity: 1;
  }

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

.spinner-grow {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  text-indent: -999em;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  animation-name: spinner-grow;
  animation-duration: .75s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

fieldset {
  margin: 20px;
  width: 100%;
}

.autoComplete_wrapper {
  display: block;
  width: 100%;
}

.autoComplete_wrapper>input {
  width: 100%;
}


.table {
  width: 100%;
}

.table tr.odd {
  background-color: rgba(0, 0, 0, .05);
}

.w-40 {
  width: 40%;
}

.rounded-4 {
  border-radius: 15px;
}


.sidebar-dark .sidebar-brand img {
  max-width: 90%;
}