/* === Copied Bootstrap Classes ===  */
 .lead { 
   color: white !important; 
   position: absolute; 
   top: 25px; 
   left: 25px; 
   text-align: left; 
   font-size: 1.25rem; 
   font-weight: 300; 
 } 

 body { 
   display: flex; 
   justify-content: center; 
   align-items: center; 
   text-align: center; 
   min-width: 992px !important; 
   margin: 0; 
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; 
   font-size: 1rem; 
   font-weight: 400; 
   line-height: 1.5; 
   color: #212529; 
   background-color: #fff; 
   text-align: left; 
 } 

 ul, 
 p { 
   margin-bottom: 0; 
 } 

 p { 
   margin-top: 0; 
 } 

 .list-group { 
   display: flex; 
   flex-direction: column; 
   padding-left: 0; 
   margin-bottom: 0; 
   border-radius: 0.25rem; 
   width: 100%; 
 } 

 .list-group-item { 
   position: relative; 
   display: block; 
   padding: 0.75rem 1.25rem; 
   background-color: #fff; 
   border: 1px solid rgba(0, 0, 0, 0.125); 
 } 

 .btn { 
     display: inline-block; 
     font-weight: 400; 
     color: #212529; 
     text-align: center; 
     vertical-align: middle; 
     user-select: none; 
     background-color: transparent; 
     border: 1px solid transparent; 
     padding: 0.375rem 0.75rem; 
     font-size: 1rem; 
     line-height: 1.5; 
     border-radius: 0.25rem; 
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
     cursor: pointer; 
 } 

 .btn-secondary { 
   color: #fff; 
   background-color: #6c757d; 
   border-color: #6c757d; 
 } 

 .btn-secondary:hover { 
   background-color: #5a6268; 
   border-color: #545b62; 
 } 

 .btn-secondary:focus, 
 .btn-secondary.focus { 
   box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); 
 } 

 .btn-secondary.disabled, 
 .btn-secondary:disabled { 
   background-color: #6c757d; 
   border-color: #6c757d; 
 } 

 .list-inline { 
   padding-left: 0; 
   list-style: none; 
 } 

 .list-inline-item { 
   display: inline-block; 
 } 

 .list-inline-item:not(:last-child) { 
   margin-right: 0.5rem; 
 } 

 .alert { 
   position: relative; 
   padding: 0.75rem 1.25rem; 
   margin-bottom: 1rem; 
   border: 1px solid transparent; 
   border-radius: 0.25rem; 
 } 

 .alert-warning { 
   color: #856404; 
   background-color: #fff3cd; 
   border-color: #ffeeba; 
 } 

 .alert-danger {
     color: #842029;
     background-color: #f8d7da;
     border-color: #f5c2c7;
 }

 .mb-0 {
   margin-bottom: 0;
 }

 .text-muted { 
     color: #6c757d !important; 
 } 

 li {
     text-align: left
 }


 /* === Layout ===  */
 .page { 
   display: flex; 
   flex-direction: column; 
   justify-content: center; 
   align-items: center; 
   text-align: center; 
 } 

 /* === Buttons ===  */
 button, 
 button.primary, 
 a.primary, 
 button.danger { 
   display: flex; 
   height: 40px; 
   padding: 10px 12px; 
   align-items: center; 
   gap: 4px; 
   border-radius: 4px; 
   text-align: center; 
   font-family: 'Inter'; 
   font-size: 14px; 
   font-weight: 600; 
   line-height: 18px; 
   letter-spacing: -0.084px; 
   cursor: pointer; 
 } 

 button.primary, 
 a.primary { 
   border: 1px solid #2872E9; 
   background-color: #2872E9; 
   color: #EDF6FA; 
 } 

 button.danger { 
   border: 1px solid #dc3545; 
   background-color: #dc3545; 
   color: #EDF6FA; 
 } 

 .btn-hidden { 
   display: none !important; 
 } 

 a.btn { 
     height: 18px; 
     text-decoration: none; 
     cursor: pointer; 
 } 

 /* === Logos ===  */
 .ligentix-logo { 
   height: 40px; 
 } 

 .site-logo-white { 
   position: absolute; 
   right: 25px; 
   top: 25px; 
 } 

 /* === Cards ===  */
 .ligentix-card { 
   max-width: 450px; 
   width: 100%; 
 } 

 .ligentix-card-header { 
   display: flex; 
   justify-content: space-between; 
   align-items: center; 
   gap: 8px; 
   padding: 28px 24px; 
   background-color: #043347; 
   border-top-left-radius: 8px; 
   border-top-right-radius: 8px; 
 } 

 .ligentix-card-header > div { 
   display: flex; 
 } 

 .ligentix-card-header h1, 
 .ligentix-card-header h2 { 
   color: #FFF; 
   font-family: Manrope; 
   font-size: 24px; 
   font-weight: 700; 
   line-height: 32px; 
   letter-spacing: -0.456px; 
   margin: 0; 
 } 

 .ligentix-card-body { 
   display: flex; 
   flex-direction: column; 
   align-items: flex-start; 
   gap: 24px; 
   padding: 24px; 
   background-color: #fff; 
   border-bottom-left-radius: 8px; 
   border-bottom-right-radius: 8px; 
   text-align: left; 
   font-family: 'Inter'; 
 } 

 /* === Forms ===  */
 .ligentix-form-label { 
   color: #546072; 
   font-family: 'Inter'; 
   font-size: 14px; 
   font-weight: 500; 
   line-height: 18px; 
   letter-spacing: -0.084px; 
   margin-bottom: 4px; 
 } 

 .ligentix-form-input { 
   display: flex; 
   height: 40px; 
   padding: 8px; 
   align-items: center; 
   gap: 8px; 
   width: 100%; 
   border-radius: 4px; 
   border: 1px solid #EAECF0; 
   background-color: #fff; 
   color: #424C5A; 
   font-family: 'Inter'; 
   font-size: 14px; 
   font-weight: 400; 
   line-height: 18px; 
   letter-spacing: -0.084px; 
   box-sizing: border-box; 
 } 

 .ligentix-form-group { 
   width: 100%; 
   text-align: left; 
 } 

 .ligentix-remember-me { 
   display: flex; 
   width: 100%; 
 } 

 .ligentix-remember-me > input { 
     width: 24px; 
     height: 24px; 
     margin-right: 8px; 
     background-color: #fff; 
     border: 1px solid #EAECF0; 
     border-radius: 4px; 
     box-sizing: border-box; 
 } 

 .ligentix-remember-me > label { 
   color: #323A45; 
   font-family: 'Inter'; 
   font-size: 14px; 
   font-weight: 400; 
   line-height: 18px; 
   letter-spacing: -0.084px; 
   margin-bottom: 0; 
   align-self: center; 
 } 

 .forgot-password { 
   color: #424C5A; 
   font-family: 'Inter'; 
   font-size: 14px; 
   font-weight: 400; 
   line-height: 18px; 
   letter-spacing: -0.084px; 
 } 

 .forgot-password > a { 
   color: #4088F6; 
   font-weight: 500; 
   text-decoration: underline; 
 } 

 /* === Terms ===  */
 .ligentix-card-terms { 
   display: flex; 
   justify-content: center; 
   align-items: center; 
   gap: 16px; 
   padding: 16px; 
   border: 1px solid #EAECF0; 
   border-radius: 8px; 
   text-align: left; 
 } 

 .ligentix-card-terms > p { 
   color: #67768C; 
   font-family: 'Inter'; 
   font-size: 12px; 
   font-weight: 400; 
   line-height: 16px; 
   margin-bottom: 0; 
   width: 100%; 
 } 

 /* === Chips ===  */
 .chip { 
   padding: 2px 6px; 
   font-size: 11px; 
   line-height: 16px; 
   text-transform: uppercase; 
   font-family: 'Inter', sans-serif; 
   border-radius: 24px; 
   width: fit-content; 
   height: fit-content; 
   align-self: center; 
   margin-left: 8px; 
 } 

 .chip > i { 
   margin-right: 6px; 
 } 

 /* === Links ===  */
 a { 
     color: #4088F6; 
 }