body,h1,h2,h3,h4,table,p,a,div,button,input,strong,span:not(.fa) {

font-family: "Mulish" !important; 
/
 }
 input.form-control ,.eventwelcomecontent >span,.table,.table-striped,.table-striped>tbody>tr:nth-of-type(odd)>*
 {
  font-family: "Mulish" !important;
  
  color: #333333 !important;
 }
 .details-link{
  color: #0d73b8 !important;
 }
.details-link:hover{
   background-color: unset !important;
 }

 .static-top.navbar-dark .navbar-brand a h1{
  vertical-align: inherit !important;
 }
.btn-primary, .btn-secondary, button.cancel , button.remove-value,.button1{
  border-radius: 24px !important;
 }
.crmEntityFormView .actions{
  padding-left: 20px !important;
 }
.form-check,.eventwelcomeinfopara{
  padding-top: 20px !important;
 }
 .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
    vertical-align: middle !important;
}
 .siteTitle{
  font-size:25px !important;
 }
 img:not(.navbar-header img) {
  border-radius: 20px !important;
 }
.navbar-header img
{
  height: 45px !important;
  margin-right: 50px !important;
}
.static-top.navbar .menu-bar > .navbar-nav > li > a
{
  font-size: 18px !important;
}

.table>:not(caption)>*>* {
border-bottom-width: 0px !important;
}

.static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
  display: none !important;
}

.navbar-static-top.navbar-inverse{

background-color: #FFFFFF !important;
}
.form-control:focus{
    border-color: #69c !important;
}

label[id$="_CaptchaTextBoxLabel"]{
    display:flex !important;
    font-family: "Mulish" !important;
    
    font-size: 15px !important;
    color: #333333 !important;
  }
  
  .captcha-cell
  {
  padding:0 28px 20px !important; 
  }
  .field-label{
    color: #333333 !important;
    
  }
  .card-text{
    padding: 10px !important;
  }
  .crmEntityFormView .cell{
   font-family: "Mulish"  !important;
   
     
}
  .crmEntityFormView .cell .description{
    font-family: "Mulish" !important;
   
    font-size: 15px !important;
}
.crmEntityFormView
{
  padding: 3px 0 0 24px;
  border:1px solid #F5F5F5!important;
  border-radius: 16px;
  /* Shadow/4dp */
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

.crmEntityFormView .cell 
{padding: 0px!important;}


  /*.crmEntityFormView .cell .description:after{
    content: ' *';
    color: red;
    font-weight: 700;
}*/
label[for="acceptTermsCheckbox"]{
  font-size: 20px;
 font-family: "Mulish" !important;
  
}

.termsacceptoptions{
  margin-top: 25px;
}

.entitylist-filter-option-text {
  width:200px;
}
.input-group-text
{
  display:none;
}
.entitylist-filter-option-group-box-overflow
{
  overflow-y:clip!important
}
.columnBlockLayout
{
  /*padding:0px!important;*/
  margin:0px!important;
}
.entitylist-filter-option-group-label
{
  font-size: 16px!important;
}
.crmEntityFormView
{
 /* border: none !important;*/
  margin-top: 20px;
}




/* The full-screen overlay that blurs and disables the page */
.loading-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7); /* Translucent white background */
  display: flex; /* Centers the spinner */
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Ensures it is on top of other content */
  /* Hide by default, JavaScript will show it */
  display: none; 
}

/* Apply blur effect to content BEHIND the overlay */
/* Note: For better browser compatibility with older browsers, 
   you might need to apply a filter: blur() to the main content itself 
   and toggle it with a class, as backdrop-filter support varies slightly. */
.page-content.blurry {
  filter: blur(5px);
  pointer-events: none; /* Disables interaction with background content */
}

/* Basic CSS Spinner (example) */
.spinner {
  border: 8px solid #f3f3f3; /* Light grey border */
  border-top: 8px solid #3498db; /* Blue top border (the "spinner" part) */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
  z-index: 1001; /* Must be higher than the overlay's z-index */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.entitylist
{
  border:none!important;
}

.entity-grid entitylist{
  border:1px solid #f2f2f2!important;
}
.card-body
{
  padding: 0px!important;
}
.csv div div table thead{
  display:none;
}
.weblink 
{display: none!important;}

.xrm-editable-html
{
  text-align: center;
}
.container
{
 
    display: flex;
    flex-wrap: wrap
}



.float-end 
{float: left !important;}

.btn-entitylist-filter-submit, .entitylist-download{
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 32px;
  gap: 40px;

  /*width: 108px;*/
  max-width: 328px;
  height: 40px;

  border-radius: 24px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.grid-actions a.btn.action
  {
    margin-left: 0px !important;
    width:200px;
  }

.btn-info
{
  color:#0d73b8;
  background-color: transparent;
}
 .btn:first-child:active
 {
  background-color: #0d73b8;
 }
.btn-md, .btn-md:focus, .btn-md.focus, .btn-md:focus-visible, .btn-md:active, .btn-md.active, .btn-default.active, .btn-default:active 
{    background-color: transparent!important;
    border: none!important;
    color: #0d73b8!important
  }
.pagination
{float:right!important}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    background-color: #0d73b8 !important;
      border-radius: unset;
}
.pagination > .active > a{
  border-radius: unset;
}
 .page-link
 {font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
  }
  .table>thead>tr{
    background: #003359;
  }
.table>thead>tr>th>a{
    color:#FFFFFF;
  }
  .anchor-text-decoration-underline
  {color:#0d73b8!important}

  .entitylist-filter-option>.input-group>.form-control 
  {
    border-bottom-left-radius: .375rem!important;
    border-top-left-radius: .375rem!important;
  }
.dropdown
{
  /*display: none;
  width: 0px;*/
}
.section .form-control:focus
{
  border: none!important;
  box-shadow: none!important;
  
}
.user-is-tabbing a:not([class^=btn-]):focus 
{
    outline: 2px solid #292929;
    border-radius: 0;
}