@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700&display=swap");


body {
  background-color: #fff !important;
}

#header {
  background-color: unset;
}

#header #top-header {
  background-color: #5d068c;
}

#header #top-header ul.nav {
  border: none;
}

#header #top-header ul.nav li a {
  font-size: 15px;
  font-weight: 700;
  font-family: "Lato", sans-serif;
  color: #fff;
  background-color: unset;
  text-decoration: underline;
  border: none;
}

#header #top-header ul.nav li.active a {
  color: #5d068c;
}

#header #middle-header {
  background-color: #e6e6e7;
  min-height: 65px;
}

#header #middle-header #logo {
  margin: -23px 0 0px;
  display: block;
  text-align: left;
  z-index: 60;
  position: relative;
}

#header #middle-header #logo img {
  max-width: 100%;
}

@media (max-width: 1200px) {
  #header #middle-header #logo .navbar-brand {
    height: 64px;
  }
}

@media (max-width: 992px) {
  #header #middle-header #logo {
    margin: 0;
  }

  #header #middle-header #logo .navbar-brand {
    height: unset;
  }
}

#header #navbar .menu-bar {
  padding-top: 0;
}

#header #navbar .menu-bar .divider-vertical {
  display: none;
}

#header #navbar .menu-bar a {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
}

#header #navbar .menu-bar a:hover {
  color: #5d068c;
  background-color: unset;
}

#header #navbar .menu-bar a:focus,
#header #navbar .menu-bar a:active {
  outline: none !important;
  border: none !important;
}

#header #navbar .menu-bar .dropdown a:hover {
  color: #5d068c;
  background-color: unset;
}

#header #navbar .menu-bar .dropdown a:focus,
#header #navbar .menu-bar .dropdown a:active {
  outline: none !important;
  border: none !important;
}

#header #navbar .menu-bar .dropdown.open a {
  background-color: unset;
}

#header #navbar .menu-bar .dropdown.open .dropdown-menu {
  background-color: #5d068c;
}

#header #navbar .menu-bar .dropdown.open .dropdown-menu li a {
  color: #fff;
}

#header #navbar .menu-bar .dropdown.open .dropdown-menu li a:hover {
  color: #5d068c;
  border: none;
  padding: 3px 20px;
}

#header #navbar .menu-bar .dropdown.open .dropdown-menu li a:focus,
#header #navbar .menu-bar .dropdown.open .dropdown-menu li a:active {
  outline: none !important;
  border: none !important;
}

.navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li.dropdown > a:hover {
    text-decoration: none !important;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover {
    background-color: #5d068c !important;
    color: #fff !important;
    font-weight: 600;
}

.appeal-agreement h2,
.appeal-agreement p,
.appeal-agreement ul li p {
  font-family: "Lato", sans-serif;
}

.appeal-agreement h2 {
  color: #5d068c;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 25px;
  margin-top: 10px;
}

.appeal-agreement p {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 10px;
}

.appeal-agreement ul {
  margin-bottom: 20px;
  margin-top: 20px;
}

#mainContent,
#MultiApplicationWrapper {
  min-height: 720px;
}

.grid-actions .toolbar-actions {
  padding: 5px;
}

.view-empty.message {
  text-align: center;
}

#MultiApplicationWrapper #notification-box {
  margin: 15px 0;
}

#MultiApplicationWrapper .section-title h3 {
  background-color: #d9d2ec;
  padding: 10px 16px;
  color: #5d068c;
  border-radius: 9px;
  font-size: 21px;
  font-family: "Lato", sans-serif;
}

#MultiApplicationWrapper .progress-numeric {
  text-align: center;
  box-shadow: none;
  border: none;
  background-color: #fff;
}

#MultiApplicationWrapper .progress-numeric .number {
  background-color: #5d068c;
  margin: 0 5px;
}

