/*****************************Adoptable-Pets-Form-Page-Css*****************************/
body{font-family: Arial, Helvetica, sans-serif;margin: 0px;}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], select{
width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#000; box-sizing: border-box;display: block;height: 47px;font-size: 15px;}
.wrap { max-width: 1100px; margin: 24px auto; padding: 35px 48px;background: #fff;box-shadow: 0 8px 30px rgba(10, 20, 40, 0.06); border-radius: 12px;margin-bottom: 44px;}
.card { background: #eee; border: 1px solid #ddd;border-radius: 14px; padding: 24px;}
.adoptable-form label {float: left;width: 100%;margin-bottom: 5px;font-weight: 600;font-size: 15px;letter-spacing: -0.4px;}
fieldset {border: 1px solid #cac5aa;padding: 20px;margin: 0 0 32px 0; width: 100%;box-sizing: border-box;}
.form-group .form-group-box { width: 100%;}
.d-flex{display: flex;column-gap: 20px;width: 100%;}
.form-group{margin-bottom: 20px;width: 100%;float: left;}
legend {font-weight: bold; font-size: 23px;color: #0b67a3;}
.label-box { display: flex; width: 100%;column-gap: 20px;}
.label-box label{width: auto;font-weight:normal;}
.label-box input[type="radio"]{transform: scale(1.2);}
.form-group textarea {min-height: 90px; resize: vertical;width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#000;font-size: 15px;box-sizing: border-box;display: block;}
.form-header-logo img { width: 342px;margin-top: 20px;}
.form-header-logo {display: flex;justify-content: center;}
.form-group-box.group-box-check label { font-weight: normal;}
.form-group input[type="checkbox"] { transform: scale(1.2);-webkit-transform: scale(1.2); -ms-transform: scale(1.2);}
p.description-text {margin-top: 31px;}
.actions.actions_btn{display: flex;justify-content: center;}
.adoptable-form .actions.actions_btn .btn {background: #f6d74b; border: none; padding: 20px 39px;font-size: 19px;font-weight: 600; border-radius: 4px;cursor: pointer;text-decoration: none;color: #5e4431;}
.adoptable-form .actions.actions_btn .btn:hover{background: #000;color:#fff;}

/*****************************Adoptable-Pets-Form-Page-Css-End*****************************/

/*****************************Adopter-Signature-Css*****************************/
.sig-wrap canvas{display:block;width:100%;height:200px;touch-action:none;background:linear-gradient(180deg,#fff,#fbfdff)}
.sig-wrap .card{max-width:820px;margin:0 auto;background:#fff;padding:18px;border-radius:10px;box-shadow:0 6px 20px rgba(2,6,23,0.06)}
h1{font-size:18px;margin:0 0 10px}
p.note{margin:6px 0 12px;color:#475569;font-size:14px}
.sig-wrap{border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;background:#fff}
   
canvas#sigCanvas{display:block;width:100%;height:220px;touch-action:none;-webkit-user-select:none;user-select:none;background:transparent}
.sig-wrap .controls{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center; padding: 10px 20px;border-top: 1px solid #cbd5e1}
.sig-wrap .controls button, .controls .select{padding:8px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}
.sig-wrap .controls .primary{background:#0b74f6;color:#fff;border-color:#0b74f6} #preview img{max-width:100%;border:1px solid #e6e9ef;margin-top:12px;border-radius:6px}
.sig-wrap .small{font-size:13px;color:#475569}
 
 /*****************************Adopter-Signature-Css-End*****************************/
 
  /*****************************Adopter-Listing-Css*****************************/
.adopter-listing-outer{max-width: 1100px; margin: 0px auto;padding: 24px 48px; background: #fff;box-shadow: 0 8px 30px rgba(10, 20, 40, 0.06);border-radius: 12px; margin-bottom: 44px;}
.adopter-listing-outer  ul { padding: 0px; margin: 0px;}
.adopter-listing-outer li {list-style: none;display: flex;align-items: center;justify-content: space-between;padding-bottom: 17px;margin-bottom: 17px; border-bottom: 1px dashed #ddd;}
.adopter-listing-outer li:last-child{border-bottom:none;padding-bottom: 0px;margin-bottom: 0px;}
.adopter-listing-outer li p {margin: 0px;}
.adopter-listing-outer li .adopter-name p {font-weight: 600;font-size: 17px;letter-spacing: 0.2px;}
.adopter-listing-outer a.btn{background: #f6d74b; border: none;padding: 9px 17px; font-size: 15px;font-weight: 600;border-radius: 4px; cursor: pointer; float: right;text-decoration: none;color: #5e4431;}
.adopter-listing-outer a.btn:hover{background: #000;color: #fff;}
.adopter-listing-outer legend{font-size: 25px;}
.adopter-listing-outer fieldset{margin: 0 0 16px 0;padding: 10px 27px 19px 27px;}
.payment-details {margin-top: 57px;}
.payment-details .label-box{column-gap: 13px;}
.application-btn {margin-top: 31px; margin-bottom: 12px;}


/***************************** added by Abhay *****************************/
.alert { padding: 12px 16px; border: 1px solid; border-radius: 8px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height: 1.4; margin: 12px 0;}
.alert-danger { background: #fde8ea; border-color: #f5c2c7; color: #842029; }
.alert-success { background: #d1e7dd; border-color: #badbcc; color: #0f5132; }
.justify-end { justify-content: flex-end; }
.bottom-spacing {margin-bottom: 10px;}
.text-red {color: #ff0000 !important;}
.text-green {color: green !important;}
.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: all 0.15s ease-in-out; cursor: pointer}
.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545;}
.btn-danger:hover { background-color: #c82333; border-color: #bd2130; }
.btn-danger:active { background-color: #bd2130; border-color: #b21f2d; }
.btn-danger:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220,53,69,.5); }
.btn-success {color: #fff; background-color: #28a745;border-color: #28a745;}
.btn-success:hover { background-color: #218838;border-color: #1e7e34;}
.btn-success:active {background-color: #1e7e34;border-color: #1c7430;}
.btn-success:focus {outline: 0; box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);}
.errorbox{max-width: 1100px; margin: 0px auto;padding: 24px 48px; background: #fff;box-shadow: 0 8px 30px rgba(10, 20, 40, 0.06);border-radius: 12px; margin-bottom: 44px;}
.mt {margin-top : 20px !important; }
.mb {margin-bottom : 20px !important; }
.ml {margin-left : 18px !important; }
.other_pets_household {margin-bottom : 18px !important; }
#preview p {margin-left: 5px;}
.error-container {padding: 6px 0 10px 0;display: inline-block;max-width: 100%;}
.signature-container {padding-left: 10px;}
.field-error {color: #d60000;font-size: 0.875rem; font-weight: 500;}
.tabs {display: flex;margin-top: 13px;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.tab {padding: 10px 20px;cursor: pointer;font-weight: bold;border: none;background: #f5f5f5;margin-right: 5px;border-radius: 5px 5px 0 0;}
.tab.active {background: #ffc107;color: #000;}
.tab-content {display: none;animation: fadeIn 0.3s ease-in-out;}
.tab-content.active {display: block;}
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
.submitted-date {font-size: 0.9em;color: #666;}
.btn-approved {background: #28a745 !important;}
.badge-approved {background-color: #28a745;color: #fff;padding: 3px 8px;border-radius: 12px;font-size: 0.75em;font-weight: bold;margin-left: 8px;}
.application-card {display: flex;justify-content: space-between;align-items: center;padding: 12px 15px;border: 1px solid #ddd;border-radius: 8px;margin-bottom: 12px;background-color: #fff;}
.application-info {display: flex;flex-direction: column;row-gap: 5px;}
.application-info p {margin: 0 0 4px 0;font-weight: bold;}
.submitted-date {font-size: 0.85em;color: #666;}
.badge-approved {background-color: #28a745;color: #fff;padding: 3px 8px;border-radius: 12px;font-size: 0.75em;font-weight: bold;margin-left: 8px;}
#preview img {width: 150px !important; height: auto;}


/*****************************Adopter-Listing-Css-End*****************************/

 /*****************************Responsive-Css-*****************************/
 @media(max-width:1024px){
.payment-details .form-group .form-group-box{width: auto;}	 
 }
@media(max-width:992px){
.d-flex{flex-direction: column; row-gap: 22px;margin-bottom: 21px;}
.payment-details .d-flex{margin-bottom: 12px;}
}	
@media(max-width:767px){
legend{font-size: 23px;}
.wrap{max-width: 100%;padding: 35px 21px;}
.label-box{flex-wrap: wrap;}
.form-header-logo img{width: 214px;}
.adopter-listing-outer{max-width: 83%;padding: 24px 16px;}
.adopter-listing-outer fieldset { padding: 21px 19px 19px 19px;}
.adopter-listing-outer li .adopter-name p{font-size: 16px;}
.adopter-listing-outer a.btn{min-width: 59px;padding: 10px 12px;font-size: 14px;}
.adopter-listing-outer legend {font-size: 23px;}
.btn-danger {margin-bottom: 18px;}
}
@media (max-width: 600px) {
.application-card {flex-direction: column;align-items: flex-start;row-gap: 5px;}
.application-actions {margin-top: 8px;width: 100%;}
.application-actions .btn {width: 100%;text-align: center;margin-left: 0;box-sizing: border-box;}
}
 /*****************************Responsive -Css-End*****************************/