@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;600;700;800;900&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

.auth-title {
  @apply mt-1 mb-10 text-3xl font-bold text-color-primary;
}

.loading{
  @apply hidden;
}

.sending .loading{
  @apply inline-block;
}

@layer components {
  .title{
    @apply mb-6 text-xl font-bold text-gray-700;
  }

  .btn-primary {
    @apply text-base py-2 px-3 text-white bg-[#84C005] rounded-[10px] transition-all duration-150 ease-linear shadow outline-none active:bg-lime-500 hover:shadow-md hover:bg-lime-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-lime-500 cursor-pointer;
  }

  .btn-secondary {
    @apply text-base py-2 px-3 text-black transition-all duration-150 ease-linear bg-gray-50 rounded-[10px] shadow outline-none active:bg-gray-500 hover:shadow-md focus:outline-none;
  }

  .btn-danger {
    @apply text-base py-2 px-3 text-white transition-all duration-150 ease-linear bg-red-400 rounded-[10px] shadow outline-none active:bg-red-500 hover:shadow-md focus:outline-none;
  }

  .checkbox {
    @apply mr-1 text-gray-500 bg-white border border-gray-300 rounded;
  }

  .dropdown-link {
    @apply block w-full px-4 py-2 text-sm font-normal text-gray-700 bg-transparent whitespace-nowrap hover:bg-gray-100;
  }
}

.initiated, .project_status {
  @apply rounded-xl bg-gray-300 px-4 py-2   text-gray-500 font-bold ;
}

.validated, .pending {
  @apply rounded-xl bg-[#FAF3BA] px-4 py-2   text-[#FBC401] font-bold ;
}

.rejected, .failed {
  @apply rounded-xl bg-[#FABABE] px-4 py-2   text-[#8F0202]  font-bold;
}

.sended, .approved, .retrieved, .success, .sending {
  @apply rounded-xl bg-[#E2FABA] px-4 py-2   text-[#84C005] font-bold ;
}

@layer utilities {
  .table {
    @apply items-center w-full bg-transparent border-collapse ;
  }

  .table-header {
    @apply px-4 py-4 text-sm font-medium text-left text-gray-500 align-middle border-2 border-t-0 border-l-0 border-r-0 border-gray-100 border-solid whitespace-nowrap;
  }

  .table-col {
    @apply px-4 py-4 font-normal text-left align-middle border-b border-gray-100 whitespace-nowrap;
  }

  .label {
    @apply block mb-2 text-sm font-medium leading-5 text-slate-500;
  }

  .input {
    @apply h-full border appearance-none border-gray-200 rounded-lg w-full py-3 px-4 text-gray-700 leading-tight placeholder:text-[#ccc] focus:outline-none focus:bg-white focus:border-lime-200;
  }

  .card-dashed {
    @apply bg-[#eef0e7] fill-[#84C005] hover:fill-[#777773] text-center flex justify-center items-center p-6 mb-4 rounded-2xl hover:bg-white flex-col border-dashed border border-gray-500 hover:border-[#84C005]
  }
}

.text-color-primary {
  @apply text-[#84c105]
}

.pagy-nav, .pagy-nav-js {
  @apply flex space-x-2;
}

.pagination {
  display: flex;
  justify-content: end
}

.pagy-nav .page a,
.pagy-nav .page.active,
.pagy-nav .page.prev.disabled,
.pagy-nav .page.next.disabled,
.pagy-nav-js .page a,
.pagy-nav-js .page.active,
.pagy-nav-js .page.prev.disabled,
.pagy-nav-js .page.next.disabled {
  @apply block px-3 py-1 text-sm font-semibold text-gray-500 bg-gray-200 rounded-lg shadow-md;

  &:hover{
    @apply bg-gray-300;
  }

  &:active{
    @apply text-white bg-gray-400;
  }
}


.pagy-nav .page.prev.disabled,
.pagy-nav .page.next.disabled,
.pagy-nav-js .page.prev.disabled,
.pagy-nav-js .page.next.disabled {
  @apply text-gray-400 cursor-default;

  &:hover {
    @apply text-gray-400 bg-gray-200;
  }
  
  &:active {
    @apply text-gray-400 bg-gray-200;
  }
}

.pagy-nav .page.active,
.pagy-nav-js .page.active {
  @apply text-white cursor-default bg-[#84C005];

  &:hover {
    @apply text-white bg-gray-400;
  }

  &:active {
    @apply text-white bg-gray-400;
  }
}

.pagy-nav .page.next.disabled,
.pagy-nav .page.prev.disabled {
  @apply hidden;
}

.pagy-combo-nav-js {
  @apply flex px-3 py-1 text-sm font-semibold text-gray-500 bg-gray-200 rounded-full shadow-md max-w-max;
}

.pagy-combo-nav-js .pagy-combo-input {
  @apply bg-white px-2 rounded-sm
}

.pagy-combo-nav-js .page.prev,
.pagy-combo-nav-js .page.next {
  &:hover {
    @apply text-gray-800;
  }

  &:active {
    @apply text-gray-800;
  }
}

.pagy-combo-nav-js .page.prev.disabled,
.pagy-combo-nav-js .page.next.disabled {
  @apply text-gray-400 cursor-default;
}

.choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}

.choices__list{
  left: -.5px;
}

.choices {
  width: 100%;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  border: 1px solid rgba(196, 196, 196, 0.5);
  border-radius: 0.5rem; /* 0.5rem is 8px which is typically the size for rounded-lg in Tailwind CSS */
  font-size: 1.25rem; /* 1.25rem is the size for text-xl in Tailwind CSS */
}

.choices::placeholder {
  font-size: 1.25rem;
}

.choices__inner {
  background: transparent;
  border: none;
}

.choices__item--selectable {
  padding-right: 0 !important;
}
.data-table {
  margin: auto;
}

table.pdf, th.pdf, td.pdf {
  border: 1px solid black;
  border-collapse: collapse;
}

.pdf-title {
  text-align: center;
  font-weight: bold;
  font-size: 150%;
  margin: 50px 20px;
}

.pdf-title- {
  text-align: center;
  font-weight: bold;
  font-size: 150%;
  margin: 50px 20px;
  color: white;
}

.pdf-logo {
  width: 100%;
  margin-bottom: 150px;
}

.pdf-logo div {
  display: inline-block;
  align-items: center;
}

.pdf-logo .left {
  float: left;
}

.account_logo {
  width: 5em; height: 5em; margin: 4px;
}

.pdf-logo .right {
 float: right;
}

.logo-partner {
  text-align: left;
}

.data-table.pdf {
  width: 100%;
  border-collapse: collapse;
  max-width: 1200px;
  margin: auto; 
}

.data-table.pdf th.pdf {
  font-weight: bold;
  padding: 10px;
  font-size: 14px;
  background-color: #f2f2f2;
  word-wrap: break-word;
  text-align: left;
}

.data-table.pdf td.pdf {
  padding: 10px;
  font-size: 14px;
  word-wrap: break-word;
  text-align: left;
}

.td-border {
  border-bottom: 1px solid gray;
  text-align: right;
  vertical-align: middle;
  color: #0f0101; 
}

.td-font {
  font-weight: bold;
  border-bottom: 1px solid gray;
  color: #0f0101;
}

.td-center-text {
  width: 80%;
  text-align: center;
}

#myTable {
  background-color: #e3f6e8;
  width: 100%;
}

.title.m-0.account-title {
  text-decoration: underline;
}

.whidth{
  width: 100%;
  border-collapse: collapse;
  overflow-x: auto;
}

.margin{
  margin: 20px auto;
  width: 100%;
  max-width: 1200px;
}

.second-table-container {
  width: 100%;
  margin-top: 40px;
}

.qrcode {
  width: 140px !important;
  height: 100px !important;
  position: absolute;
  right: 10px;
  top: 90px;
}

html {
  position: relative;
  font-size: 16px;
}

body {
  letter-spacing: 0.5px;
  font-family: Poppins, sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  color: #282828;
  font-weight: 600;
}

p {
  line-height: 1.7;
}

* {
  outline: 0 !important
}

a {
  transition: all 0.3s ease-in-out;
}

.loader-v1 {
  border: 6px solid #f8f6f1;
  border-top: 6px solid #f05152;
  border-bottom: 6px solid #f05152;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

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

.form-img-preview {
  max-width: 350px;
}

.form-img-preview img {
  max-width: 100px;
}


.container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  text-align: left;
}
.center-table {
  width: 60%;
  margin: 0 auto;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */