/*
   ============================================================================
   Copyright © 2026, Aldwicks Limited
   ============================================================================
   Last changed: 25.03.2026
   ============================================================================
*/

#wrapper{
	padding-top:50px;
}

body {
   padding-top: 70px;
	/*# margin-top: 40px;*/
   font-size: 80%;
}

a, a:hover, a:visited, a:active {
	color: inherit;
	text-decoration: none;
}

/* Scroll to top button */
#myTopBtn {
    display: none; /* Hidden by default */
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #3273dc;
    color: white;
    cursor: pointer;
    padding: 12px 16px;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}
#myTopBtn:hover {
    background-color: #2563eb;
    transform: translateY(-2px);
}

.py_80 {
	padding: 40px 0;
}

.py_60 {
	padding: 60px 0;
}

.py-30 {
	padding: 30px;
}

.py-80 {
	padding: 80px 0;
}

.mb-30 {
	margin-bottom: 30px;
}

.mt-50 {
	margin-top: 50px;
}

.mtb-30 {
	margin-bottom: 30px;
	margin-top: 30px;
}

.ml-30 {
	margin-left: 30px;
}

.mt-30 {
	margin-top: 30px;
}

.raised h1, .raised h2, .raised h3, .raised h4, .raised h5, .raised h6 {
	font-family: serif;
	text-align: center;
	color: rgb(5, 3, 3);
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

.copyright h4 {
	font-family: serif;
	display: inline-flex;
	color: white;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

.ems-text label {
	font-weight: 500;
	color: white;
}

.ems-radio label {
	font-weight: 500;
	color: white;
	margin-top: 30px;
}

.ems-standout-card {
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(68, 156, 244, 0.19);
	margin-top: 50px;
	margin-bottom: 40px;
	padding: 7px;
}

.ml-1 {
	margin-left: 15px!important
}

.ml-2 {
	margin-left: 30px!important
}

/* Modal styles */
.modal .modal-dialog {
   max-width: 480px;
}
.modal .modal-header, .modal .modal-body, .modal .modal-footer {
   padding: 20px 30px;
}
.modal .modal-content {
   border-radius: 3px;
}
.modal .modal-footer {
   background: #ecf0f1;
   border-radius: 0 0 3px 3px;
}
   .modal .modal-title {
   text-indent:25px;
   display: inline-block;
   }

.modal .modal-header {
   background-image: url("modallogotrans.png");
   background-repeat: no-repeat;
   background-position: left center;
}

.modal .form-control {
   border-radius: 2px;
   box-shadow: none;
   border-color: #dddddd;
}
.modal textarea.form-control {
   resize: vertical;
}
.modal .btn {
   border-radius: 2px;
   min-width: 100px;
}
.modal form label {
   font-weight: normal;
}

.action-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-left: 6px;
   margin-right: 6px;
   cursor: pointer;
   text-decoration: none;
}

.action-icon i {
   font-size: 1.6rem;
   transition: color .15s ease-in-out;
}

.action-icon:visited i {
   color: inherit;
}
.action-icon:hover i.text-success { color: #0a7d32; }
.action-icon:hover i.text-danger { color: #b52b27; }

.fixed-badge {
   display: inline-block;
   width: 3rem;
   text-align: center;
}

/* Make the mobile hamburger icon white */
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Optional: make the button border white too */
.navbar-light .navbar-toggler {
    border-color: rgba(255,255,255,0.7);
}

/* Desktop MENU text size */
.navbar .nav-link.dropdown-toggle {
    font-size: 1.25rem;   /* adjust as needed */
    font-weight: 600;     /* optional */
}

/* Make hamburger icon white */
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* White border */
.navbar-light .navbar-toggler {
    border-color: rgba(255,255,255,0.7);
}

/* Align toggler visually with logout icon */
.navbar-toggler {
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
}

/* Larger MENU text on desktop */
@media (min-width: 992px) {
   .navbar .nav-link.dropdown-toggle {
      font-size: 1.25rem;
      font-weight: 600;
   }
}

/* Desktop: navbar is shorter, reduce the gap */
@media (min-width: 992px) {
    body {
        padding-top: 40px;
    }
}

.ems-toast {
   position: fixed;
   bottom: 20px;
   right: 20px;
   background: #fff;
   border-left: 6px solid #dc3545;
   padding: 15px 20px;
   border-radius: 8px;
   display: flex;
   align-items: center;
   gap: 15px;
   z-index: 9999;
   animation: toastPop 0.35s ease-out;
   max-width: 350px;
}

.ems-toast-error { border-left-color: #dc3545; }
.ems-toast-success { border-left-color: #28a745; }

.ems-toast-icon i {
   font-size: 28px;
   color: #dc3545;
}

.ems-toast-content p {
   margin: 0;
}

.ems-toast-close {
   background: none;
   border: none;
   font-size: 18px;
   cursor: pointer;
   color: #666;
}

@keyframes toastPop {
   from { transform: translateY(20px); opacity: 0; }
   to   { transform: translateY(0); opacity: 1; }
}

.ems-toast-error .ems-toast-icon i { color: #dc3545; }   /* red cross */
.ems-toast-success .ems-toast-icon i { color: #28a745; } /* green tick */

@media (max-width: 991px) {
   .navbar-nav hr.dropdown-divider {
      border-top: 1px solid rgba(255,255,255,0.3);
   }
}

@media (max-width: 991px) {
   .navbar-nav .dropdown-item.text-danger {
      color: #ff6b6b !important;
   }
}

/* Fix mobile menu text colour */
@media (max-width: 991px) {
   .navbar-nav.d-lg-none .dropdown-item {
      color: #ffffff !important;
   }
   .navbar-nav.d-lg-none .dropdown-item:hover {
      background-color: rgba(255,255,255,0.15) !important;
      color: #ffffff !important;
   }
   .navbar-nav.d-lg-none hr.dropdown-divider {
      border-top: 1px solid rgba(255,255,255,0.3);
   }
   .navbar-nav.d-lg-none .dropdown-item.text-danger {
      color: #ff6b6b !important;
   }
}

.nav-link.dropdown-toggle::after { display: none; }

@media (min-width: 992px) {
   .navbar-nav .nav-link.dropdown-toggle {
      border: 1px solid rgba(255,255,255,0.7);
      border-radius: 4px;
      padding: 0.45rem 0.75rem;
      margin-right: 0.25rem; /* same spacing as mobile */
   }
}

/* Match mobile menu font size to desktop dropdown */
@media (max-width: 991px) {
   .navbar-nav.d-lg-none .dropdown-item {
      font-size: 1.25rem;   /* same as desktop MENU text */
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
   }
}

.pdf-container {
   width: 100%;
   height: calc(100vh - 100px);
   /*margin-top: 56; var(--bs-navbar-height);*/
   border: none;

}