#MultiApplicationWrapper .grid-actions .pull-right a {
  color: #ffffff;
  background-color: #5d068c;
  border: none;
  font-family: Arial;
  font-weight: 600;
  font-size: 16px;
  padding: 9px 22px;
  width: fit-content;
  border-style: solid;
  background-color: #5d068c;
  border-radius: 8px;
}

#MultiApplicationWrapper .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

input.form-control,
select.form-control,
textarea.form-control,
.lookup.form-control-cell .control .input-group .lookup.form-control {
  border-radius: 4px;
  border-color: #000;
}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
.lookup.form-control-cell .control .input-group .lookup.form-control:focus {
  border-radius: 4px;
  border-color: #000 !important;
}


textarea {
  resize: none;
  min-height: 100px;
}

.alert {
  background-color: #5d068c;
  color: #fff;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  border-radius: 8px;
  margin-bottom: 2px;
}

.alert-danger {
  background-color: #f8d7da; /* Optional: Adjust the background color if needed for a "danger" alert */
  color: black; /* Set text color to black */
}

.close {
  color: white; /* Set the close button color to white */
  font-size: 24px; /* Adjust size if needed */
  text-decoration: none; /* Remove any underline */
}

a[href="#osds_groundsforappeal_label"] {
  pointer-events: none; /* Disable the link's click functionality */
  text-decoration: none; /* Remove underline */
  color: inherit; /* Retain the text color of the surrounding context */
}

.modal-title {
  color: black;
}

#mainContent h1,
#mainContent .h1,
#mainContent .section-landing .row > div .section-landing-sub-heading,
#mainContent .page_section h1,
#mainContent .color-inverse h1,
#mainContent h2,
#mainContent .h2,
#mainContent .section-landing .row > div .section-landing-sub-heading,
#mainContent .page_section h2,
#mainContent .color-inverse h2,
#mainContent h3,
#mainContent .h3,
#mainContent .section-landing .row > div .section-landing-sub-heading,
#mainContent .page_section h3,
#mainContent .color-inverse h3,
#mainContent h4,
#mainContent .h4,
#mainContent .section-landing .row > div .section-landing-sub-heading,
#mainContent .page_section h4,
#mainContent .color-inverse h4,
#mainContent h5,
#mainContent .h5,
#mainContent .section-landing .row > div .section-landing-sub-heading,
#mainContent .page_section h5,
#mainContent .color-inverse h5,
#mainContent h6,
#mainContent .h6,
#mainContent .section-landing .row > div .section-landing-sub-heading,
#mainContent .page_section h6,
#mainContent .color-inverse h6,
#mainContent .crmEntityFormView .section-title {
  color: #343a40;
}

.crmEntityFormView {
  border: none !important;
}

.validation-summary h2,
.validation-summary ul li a,
.validation-summary-errors h2,
.validation-summary-errors ul li a {
  color: black !important;
}

ul[role="presentation"],
ul[role="presentation"] li {
  color: black;
}

.ui-dialog {
  padding: 0 !important;
}

.ui-dialog-titlebar {
  background: #5d068c !important;
  padding: 0.5em !important;
}

.ui-dialog-titlebar-close {
  right: 1em;
}

.ui-dialog-titlebar-close::after {
  content: "X";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  transform: translate(-2px, -3px);
}

.ui-dialog-buttonpane button {
  color: #ffffff;
  background-color: #5d068c;
  border: none;
  font-family: Arial;
  font-weight: 600;
  font-size: 16px;
  padding: 9px 22px;
  width: fit-content;
  border-style: solid;
  border-radius: 8px;
}

.ui-dialog-buttonpane button:hover {
  color: #ffffff;
  background-color: #5d068c;
  border: none;
}

.tab_section {
  margin: 40px 0;
}

.tab_section .section-title {
  margin-bottom: 10px;
}

.tab_section .section-title h3 {
  background-color: #d9d2ec;
  padding: 10px 16px;
  color: #5d068c;
  border-radius: 9px;
  font-size: 21px;
  font-family: "Lato", sans-serif;
}

.tab_section .tab {
  border: 1px solid #ccc;
  border-radius: 9px;
  padding: 10px;
  display: flex;
  text-align: center;
  background-color: #d9d2ec;
  min-height: 200px;
  transition: 200ms all ease-in-out;
}

.tab_section .tab_description h4 {
  font-size: 20px;
  font-family: "Lato", sans-serif;
}

.tab_section .tab_description p {
  font-size: 14px;
  font-family: "Lato", sans-serif;
}

.tab_section .tab:hover {
  background-color: #5d068c;
  color: #fff;
  text-decoration: none;
}

.tab_section .tab:hover .tab_description h4,
.tab_section .tab:hover .tab_description p {
  color: #fff;
}

.actions {
  border-top: none !important;
}

.actions button,
.actions input[type="button"],
.actions a.button1 {
  color: #ffffff;
  background-color: #5d068c;
  border: none;
  font-family: Arial;
  font-weight: 600;
  font-size: 16px;
  padding: 9px 22px;
  width: fit-content;
  border-style: solid;
  background-color: #5d068c;
  border-radius: 8px;
  margin: 0;
}

.actions button:hover,
.actions button:active,
.actions button:focus,
.actions input[type="button"]:hover,
.actions input[type="button"]:active,
.actions input[type="button"]:focus {
  color: #ffffff;
  background-color: #5d068c;
  margin: 0;
}


.table td .dropdown.action .btn.btn-default span {
    color: #5d068c !important;
}

.table td .dropdown.action .btn.btn-default:hover {
    background-color: #5d068c !important;
}

.table td .dropdown.action .btn.btn-default:hover span {
    color: #ffffff !important;
}

.table td .dropdown.action .dropdown-menu li a.dropdown-item  {
    font-weight: 600;
}

.table td .dropdown.action .dropdown-menu li a.dropdown-item:hover  {
    color: #ffffff !important;
    background-color: #5d068c !important;
}

.table td .dropdown.action .dropdown-menu li a.dropdown-item span  {
    margin-right: 5px;
}

.table.table-striped thead th {
  background-color: rgba(92, 6, 140, 0.15);
}

.table.table-striped thead th a {
  background-color: transparent;
  color: #5d068c;
}

.button1 {
  background-color: #5d068c !important;
  color: #fff;
}

.table.table-striped td a.details-link {
  color: #000;
  font-weight: 600;
}

.lookup.form-control-cell .control .input-group {
    flex-wrap: nowrap;
    align-items: stretch;
}

.lookup.form-control-cell .control .input-group .lookup.form-control  {
    margin: 0;
}

.grid-actions a.btn.btn-primary.float-end.action.create-action {
  background-color: #5d068c !important;
  color: #fff;
  border: 1px solid #5d068c !important;
}

.grid-actions a.btn.btn-primary.float-end.action.create-action:hover {
  background-color: #5d068c !important;
  border: 1px solid #5d068c !important;
  color: #fff;
}

/* .input-group-btn .btn {
  color: #5d068c !important;
} */

/* .input-group-btn .btn:hover {
  background-color: #5d068c !important;
} */

.form-control:focus {
    border-color: #212529 !important;
}

.profile-info {
  padding: 5px 10px;
  margin-bottom: 0;
  border-bottom: none;
  background-color: #5d068c;
  color: #fff;
}

.crmEntityFormView label {
    background-color: transparent !important;
}

.profile-info .card-body {
    background-color: transparent !important;
}

.profile-info img {
  display: none;
}

.profile-info .userFullName {
  padding: 0 !important;
}

.panel-default.nav-profile {
  margin-top: -20px;
}

.panel-default.nav-profile .panel-heading {
  display: none;
}

a[title="Profile"] {
  border-bottom: none;
}

.sub-container {
  a .card-title {
    background-color: #5d068c;
  }
  a:has(.card-title) {
    text-decoration: none;
  }
}

.footer .footer-bottom {
  background-color: #5d068c;
}

