.admin-nav { text-shadow: 2px 2px 4px #ccc; border-bottom: 1px solid #ddd; color: #333 !important; }

  .modal { overflow: auto !important; }

  .modal-xxl { width: 100%; margin: auto; }

  .menulink { font-size: 1.em; transition: font-size 0.5s ease-in-out; }
  .menulink:hover { color:#777; font-size: 1.02em; transition: font-size 0.5s ease-in-out; }

  .form-check-input:checked {
   background-color: black;
   border-color: black;  }

 .form-check-input:checked { --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/></svg>") !important; }

  .logo2 img { 
   animation: fadeinLoad 1s 5s forwards;
   transition: transform 0.9s ease-in-out; }
  .logo2:hover img {  transform: scaleY(-1); content: url("/images/global/logomenu.png"); }

  a:link { color: black; text-decoration: none; }
  a:visited { color: black; text-decoration: none; }
  a:hover { color: black; text-decoration: none; }
  a:active { color: black; text-decoration: none; }

  a.slnk:link { color: #198754 !important; text-decoration: none; }
  a.slnk:visited { color: #198754; text-decoration: none; }
  a.slnk:hover { color: white !important; text-decoration: none; }
  a.slnk:active { color: #198754 !important; text-decoration: none; }

  a.dlnk:link { color: #ad0311 !important; text-decoration: none; }
  a.dlnk:visited { color: #ad0311; text-decoration: none; }
  a.dlnk:hover { color: white !important; text-decoration: none; }
  a.dlnk:active { color: #ad0311 !important; text-decoration: none; }

  a.wlnk:link { color: #c09200 !important; text-decoration: none; }
  a.wlnk:visited { color: #c09200; text-decoration: none; }
  a.wlnk:hover { color: white !important; text-decoration: none; }
  a.wlnk:active { color: #c09200 !important; text-decoration: none; }

  .offcanvas-top { min-height: 550px; }
  .offcanvas-backdrop.show { opacity: 1; background-color: rgba(0,0,0,.7); }

  .csalu { display: none; }
  .ctype { display: none; }

  @media (min-width: 0px) and (max-width: 575.98px) {
   .modal-xl { min-width: 100%; margin: auto; }
   .addnote { width: 100% !important; }
   .container-grid { width: 100%; }
   .image-grid__item, .image-grid__col-sizer { width: 100%; }
   .offcanvas-top { min-height: 100%; }
   .logo-sm {
    width: 60%;
    margin-bottom: -50px;
    margin-top: -50px; } }
  @media (min-width: 576px) and (max-width: 768.98px) {
   .modal-xl { min-width: 100%; margin: auto; }
   .addnote { width: 100% !important; }
   .container-grid { width: 90%; }
   .image-grid__item, .image-grid__col-sizer { width: 48%; }
   .offcanvas-top { min-height: 100%; }
   .logo-sm {
    width: 25%;
    padding-top: 8%;
    padding-bottom: 8%; } }
  @media (min-width: 769px) and (max-width: 992.98px) {
   .modal-xl { min-width: 90%; margin: auto; }
   .addnote { width: 95% !important; }
   .container-grid { width: 85%; }
   .image-grid__item, .image-grid__col-sizer { width: 48%; }
   .offcanvas-top { min-height: 650px; } 
   .logo-sm {
    width: 25%;
    padding-top: 8%;
    padding-bottom: 8%; } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
   .addnote { width: 85% !important; }
   .container-grid { width: 85%; }
   .offcanvas-top { min-height: 650px; } }
  @media (min-width: 1200px) and (max-width: 1399.98px) {
   .addnote { width: 75% !important; }
   .container-grid { width: 95%; }
   .mtitle { color: red; }
   .offcanvas-top { min-height: 650px; } }
  @media (min-width: 1400px) {
   .addnote { width: 65% !important; }
   .container-grid { width: 88%; }
   .offcanvas-top { min-height: 650px; } }