@font-face{font-family:'EuclidCircularA-Light';src:url(../fonts/EuclidCircularA-Light.woff2) format("woff2"),url(../fonts/EuclidCircularA-Light.woff) format("woff"),url(../fonts/EuclidCircularA-Light.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'EuclidCircularA-Medium';src:url(../fonts/EuclidCircularA-Medium.woff2) format("woff2"),url(../fonts/EuclidCircularA-Medium.woff) format("woff"),url(../fonts/EuclidCircularA-Medium.ttf) format("truetype");font-weight:400;font-style:normal}
body{font-family:'EuclidCircularA-Light',sans-serif}


@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link{margin-right:24px;margin-left:24px}
.navbar-nav{justify-content:center;flex-grow:1}
.navbar-collapse{flex-grow:1;justify-content:space-between}
}
.navbar-brand img{height:99px}
.nav-link{color:#1A4135;font-family:'EuclidCircularA-Light',sans-serif}
.custom-btn{border-radius:100px;background:linear-gradient(90deg,#03735F 0%,#59AB8E 100%);font-family:'EuclidCircularA-Medium',sans-serif;border:none;color:#fff;padding:.4rem 2rem;font-size:16px}
.home .style-btn{padding:.6rem 2.5rem;font-size:22px}
.wave-bottom{background-color:#1A4135;position:relative;margin-top:-10%;overflow:hidden;z-index:100;height:150px;clip-path:polygon(100% 100%,0% 100%,0.00% 24.81%,1.54% 23.93%,3.08% 23.19%,4.62% 22.59%,6.15% 22.14%,7.69% 21.85%,9.23% 21.72%,10.77% 21.75%,12.31% 21.94%,13.85% 22.29%,15.38% 22.79%,16.92% 23.44%,18.46% 24.23%,20.00% 25.17%,21.54% 26.23%,23.08% 27.40%,24.62% 28.69%,26.15% 30.07%,27.69% 31.53%,29.23% 33.06%,30.77% 34.64%,32.31% 36.27%,33.85% 37.91%,35.38% 39.57%,36.92% 41.22%,38.46% 42.85%,40.00% 44.44%,41.54% 45.98%,43.08% 47.45%,44.62% 48.84%,46.15% 50.14%,47.69% 51.33%,49.23% 52.41%,50.77% 53.36%,52.31% 54.17%,53.85% 54.84%,55.38% 55.37%,56.92% 55.74%,58.46% 55.95%,60.00% 56.00%,61.54% 55.89%,63.08% 55.62%,64.62% 55.20%,66.15% 54.62%,67.69% 53.90%,69.23% 53.03%,70.77% 52.03%,72.31% 50.91%,73.85% 49.68%,75.38% 48.35%,76.92% 46.93%,78.46% 45.43%,80.00% 43.87%,81.54% 42.26%,83.08% 40.63%,84.62% 38.97%,86.15% 37.32%,87.69% 35.68%,89.23% 34.07%,90.77% 32.50%,92.31% 30.99%,93.85% 29.56%,95.38% 28.21%,96.92% 26.97%,98.46% 25.83%,100.00% 24.81%)}


.weedinfo{background-color:#1A4135;color:#fff}
.wi-picture{position:relative;width:100%;height:305px;flex-shrink:0;background:url(../images/cbd.jpg) #d3d3d3 50% / cover no-repeat;border-radius:10%;padding-top:75%}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(211,211,211,0.2);border-radius:10%}
.wave-top{background-color:#1A4135;position:relative;overflow:hidden;z-index:100;height:150px;clip-path:polygon(100% 0%,0% 0%,0.00% 24.81%,1.54% 23.93%,3.08% 23.19%,4.62% 22.59%,6.15% 22.14%,7.69% 21.85%,9.23% 21.72%,10.77% 21.75%,12.31% 21.94%,13.85% 22.29%,15.38% 22.79%,16.92% 23.44%,18.46% 24.23%,20.00% 25.17%,21.54% 26.23%,23.08% 27.40%,24.62% 28.69%,26.15% 30.07%,27.69% 31.53%,29.23% 33.06%,30.77% 34.64%,32.31% 36.27%,33.85% 37.91%,35.38% 39.57%,36.92% 41.22%,38.46% 42.85%,40.00% 44.44%,41.54% 45.98%,43.08% 47.45%,44.62% 48.84%,46.15% 50.14%,47.69% 51.33%,49.23% 52.41%,50.77% 53.36%,52.31% 54.17%,53.85% 54.84%,55.38% 55.37%,56.92% 55.74%,58.46% 55.95%,60.00% 56.00%,61.54% 55.89%,63.08% 55.62%,64.62% 55.20%,66.15% 54.62%,67.69% 53.90%,69.23% 53.03%,70.77% 52.03%,72.31% 50.91%,73.85% 49.68%,75.38% 48.35%,76.92% 46.93%,78.46% 45.43%,80.00% 43.87%,81.54% 42.26%,83.08% 40.63%,84.62% 38.97%,86.15% 37.32%,87.69% 35.68%,89.23% 34.07%,90.77% 32.50%,92.31% 30.99%,93.85% 29.56%,95.38% 28.21%,96.92% 26.97%,98.46% 25.83%,100.00% 24.81%)}
.steps{background-color:#fff;color:#000}
.tile,.wide-tile,.tile-2,.tile-3,.tall-tile{background-color:#fff;color:#000;text-align:center;margin-bottom:10px;padding:20px 0;border-radius:.75rem;font-family:'EuclidCircularA-Medium',sans-serif;font-size:20px}
.tile,.wide-tile{min-height:100px}
.wide-tile{width:100%;padding:30px 0;flex-shrink:0;background:url(../images/tail-1.jpg) #d3d3d3 50% / cover no-repeat}
.tall-tile{background:linear-gradient(156deg,#20A585 23.56%,#2F9972 75.17%);color:#fff;font-size:20px}
@media (max-width: 768px) {
.tall-tile{font-size:15px}
}
.tile-2{width:100%;padding:50px 0;flex-shrink:0;background:url(../images/tail-2.jpg) #d3d3d3 50% / cover no-repeat}
.tile-3{width:100%;padding:50px 0;flex-shrink:0;background:url(../images/tail-3.jpg) #d3d3d3 50% / cover no-repeat}
.card{background-color:#007554;color:#fff;border:none;border-radius:2rem;text-align:justify}
.card-body{padding:2rem;border-radius:2rem}
.card-title{font-weight:700}
li{list-style-type:none}
.weed-icon{display:inline-block;width:24px;height:22px;flex-shrink:0;background-image:url(../images/weed.png);background-repeat:no-repeat}
.steps .btn-success{color:#fff;background-color:#198754;border-color:#198754;padding:.75rem 1rem;font-size:1rem;border-radius:.5rem}
.steps .btn:hover{color:#fff;background-color:#146c43;border-color:#146c43}
@media (max-width: 768px) {
.card-body{padding:1rem}
.btn-success{padding:.5rem 1rem}
}
.faq{background-color:#1A4135;color:#fff}
.form-control{height:52px;background:#fff;color:#000;font-size:16px;border-radius:5px;-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(0,0,0,0.1)}
.form-control:focus,.form-control:active{outline:none!important;-webkit-box-shadow:none;box-shadow:none;border:1px solid #146c43}
textarea.form-control{height:inherit!important}
.form-group .btn{cursor:pointer;border-radius:40px;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:15px}
.form-group .btn:hover,.btn:active,.btn:focus{outline:none}
.btn.btn-success{background:#219860!important;border:1px solid #23a066!important;color:#fff!important}
.btn.btn-success:hover{background:#3bb079!important;border:1px solid #23a066!important;color:#fff!important}
/* .modal-dialog{max-width:450px} */
.modal-content{border:none;position:relative;padding:0!important;-webkit-box-shadow:0 10px 34px -15px rgba(0,0,0,0.24);-moz-box-shadow:0 10px 34px -15px rgba(0,0,0,0.24);box-shadow:0 10px 34px -15px rgba(0,0,0,0.24)}
.modal-content .modal-header{position:relative;padding:0;border:none}
.modal-content button.close{position:absolute;top:0;right:0;padding:0;margin:0;width:40px;height:40px;z-index:1}
.modal-content .modal-body{border:none}
.modal-content .modal-body .icon{width:80px;height:80px;border-radius:50%;font-size:30px;margin:0 auto;margin-bottom:30px}
.modal-content .modal-footer{border:none;background:#f8f8f8}
.logo-login{width:100px;height:100px}
.form-check{padding:0}
.fill-checkbox{--color:#146c43}
.fill-checkbox .fill-control-input{display:none}
.fill-checkbox .fill-control-input:checked ~ .fill-control-indicator{background-color:var(--color);border-color:var(--color);background-size:80%}
.fill-checkbox .fill-control-input:checked ~ .fill-control-description{color:#146c43}
.fill-checkbox .fill-control-indicator{border-radius:3px;display:inline-block;position:absolute;top:5px;left:0;width:16px;height:16px;border:1px solid rgba(0,0,0,0.2);-webkit-transition:.1s;-o-transition:.1s;transition:.1s;background:transperent;background-size:0;background-position:center;background-repeat:no-repeat;color:#fff;content:'hey';background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}
.fill-checkbox .fill-control-description{color:rgba(0,0,0,0.4)}
.form-check.disabled .fill-checkbox{--color:rgba(255,255,255,.4)}
.form-check.disabled .fill-checkbox .fill-control-description{color:rgba(255,255,255,0.4)}
.form-group{margin-bottom:1rem}
.form-text{display:block;margin-top:.25rem}
.form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.form-row > .col,.form-row > [class*="col-"]{padding-right:5px;padding-left:5px}
.form-check{position:relative;display:block;padding-left:1.25rem}
.form-check-input{margin-top:.3rem;}
.form-check-input:disabled ~ .form-check-label{color:#6c757d}
.form-check-label{margin-bottom:0}
.form-check-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}
.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}
.footer-logo{margin-right:15px}
@media (max-width: 992px) {
.nav{justify-content:center;padding-left:0}
.nav-link{padding:.5rem 1rem}
.footer .row{justify-content:center;text-align:center}
.footer .col-lg-6{margin-bottom:.5rem}
.footer .d-flex{justify-content:center!important}
}
.footer a{text-decoration:none;color:#636363}
.footer a:hover{text-decoration:underline}


.custom-form-container,
.existing-user {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

.existing-user {
  background-color: #1A4135;
  text-align: center;
  color: #fff;
  font-size: 25px;
}

.custom-button {
  background-color: #157347; /* Bootstrap's --bs-success */
  border-color: #198754; /* Bootstrap's --bs-success */
}

.custom-button:hover {
  background-color: #198754; /* Darken success color */
  border-color: #145c32; /* Darken success color */
}

.custom-link-button {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

.existing-user .custom-link-button {
    background-color: #fff;
    color: #000;
}

.existing-user .custom-link-button:hover {
    background-color: #157347;
    color: #fff;
}

.custom-link-button:hover {
  color: #fff;
}

.custom-form-header, .existing-user-header {
  margin-bottom: 1.5rem;
  font-weight: bold;
}

@media (max-width: 576px) {
  .custom-form-container,
  .existing-user {
    padding: 1rem;
    margin-bottom: 1rem;
  }
}

.form-control {
  border: none;
  border: 1px solid #d9d9d9;
  border-radius: 0; }
  .form-control:active, .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #000; }

.col-form-label {
  color: #000; }

#message {
  resize: vertical; }

#form-message-warning, #form-message-success {
  display: none; }

#form-message-warning {
  color: #B90B0B; }

#form-message-success {
  color: #55A44E;
  font-size: 18px;
  font-weight: bold; }

.terms-section {
    border-radius: 5px;
    margin-top: 20px;
}
.terms-header, .section-title {
    margin-bottom: 15px;
}
.section-content {
    padding-left: 15px;
    padding-right: 15px;
}

.project-list-table {
  border-collapse: separate;
  border-spacing: 0 12px
}

.project-list-table tr {
  background-color: #fff
}

.table-nowrap td, .table-nowrap th {
  white-space: nowrap;
}
.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0;
}
.table>:not(caption)>*>* {
  padding: 0.75rem 0.75rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.question-modal-header {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 20px;
}
.question-modal-header .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
}
.question-modal-title {
  font-size: 1.5rem;
}

.question-modal-body {
  padding: 30px;
  text-align: center;
}
.question-button-container {
  display: flex;
  justify-content: space-around;
  gap: 10px;
}
.question-square-btn {
  width: 140px;  /* Further increased width */
  height: 90px;
  font-size: 1rem;
  background-color: white; /* Default background */
  color: black; /* Default text color */
  border: 1px solid #157347; /* Light border for better distinction */
  transition: background-color 0.3s, color 0.3s; /* Smooth transition for color change */
}

.question-square-btn:hover {
  background-color: #157347; /* Default background */
  color: #fff;
}

.progress-bar {
  background-color: #157347;
}

.question-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
.question-number-text {
  flex-grow: 1;
  text-align: center;
  font-size: 1.2rem;
}

@media (max-width: 768px) {
  .question-square-btn {
    width: 100px;  /* Adjusted width for smaller devices */
    height: 80px;
    font-size: 0.8rem;
  }
  .question-modal-title, .question-number-text {
    font-size: 1.3rem;
  }
}

.success-form {
  background: white;
  padding: 60px;
  display: inline-block;
  margin: 0 auto;
}

.success-form i {
  filter: invert(62%) sepia(16%) saturate(975%) hue-rotate(107deg) brightness(95%) contrast(87%);
  line-height: 200px;
}

.success-form p {
  color: #404F5E;
  font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
  font-size:20px;
  margin: 0;
}

.success-form h1 {
  color: #59AB8E;
  font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
  font-weight: 900;
  font-size: 40px;
  margin-bottom: 10px;
  margin-top: 10px;
}











.btn-alert {background: linear-gradient(90deg,#730303 0%,#AB5959 100%)}

.page-link {
  color: black;
  font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
}

.active > .page-link {
  color: white;
  background-color: #03735F;
  border-color: var(--bs-pagination-active-border-color);
}

.btn-warning {
  color: white;
}

.btn-warning:hover {
  color:#fff!important;
}

.remove-rc-left {
  border-radius: 0px 5px 5px 0px !important;
  border: 0px !important;
}

.remove-rc-right {
  border-radius: 5px 0px 0px 5px !important;
  border: 0px !important;
}

.rotate {
  animation: RotateStatus 5s linear infinite;
}

@keyframes RotateStatus {
  0%{
     transform: rotate(360deg);
    }
   30%{
     transform: rotate(180deg);
   }
   60%{
    transform: rotate(180deg);
  }
   70%{
     transform: rotate(360deg);
   }
 100%{
     transform: rotate(360deg);
    }
 }

/* ===== STYLES FROM BLADE FILES ===== */

/* Upload area styles */
.upload-area:hover {
    border-color: #157347 !important;
    background-color: #f0f8f0 !important;
}

.file-item {
    background-color: #f8f9fa;
    transition: all 0.2s ease;
}

.file-item:hover {
    background-color: #e9ecef;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.disabled {
    opacity: 0.6;
    pointer-events: none;
}

/* Previous files with white background */
.previous-files .file-item {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
    color: white;
}

.previous-files .file-item:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
}

/* Style dla sekcji aktualnych plików */
.uploaded-files .file-item {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    transition: all 0.2s ease;
}

.uploaded-files .file-item:hover {
    background-color: #e9ecef;
    border-color: #adb5bd;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card-header h5 {
    font-size: 1.1rem;
    font-weight: 600;
}

/* Medical marijuana section styles */
.sekcja-mj {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.sekcja-mj h2 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 10px;
}

.sekcja-mj .opis {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 15px;
}

.sekcja-mj .form-select {
    border-color: #28a745;
}

.sekcja-mj .form-select:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

/* Modal styles */
.modal-backdrop {
    z-index: 1040;
}

.modal {
    z-index: 1050;
}

/* Responsive improvements */
@media (max-width: 576px) {
    .upload-area {
        padding: 15px !important;
    }
    
    .file-item {
        padding: 15px !important;
    }
    
    .card-body {
        padding: 15px;
    }
    
    .file-info {
        flex-direction: column;
        align-items: flex-start !important;
    }
    
    .file-info > * {
        margin-bottom: 5px;
    }
    
    .file-info > *:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 576px) {
    .upload-area {
        padding: 30px !important;
    }
}

/* Text wrapping for long filenames */
.text-break {
    word-break: break-word;
    hyphens: auto;
}

/* Better spacing for mobile */
@media (max-width: 768px) {
    .btn {
        padding: 0.375rem 0.75rem;
        font-size: 0.875rem;
    }
    
    .badge {
        font-size: 0.75rem;
    }
    
    /* Dodatkowe style dla sekcji plików */
    .uploaded-files .file-item {
        margin-bottom: 1rem !important;
    }
    
    .uploaded-files .file-info {
        flex-direction: column;
        align-items: flex-start !important;
    }
    
    .uploaded-files .file-info > * {
        margin-bottom: 0.25rem;
    }
    
    .uploaded-files .file-info > *:last-child {
        margin-bottom: 0;
    }
}

/* Dodatkowe style dla tabletów */
@media (min-width: 576px) and (max-width: 991px) {
    .uploaded-files .file-item {
        padding: 1rem !important;
    }
    
    .uploaded-files .file-info {
        flex-wrap: wrap;
    }
}

/* Style dla pop-up notifications */
#notification-container {
    animation: slideDown 0.3s ease-out;
}

#notification-popup {
    min-width: 300px;
    max-width: 500px;
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

#notification-popup.alert-success {
    background-color: #d1e7dd;
    color: #0f5132;
    border-left: 4px solid #198754;
}

#notification-popup.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

#notification-popup.alert-warning {
    background-color: #fff3cd;
    color: #856404;
    border-left: 4px solid #ffc107;
}

#notification-popup.alert-info {
    background-color: #d1ecf1;
    color: #0c5460;
    border-left: 4px solid #0dcaf0;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%) translateX(-50%);
        opacity: 0;
    }
    to {
        transform: translateY(0) translateX(-50%);
        opacity: 1;
    }
}

/* Responsywność dla pop-up'ów */
@media (max-width: 576px) {
    #notification-popup {
        min-width: 280px;
        max-width: 90vw;
        font-size: 0.9rem;
    }
}

/* Gradient backgrounds */
.bg-gradient-primary {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
}

/* Invoice styles */
.invoice-body {
    font-family: 'DejaVu Sans', sans-serif;
    font-size: 14px;
}

.invoice-header {
    text-align: center;
    margin-bottom: 30px;
}

.invoice-details-table {
    width: 100%;
    margin-bottom: 20px;
}

.invoice-details-table td {
    vertical-align: top;
    padding: 0 20px;
}

.invoice-company-details {
    text-align: left;
}

.invoice-user-details {
    text-align: right;
}

.invoice-dates, .invoice-payment-method {
    margin-bottom: 20px;
}

.invoice-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
}

.invoice-table th, .invoice-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.invoice-total {
    font-weight: bold;
    text-align: right;
    margin-top: 20px;
}