.footer .footer-bottom p,
.footer .footer-bottom a {
  font-size: 14px;
  color: #fff;
}

.footer .footer-bottom a {
  text-decoration: underline;
}

.footer .footer-bottom a:hover {
  color: #fff;
}

.progress .list-group-item.active {
  background-color: #5d068c;
  border-color: #5d068c;
}

.columnBlockLayout {
    margin-top: 15px;
    margin-bottom: 15px;
}

.view-pagination .pagination .page-item .page-link,
.view-pagination .pagination .page-item.disabled .page-link,
.view-pagination .pagination .page-item.active .page-link  {
  border-radius: 0;
  border: none;
  color: #000;
  line-height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.view-pagination .pagination .page-item.disabled .page-link {
  background-color: #ccc;
}

.view-pagination .pagination .page-item.active .page-link  {
  background-color: #5d068c !important;
  color: #fff;
}

/* DropDown Starts*/

tr ul.dropdown-menu a {
  text-decoration: none;
}

tr ul.dropdown-menu a:hover {
  background: #5d068c !important;
  color: white !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

tr td .action .btn-default  {
  color: #5d068c !important;
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  border-color: transparent !important;
  background: transparent !important;
  width: fit-content;
  border-style: solid;
  transition: all 0.3s ease;
  border: none; 
}

td[aria-label="action menu"] .btn-default {
  color: #5d068c !important;
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  border-color: transparent !important;
  background: transparent !important;
  width: fit-content;
  border-style: solid;
  transition: all 0.3s ease;
  border: none; 
}

td[aria-label="action menu"] .btn-default:hover {
  background-color: #5d068c !important;
  color: white !important;
  transition: all 0.3s ease;
}


tr.btn-default:hover span.fa {
  color: #ffffff !important;
}
/* DropDown Ends*/

body[data-sitemap-state^="/Application/Venu_Create/create-redirection-page/"] header,
body[data-sitemap-state^="/Application/Venu_Create/create-redirection-page/"] footer {
  display: none !important;
}

/*# sourceMappingURL=customStyles.css.map */

/* Custom Model CSS Starts */
.custom-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.custom-modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.custom-modal-container{
  background-color: white;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  width: 90%;
  max-width: 753px;
  margin-top: -100%;
  transition: margin-top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow: hidden;
}

.custom-modal-overlay.active .custom-modal-container {
  margin-top: 50px;
}

.custom-modal-container-confirm{
  background-color: white;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  width: 90%;
  max-width: 636px;
  margin-top: -100%;
  transition: margin-top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow: hidden;
}

.custom-modal-overlay.active .custom-modal-container-confirm {
  margin-top: 50px;
}

.custom-modal-header {
  padding: 20px;
  color: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-modal-header h2 {
  margin: 0;
  font-weight: 600;
  font-size: 1.4rem;
}

.custom-modal-btn-close {
  background: none;
  border: none;
  color: black;
  font-size: 28px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  transition: transform 0.2s;
}

.custom-modal-btn-close:hover {
  transform: rotate(90deg);
}

.custom-modal-body-inner {
  padding: 25px;
}


.custom-modal-dropdown-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px; /* Space between fields */
  align-items: center;
  margin-bottom: 20px;
}


.custom-modal-dropdown {
  width: 100%;
  max-width: 509px;
}

.custom-modal-dropdown label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #444;
  font-size: 14px;
}

.custom-modal-dropdown select {
  width: 100%;
  padding: 12px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 14px;
  background-color: #f9f9f9;
  transition: all 0.3s;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
}

.custom-modal-dropdown select:focus {
  border-color: #5d068c;
  outline: none;
  box-shadow: 0 0 0 3px rgba(93, 6, 140, 0.2);
  background-color: white;
}

.custom-modal-footer {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.custom-modal-btn {
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 14px;
}

.custom-modal-btn-submit {
  background: #5d068c;
  color: white;
  border: none;
}

.custom-modal-btn-submit:hover {
  background: #4a0570;
}

.custom-modal-btn-cancel {
  background-color: white;
  border: 1px solid #ddd;
  color: #555;
}

.custom-modal-btn-cancel:disabled {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0; 
  color: #999; 
  cursor: not-allowed;
  opacity: 0.8;
}


.custom-modal-btn-cancel:not(:disabled):hover {
  background-color: #f9f9f9;
  border-color: #ccc;
}



/* Venu Pop Up CSS */

.custom-modal-btn-proceed {
  background: #5d068c;
  color: white;
  border: none;
}

.custom-modal-btn-proceed:hover {
  background: #4a0570;
}

.custom-modal-btn-conformation-cancel {
  background-color: white;
  border: 1px solid #ddd;
  color: #555;
}

/* Venu Pop Up Ends */


.custom-modal-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.custom-modal-btn:active {
  transform: translateY(0);
}


.toast-notification {
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #4CAF50; /* Green color */
  color: white;
  padding: 15px 40px 15px 25px; /* More right padding for close button */
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 9999; /* Very high z-index to ensure top layer */
  margin-bottom: 10px;
  max-width: 350px;
  word-wrap: break-word;
}

.toast-notification.show {
  opacity: 1;
  transform: translateX(0);
}

.toast-close {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent;
  border: none;
  color: white;
  font-size: 16px;
  cursor: pointer;
  padding: 2px 5px;
  border-radius: 3px;
  line-height: 1;
}

.toast-close:hover {
  background: rgba(255,255,255,0.2);
}

.custom-modal-body-inner {
  /* Container styling if needed */
  padding: 16px;
  font-family: Arial, sans-serif;
}


.model-warning-content {

  color: #856404; 
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  

  margin: 0;
  padding: 8px 12px;
  

  background-color: #fff3cd;
  border-left: 4px solid #856404;
  border-radius: 0 4px 4px 0;
  

  display: block;
  width: 100%;
  box-sizing: border-box;
}

/* Custom Model CSS Ends */


/* help Button CSS Starts */

.custom-modal-overlay-doc {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.custom-modal-overlay-doc.active {
  opacity: 1;
  visibility: visible;
}



.custom-modal-overlay-doc.active .custom-modal-container {
  margin-top: 50px;
}


.custom-modal-overlay-doc.active .custom-modal-container-confirm {
  margin-top: 50px;
}


.custom-modal-btn-download {
  background: #5d068c;
  color: white;
  border: none;
}

.custom-modal-btn-download:hover {
  background: #4a0570;
}


.custom-modal-btn-close-help {
  background: none;
  border: none;
  color: black;
  font-size: 28px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  transition: transform 0.2s;
}

.custom-modal-btn-close-help:hover {
  transform: rotate(90deg);
}

.custom-modal-btn-cancel-help {
  background-color: white;
  border: 1px solid #ddd;
  color: #555;
}

.custom-modal-btn-cancel-help:disabled {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0; 
  color: #999; 
  cursor: not-allowed;
  opacity: 0.8;
}


.custom-modal-btn-cancel-help:not(:disabled):hover {
  background-color: #f9f9f9;
  border-color: #ccc;
}

/* help Button CSS Ends */


/* License CSS Starts */

.custom-modal-overlay-license {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.custom-modal-overlay-license.active {
  opacity: 1;
  visibility: visible;
}



.custom-modal-overlay-license.active .custom-modal-container {
  margin-top: 50px;
}


.custom-modal-overlay-license.active .custom-modal-container-confirm {
  margin-top: 50px;
}

/* License CSS Ends */


/* Venue CSS  Starts*/

.custom-modal-overlay-confirm-mode {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.custom-modal-overlay-confirm-mode.active {
  opacity: 1;
  visibility: visible;
}



.custom-modal-overlay-confirm-mode.active .custom-modal-container {
  margin-top: 50px;
}


.custom-modal-overlay-confirm-mode.active .custom-modal-container-confirm {
  margin-top: 50px;
}

/* Venue CSS ENds */