/* override styles */
body {
  font-family: "Open Sans" !important;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
}

h1 {
  font-weight: bold;
  font-size: 30px;
}

h2 {
  font-size: 20px;
}

legend {
  font-size: 20px;
}

.sgSpacer {
    all: revert !important;
}

footer {
   margin-top: 60px;
}

div.navbar-expand-xl.navbar {
    margin-top: -65px;
    box-shadow: none;
}

.page-header {
    padding-bottom: 0px;
    margin: 30px 0 10px;
    border-bottom: 1px solid #eee;
}


form, .wrapper-body {
    min-height: calc(100% - 420px) !important;
}

/*
.instructions {
  font-size: 18px;
}
*/

span.fa-solid.fa-check {
    padding-left: 10px;
}


.wait-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.10);
    z-index: 1100;
} 

.wait-spinner {
    position: fixed;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
} 

     /* temp fix for large wizard progress bars */
     .progress.list-group.top {
       overflow-y: auto; /* this should enable scrolling */
       overflow-x: auto;
       flex-wrap: nowrap; /* Prevents wrapping */
       font-size: calc(1rem + 0.2vw); /* Adjust size dynamically based on viewport width */
     }
    	

.crmEntityFormView .section-title {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.crmEntityFormView .tab-title {
  text-transform: uppercase;
}

td.form-control, .crmEntityFormView, .entitylist {
    border: none !important;
}

.list-group-item+.list-group-item {
    border-top-width: 1px;
}

.table-info label {
  font-weight: 600;
}

.crmEntityFormView .cell.checkbox-cell:first-child {
  padding: 10px 10px 0 28px !important;
}

.checkbox-cell .table-info label {
  font-weight: normal;
}


.picklist.horizontal label {
	padding: 0 20px 0 0
}

/*
.picklist.horizontal input:first-child {
  display: none
}
*/
/* End override */

.portalHide {
   display: none;
}

.private-mode-banner{
   position: absolute;
   top: 0;
   background-color: transparent;
   width: 100%;
}


/*notifications*/
.alert {
      padding: 16px 16px 16px 44px;
      margin-bottom: 20px;
    }

    .alert.red        { background-color: #FFEBEE; }
    .alert.yellow     { background-color: #FFF8E1; }
    .alert.blue       { background-color: #E1F5FE; }
    .alert.red svg    { color: #E4002B }
    .alert.yellow svg { color: #F7C305; }
    .alert.blue svg   { color: #69B3E7; }

    .alert-message    { margin-left: 24px; }
    .alert-message-text {
      font-weight: bold;
    }

    .alert .icon {
      width: 24px;
      height: 100%;
      float: left;
      display: grid;
      margin: 0 10px 0px -34px;
    }
/*end notifications*/

/*
Examples:

  <div class="alert red">
   <div class="alert-message">
    <div class="icon">
      <svg class="svg-inline--fa fa-circle-info" aria-labelledby="svg-inline--fa-title-CDfkSpAae37v" data-prefix="fas" data-icon="circle-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><title id="svg-inline--fa-title-CDfkSpAae37v">Normal alert notification circle icon</title><path fill="currentColor" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"></path></svg>
   </div>
     <div class="alert-message-text">
       Heading Placeholder
     </div>
     <p>
       Message Placeholder
     </p>
   </div>
  </div>


  <div class="alert yellow">
    <div class="alert-message">
     <div class="icon">
      <svg class="svg-inline--fa fa-triangle-exclamation" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="triangle-exclamation" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"></path></svg>
    </div>
     <div class="alert-message-text">
       Heading Placeholder
     </div>
     <p>
       Message Placeholder
     </p>
    </div>
   </div>
   

  <div class="alert blue">
    <div class="alert-message">
     <div class="icon">
       <svg class="svg-inline--fa fa-circle-info" aria-labelledby="svg-inline--fa-title-CDfkSpAae37v" data-prefix="fas" data-icon="circle-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><title id="svg-inline--fa-title-CDfkSpAae37v">Normal alert notification circle icon</title><path fill="currentColor" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"></path></svg>
    </div>
     <div class="alert-message-text">
       Heading Placeholder
     </div>
     <p>
       Message Placeholder
     </p>
    </div>
   </div>
    */