/* --------------  Custom stylesheet for PASA Member portal ------------------------  */

html {
  overflow-y: scroll;
}

body, html, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, button,p, a {
  font-family: 'Calibri' !important;
}
h4
{
  font-weight:400 !important;
}

a, .a, a:hover, .a:hover {
  color: #056679 !important;
  font-size: 1.0rem !important;
}

.siteTitle
{
  /*padding-left: calc(var(--bs-gutter-x)* .6);*/
  font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif !important;
}

.siteTitle,
h1.siteTitle + p,
h1.siteTitle + span {
  padding-left:20px;
  font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif !important;
}

div.siteTitle > .siteTitleAlt
{
    color: #90909b !important;
    font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif !important;
    font-weight: 400;
    font-size: 30px !important;
}

div.siteTitle > .siteTitleAlt:hover
{
  text-decoration: none !important;
  color:#EDEDED !important; 
}

div.siteTitle > .siteTitleAlt a:link
{
  text-decoration: none !important;
  color:#EDEDED !important; 
}
  div.siteTitle
  {
    display: inline;
    vertical-align: middle;
    color: #ffffff;
    font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif !important;;
    font-weight: 400;
    font-size: 30px;
  }

  .PASABreadcrumb{
  margin-left:20px; 
  margin-top:10px;
  }


/* -------------- Overriding Portalbasictheme.css ---------- */



    /* Apply for access page - wizard - buttons  */

    .button2:active, .button2.active, .btn-secondary:active, .btn-secondary.active, .btn-default:active, .btn-default.active
    {
        background-color:#CA9831 !important;
    }

    .btn-primary, .button2, .btn-secondary, .btn-default {
      font-family: Calibri !important;
      font-weight: normal !important;
      font-size: 1rem !important;
      /*text-transform: capitalize;*/
  }

  .button2, .btn-secondary, .btn-default {
    color: #ffffff;
    font-family:Calibri, 'Open Sans', sans-serif;
}

button.btn.btn-default[title="Search Results"] {
  min-width:30px !important;
}

.button2:hover, .btn-secondary:hover, .btn-default:hover {
  color: #056679;
  background-color: #CDE3E8 !important;
  border-color: #CDE3E8 !important;
}

  .button1
  {
    color: #ffffff;
    font-family:Calibri, 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 6px 20px;
    /* width: fit-content; */
    min-width: 150px !important;
  }

  .button-tertiary, .button-tertiary a {
  color: #CA9831 !important;
  font-weight:600;
}
  .button-tertiary:hover {
  text-decoration: underline;
}

.button-tertiary::before
{
  content:"";
  color:#585858;
}
.btn-tertiary.multi{
  top:30px;
}

.btn-tertiary{
  text-align: right;
  font-weight:bold; 
  position:relative; 
  top:33px; 
  margin-right:30px;
}


  .OverrideTitleCase
  {
    text-transform: none;
  }

  .navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover,
  .navbar-dark .navbar-nav .show.dropdown-menu > li > a:focus
.navbar-dark .navbar-nav .show.dropdown-menu > .active  > a,
.navbar-dark .navbar-nav .show.dropdown-menu > .active > a:hover,
.navbar-dark .navbar-nav .show.dropdown-menu > .active > a:focus
  {
    background-color:#CDE3E8 !important;
    text-decoration: none !important;
    min-height: 35px;
  }

  .static-top.navbar .menu-bar > .navbar-nav > li > a
  {
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
  }


  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu > li > a {
    padding: 6px 20px 0px 20px !important;
}
  .static-top.navbar .menu-bar > .navbar-nav > li > a:hover
  {
    border-bottom:2px solid #CA9831 !important;
  }

  .static-top.navbar .menu-bar > .navbar-nav > li > a#search:hover
  {
    border-bottom:none !important;
  }

  .navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav a.dropdown-toggle.show {
    background-color: transparent !important;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: Calibri !important;
}

.dropdown-divider {
  display:none;
}

.navbar-dark .navbar-nav .dropdown-menu li {
  min-height: 35px;
}

  /* ----- Forms --- */

  .entity-grid{
    box-shadow: none !important;
    }


  .entity-form
  {
    box-shadow: none !important;
    padding:0px !important;
    margin-top:20px;
    }

  .crmEntityFormView, .entitylist, .popover-content, .PASALibraryFrame {
    color: #3B3D3A !important;
    background-color: rgba(255, 255, 255, 0.9) !important;  
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    padding: 20px;
}

#EntityFormControl
{
  margin-bottom:20px;
}

.modal-content{
  background-color: #ffffff !important;
  color: #5c5a58 !important;
  margin-bottom:20px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5) !important;
}

.modal-body {
  /*padding:0px !important;*/
  margin-top:20px !important;
}


.modal-form .modal-body iframe {
  height: 700px;
}
/* Replaced by JS to control Quickview size based on Folder list items */
/*
iframe.quickform#QuickviewControl1722778248039
{
  height:350px !important;
}
*/
iframe.quickform#QuickviewControl1715153255459
{
  min-height:400px !important;
  /*width:122% !important;*/
  overflow: hidden !important;
}

div#QuickviewControl1715153255459.form-readonly, div#QuickviewControl1715153255459.form-readonly
{
  width:110% !important;
  overflow: hidden !important;
}

.modal-title {
  color:#ffffff;
  margin-bottom:10px;
  margin-left:20px;
}

.modal-title>span.fa{
  padding-right:10px;
}

/* close cross on modals */
.form-close {
  color: #ffffff !important;
  font-size:30px;
  line-height:1.5 !important;
  text-shadow: 0 1px 0 #000;
}

/* same - but preform css calls it button close! */
.btn-close {
  font-size: 30px;
  color: #fff;
  /* text-shadow: 0 1px 0 #000; */
  opacity: .9;
}

#QuickviewControl1715153447137
{
  box-shadow: none !important;
  border:none !important;
}

.crmEntityFormView label {
  background-color: transparent !important;
  color: #3B3D3A !important;
  font-size:14px !important;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child
{
  border:none !important;
}

input.form-control {
  border: 1px solid #E6E6E6 !important;
}

.container.quickform
{
  background-color:#F2F8F9 !important;
  align-items: left !important;
  justify-content: left !important;
}

/* attempting to change the background color behind the inserted iframes on forms */
#ContentContainer_FormPanel
{
  background-color:#F2F8F9;
}

.section-title h3
{
  color:#CA9831 !important;
}

.table-striped, .table-info, .table-striped > tbody > tr:nth-of-type(odd) > *, .form-control:focus, .dropdown-menu, .datepicker button {
  color: #5c5a58 !important;
}

.form-control:focus
{
  border: 1px solid #E6E6E6 !important;
}

/* Drop down hover colour */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color:transparent !important;
}


/* -------------------------- end Portalbasictheme ---------------------- */


    /* -------------- Overriding Theme.css ----------------- */
    /* THIS IS THE CHAT WINDOW - CHANGE THIS IF/WHEN CHAT IS REQUIRED AND WORKING */
    .pva-floating-style
    {
      display:none;
    }


    .static-top.navbar-dark
    {
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.6) !important;
    }
    .wrapper-body
    {
      min-height: calc(100% - 228px);
      margin-bottom: 0px;
    }

    .page-copy
    {
      background-image: url("/ContentBg.png");
      min-height:686px;
      background-repeat: no-repeat;
      background-position-y:130px;
    }

    .columnBlockLayout
    {
       margin-top:20px !important;
        margin-bottom:0px !important;
    }

    .pagination>.disabled, .pagination>.disabled>a {
      background-color:transparent;
      display:none;
  }

  .pagination > li > a, .pagination > li > span
  {
    line-height: 1.9;
   /* width:35px;
    height:35px;*/
    padding: 3px 3px;
  }

  .card {
    border-radius: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.card-body, .list-group-item {
  background-color: #F2F8F9 !important;
  border-radius: 10px;
  color: #5c5a58 !important;
}

@media (max-width: 1200px) {
  .static-top .navbar-brand {
      position: initial;
      height: auto;
  }
}

.portal-card-default>.card-header {
  color: #333;
  background-color: #549DAF;
  border-color: none;
  border-radius: 5px;
}

.content-panel>.card-header h2
{
  color:#ffffff;
}



  /* ------------------------ end override Theme.css ------------ */



/* -------------- Overriding Bootstrap --------------------- */


:root
{
  --bs-body-color: #5c5a58 !important;
}

/*  table style */

/* Cant remember why I did this?? */
/*.table {
--bs-table-striped-bg: #ffffff;
}*/

.table-striped, .table-striped > tbody > tr:nth-of-type(odd) > *
{
  color:#5c5a58 !important;
}

.table>thead>tr>th>a:first-child
{
  color:#CA9831 !important;
  font-weight:bold;
}

tbody
{
 vertical-align: middle !important;
}



/* List group styles */

.list-group {
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #25244D !important;
  --bs-list-group-active-border-color: #ffffff;
  --bs-list-group-border-color: transparent;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  /*border-radius: var(--bs-list-group-border-radius);*/
  border-radius: 10px !important;
    --bs-list-group-color: #ff00ff;
    --bs-list-group-bg: #00ff00;
    --bs-list-group-border-width: 0px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: purple;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #00ffff;
    --bs-list-group-action-active-color: #ffff00;
    --bs-list-group-action-active-bg: #ff0000;
    --bs-list-group-disabled-color: #008811;
}

.progress 
{
  --bs-progress-font-size: 0.9rem;
    --bs-progress-bg: #F4F4F4;
    --bs-progress-border-radius: 0.375rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #00ff00;
    --bs-progress-bar-transition: width 0.6s ease;
}

.list-group-item
{
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.list-group-item-success {
  color: #25244D !important;
  background-color: #E9F2F5 !important;
}

.fa-check
{
  color:#CA9831;
  /*padding-left:6px;*/
  font-weight:bold;
  font-size:1rem;
}

/* Apply for Access form buttons */
#i4gmc1 > .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 6px; 
  border-bottom-right-radius: 6px;
}

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#i4gmc1 > .btn-group, .btn-group
{
  padding-left:10px;
  margin-right:0 !important;
  
}

/* Apply for access: Create Institution button */
/*#custom-CreateInstitution-button
{
  margin-left:10px;
  background-color: white;
  border-color: #f2f2f2;
  color:#056679;
}

#custom-CreateInstitution-button:hover{
  background-color:#f2f2f2;
  color:#CA9831;
}*/

.form-control
{
  color:#5c5a58 !important;
  background-color:#ffffff !important;
}

.form-control.form-select
{
  background-color:#ffffff !important;
}

.form-control, .control > .form-control
{
  border: 1px solid #E6E6E6 !important;
  background-color:#ffffff !important;
}

input.form-control
{
  background-color: #ffffff !important;
}


.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #CDE3E8;
  --bs-alert-border-color: #BEDDE4;
}

/* Disabled buttons */
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: #CDA42C;
  background-color: #F5E4B1;
  border-color: #F5E4B1;
}


.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  border-color: transparent;
  border-radius: 50%;
  border: solid 1px;
  color:#ffffff !important;
  background-color:#25244D !important;
}

.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
  color: #ffffff !important;
}
.text-primary
{
  color:#056679 !important;
}

/* the awful dotted underline of timestamps */
abbr[title]
{
  text-decoration:none;
  font-size:0.95rem;
  color:#5c5a58;
}


/* forms input fields when there is no data - a line appears. Dont want the line! */
/* Edited - line stays. Displaying none here disappears teh multistep progress titles as they are completed */
.text-muted
{
  left:10px !important;
  top:7px !important;
  color: #c0c0c0 !important;
}

.list-group-item.text-muted
{
  left:0 !important;
  top:0 !important;
  color: #CA9831 !important;
}

.table>:not(caption)>*>* {
  border-bottom:1px dashed #EDEDED;
}


/* Drop down menu bootstrap variables */
.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #CDE3E8 ;
    --bs-dropdown-border-color: #C6DCE1;
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

.modal {
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
}

.modal-header {
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  background: linear-gradient(to right, #25244D, #549DAF);
  /*background-image: url("/Form-top-bg.png");*/
}

.modal-footer {
  background-color: #d1d1d1;
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
}

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
 /* --bs-table-hover-bg: rgba(0, 0, 0, 0.075);*/
 --bs-table-hover-bg: #FBF6E6;
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  /*vertical-align: middle !important;*/
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #5c5a58;
  --bs-table-bg: #f1f1f1;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #FBF6E6;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.pagination {
  --bs-pagination-font-size: 0.95rem;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
}

.page-link {
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
}

/* Document action menu dropdown and file/folder buttons */

td[aria-label="action menu"]
{
  text-align: right !important;
}
a.delete-link > .fa-trash-can
{
  padding-right:10px;
}

ul.dropdown-menu.show
{
  /*transform: translate(22px, 37px);*/
  transform: translate(2px, 17px);
}

/* Not sure - button spacing... */
.btn-group>.btn-group:not(:first-child), .btn-group>:not(.btn-check:first-child)+.btn {
  margin-left: 0px;
}

.form-search .btn-default {
  padding: 6px 20px 5px 20px;
  margin-top: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-search .btn-primary {
  padding: 6px 20px 5px 20px;
  margin-top: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}


/* success notification on teh user request dashboard override - close button */

.alert-dismissible .btn-close {
  top: -10px !important;
  outline: none !important;
}


  .navbar>.container
{
  align-items: unset;
}


/* ------------------------------------ End Bootstrap override -------------------- */


/* -------------- START: Abrie Tmp Styles --------------------- */
.search-results a,
.a {
  color: #333333;
}

.btn.btn-default {
  color: #056679 ;
  border-color: #E1EFF1;
  background-color: #ffffff;
} 

a.btn-primary, .a.btn-primary {
  color: #ffffff !important;
}
a.btn-primary:hover, .a.btn-primary:hover {
  color: #ffffff !important;
}
.sharepoint-grid .add-folder {
  display: none;
}




/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

@media (min-width: 992px) {
  .modal-lg, .modal-xl{
    --bs-modal-width: 60% !important; /* was 70% which worked on tables with more columns so check this! */
}
}

.modal-lookup > .modal-lg
{
  --bs-modal-width: 90% !important;

}
/* ------------------ Overrides for preform.bootstrap ------------------ */

/* lookup grid (like search) in a modal) */
.entity-associate .view-grid, .entity-lookup .view-grid {
  /*font-size: 85%;*/
  font-size:100%;
}

.entity-associate .view-grid, .entity-lookup .view-grid {
 /* width: 100%;*/
  /*overflow: auto;*/
  /* height: 300px; */
  /* max-height: 300px; */
  /*font-size: 85%;*/
  height:auto !important;
  max-height:max-content !important;
  font-size: 100% !important;
}

.entity-grid .view-grid>table>tbody>tr.info>td {
    background-color: #edebe9;
    color: #CDA42C;
}

.crmEntityFormView .validation-summary h2
{
  font-size:1em;
  text-transform: initial;
}

.crmEntityFormView .tab {
  /* margin-bottom: 20px; */
  margin-bottom:-20px !important;
  width: 100%;
}

/* Search toolbar area on lookup modal - so far */
.entitylist-search {
  /*width: 240px;*/
  width:400px;
}

.btn-info
{
    color: #056679;
    background-color: #E6E6E6;
    border-color: #E6E6E6;
}

.btn-info:focus, .btn-info:hover {
  color: #056679;
  background-color: #ffffff;
  border-color: #ffffff;
}

fieldset
{
  padding-bottom:10px !important;
  padding-top:0px !important;
  border-bottom:1px dashed #C4C9C0;
  background-color:#F4F9FA;
  border-radius: 10px;
  border:1px solid #DDEFF1 !important;
}

.section-title
{
  margin-left:30px;
  max-width:96%;
}

.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control {
  padding-left:10px !important;
  background-color:#ffffff; 
  color:#a5a5a5 !important;
}

fieldset[aria-label="Contact Details"], fieldset[aria-label="Institution Details"]
{
  min-height:330px;
}

.crmEntityFormView .cell {
  padding: 5px 28px 10px;
}

/* Document title links in forms - next to the font awesome icon */
.sharepoint-custom-icon > .fa
{
  padding-right:10px;
}

/* check boxes on lookup modals */
span[role=checkbox].fa.fa-fw {
  /*display: block;*/
  /*width: 17px;*/
  /*height: 17px;*/
  /*line-height: 1.1; not there*/
  width: 21px;
  height: 21px;
  line-height: 1.1;
}

span[role=checkbox] {
  border: 1px solid #9e9e9e;
}

/* check box and "overwrite" text in document upload modal */
input[type=checkbox], input[type=radio] {
  margin-right: 10px;
}



/* My Requests - Adding comments */
.notes
{
  padding:5px;
}

.entity-timeline div:nth-of-type(even).note, .entity-timeline div:nth-of-type(odd).note {
  background-color:transparent;
  border-top:2px solid #ffffff;
}

.entity-timeline div:first-child.note
{
  border:none !important;
}

/* img thumbnail on My requests Details page when a file is uploaded as part of a comment */
html[dir=ltr] .note .attachment .img {
  max-width:50px !important;
}

/* That friggin head office details quickview form */

table.section[data-name="Head_Office_Address_Details"]
{
  min-width:500px !important;
}

/* Representative form - note section */
div.table-info > label[for="notescontrol"]
{
  border-top:1px solid #CFCFD8;
  padding-top:10px;
  width:100%;
}

/* search field clear and search buttons on the right */
.btn.btn-default.clearlookupfield
{
  line-height:175%;
}

.btn.btn-default.clearlookupfield, .btn.btn-default.launchentitylookup
{
  line-height:1.5rem !important;
  min-width:30px !important;
}

/* Multistep form progress titles */
ol.progress.list-group.top {
  font-size: 14px;
  border-right:1px solid white;
}

/* entity-grid responsive table - if only 1 item the actions menu causes a scrollbar */
.entity-grid .view-grid 
{
  min-height:200px;
}

.list-group-item:last-child {
  border-bottom-right-radius: 10x;
  border-bottom-left-radius: 10px;
}

.selected-view.dropdown-toggle:focus, .selected-view.dropdown-toggle:hover 
{
  outline:none;
}

/* success notification on teh request dashboard - repositioning it */

/*.notifications
{
  position: absolute;
  top:90%;
  left:45%;
  min-width:200px;
}
  Meeses up other notifications. Doing it in page rather
*/
/* ---------------------------- end overrides Preform ------------------------------ */


/* ------------------------------------------- Accordion styles ------------------------- */
.accordion
 {
    --bs-accordion-color: #212529;
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: var(--bs-border-color);
    border:none;
    border-bottom:1px solid;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CA9831'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-color: #CA9831;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-focus-border-color: transparent;
    --bs-accordion-active-color: #ffffff;
    --bs-accordion-active-bg: #056679;
 }

 .accordion{
    border:none;
 }

 .accordion {
  --bs-accordion-btn-focus-box-shadow: none; /* Removes the focus box shadow. Not recommended to remove this. */
  --bs-accordion-btn-focus-border-color: transparent !important; /* Sets the border color. accordion-button doesn't have a border by the way. */
}

 .accordion-button:not(.collapsed) {
    box-shadow: none; 
}
.accordion-button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.accordion-button {
    font-size: 1.2rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    /*background-color: var(--bs-accordion-btn-bg);*/
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: none;
    border-bottom:1px dashed #CFCFD8;
}

.accordion-item:last-child {
  border-bottom:none;
  margin-bottom:30px;
}


div.accordion-item > .collapse:not(.show) {
  display:block;
  opacity: 0;
  overflow: hidden;
  height: 0;
}

/* General styles for document accordion */

#folder-list {
  padding: 10px 10px 0px 10px;
  /*max-width: 920px;*/
}

/* Folder and child folder styles */
.folder{
  /*display: flex;
  align-items:flex-start;
  justify-content: space-between;*/
  padding: 8px 5px;
  margin: 0px 0;
  border-bottom: 1px dashed #ddd;
  border-radius: 6px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
}
.child-folder {
  /*display: flex;
  align-items:flex-start;
  justify-content: space-between;*/
  padding: 3px 5px;
  margin: 3px 0;
  border-bottom: 1px dashed #ddd;
  border-radius: 6px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
}

.folder:hover, .child-folder:hover {
  background-color: #f1f1f1;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.folder.open {
  background-color: #F4F9FA;
  border-color: #E2F3F5;
}

.child-folder.open {
  background-color: #ffffff;
  border-color: #e2f3f510;
}

.folder-name {
  font-size: 1.0rem;
  color: #CA9831;
  min-width:240px;
  font-weight:550;
}

.PASAChildFolderName
{
  min-width:130px;
}

/* Arrow icons for collapsible items */
.folder::before {
  content: "▶";
  font-size: 14px;
  margin-right: 10px;
  color: #CA9831;
}

.child-folder::before
{
  content:"▶";
  font-size: 14px;
  margin-right: 10px;
  color: #056679;
}

.folder.open::before {
  content:"▼";
  font-size: 14px;
  margin-right: 10px;
  color: #CA9831;
}
.child-folder.open::before {
  content:"▼";
  font-size: 14px;
  margin-right: 10px;
  color: #056679;
}

.child-folders-documents {
  padding-left: 15px;
  margin-top: 5px;
  display: none;
  width: 100%;
}

/* Document styles */
.document {
  padding: 5px 5px 5px 10px;
  margin: 3px 0;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.document:hover, .document-search:hover {
  background-color: #f3f3f3;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.document-search
{
  padding: 10px 16px 0px 16px;
  margin: 8px 0;
  background-color: #ffffff;
  border: 1px solid #f3f3f3;
  border-radius: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.document-header {
  display: flex;
  justify-content: space-between;
  align-items: left;
}

.document-header span {
  font-weight: normal;
  font-size: 16px;
  color: #CA9831;
}

.document button, .document-search button {
  padding: 3px 6px;
  background-color: #CA9831;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.document button:hover, .document-search button:hover {
  background-color: #F5E4B1;
}

.document-details {
  margin-top: 0px;
  font-size: 14px;
  color: #555;
}

/* Loader styles */
.loader {
  display: flex;
  align-items: left;
  justify-content: left;
  margin: 20px 0;
}

.loader div {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: #056679;
  border-radius: 50%;
  animation: loader 0.8s infinite ease-in-out;
}

.loader div:nth-child(2) {
  animation-delay: 0.2s;
}

.loader div:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes loader {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

/* Section headings */
.PASAFolderTitle, .PASADocumentTitle{
  font-size: 16px;
  color: #056679;
  font-weight:600;
  margin: 6px 0;
  border-bottom: 1px dashed #056679;
  padding-bottom: 4px;
}
.child-folder.open > div.child-folders-documents
{
  
  padding:5px;
  border-radius:6px;
}
.child-folder.open > div.child-folders-documents > .PASAFolderTitle
{
  color:#4E1365 !important;
}

.child-folder.open > div.child-folders-documents > .child-folder.open > div.child-folders-documents
{
  color:#056679 !important;
  background-color:#ffffff;
  border:1px solid #ffffff;
  border-radius:6px;
}

/*.folder.open > div.child-folders-documents > div.child-folder.open > div.child-folders-documents > .child-folder::before
{
    content: "▶";
    font-size: 14px;
    margin-right: 10px;
    transition: transform 0.2s;
    color: #4E1365 !important;
}*/


/* search */
.btn-primary
{
  min-width:150px;
}

#search-container
{
  margin-top:21px;
}

.modal-content
{
  min-height:500px;
}

input::placeholder 
{
  color:#c0c0c0 !important;
}

/* ------------------- End accordion Styles ---------------------- */

/* ---------------- override mixed ----------------- */

/* browser override of default blue checkbox color */
input[type="checkbox"] {
  accent-color: #056679 !important;
  width: 20px;
  height:20px;
  position: relative;
  top:6px;
}


/* Entity lookup views add this button by default. Its confusing to a user and we cannot change teh label...so hiding it */
button[title="Remove value"]
{
  display:none;
}

/* Access request - adding a document - blank fieldset underneath that actually contains "owner" info but is hidden in PowerApps. So hiding the fieldset too */
.crmEntityFormView fieldset:empty
{
  display:none;
}

div.message.success {
  background-color: rgba(255, 255, 255, 0.8);  
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  border-color:transparent;
  color: #CDA42C;
  -ms-border-radius: 15px;
  border-radius: 15px;
  margin-bottom: 18px;
  -ms-text-shadow: none;
  text-shadow:none;
  min-height:60px;
  text-align: center;
}

/* preform override *//* success message submitting contact query */
.message span, .message span:focus {
  color: #CDA42C !important;
  font-weight: bold;
  outline:none !important;
  margin-top:20px !important;
}

input#btnCloseMessage {
  padding-top: 0;
  background-color:transparent !important;
  margin-top:-10px;
  color: #CDA42C;
}

.btn-close:focus, .btn-close:hover {
  color: #CDA42C;
  outline:none;
}

html[dir=ltr] div.message.success {
  padding: 20px 39px 9px 14px;
}

/* -------------------------- end override mixed -------------------- */

/* --------------------- filter styles (meeting list) -------------- */

.entitylist-filter-option-group .h4 {
  font-size:16px !important;
  color:#056679;
}

label.h4{
  margin-top:0px !important;
  margin-bottom:3px !important;
}

.entitylist-filter-option-text {
 /* min-width: 300px;
 min-width: 255px ;*/
  width:110% !important;
  max-width:255px;
}

.list-inline-item
{
  display:inline;
}

.input-group-text
{
  color:#b9b9b9;
}

/* ------------------------- Datepicker.css overrides for meeting schedules ------------- */
.daterangepicker {

  color: #5c5a58 !important;
  background-color: #fff;
  border-radius: 10px !important;
  border: 1px solid #ddd;
  font-family: calibri !important;
  font-size: 16px !important;
}

.daterangepicker .ranges li {
  font-size: 14px !important;
}

.daterangepicker .ranges li.active {
  background-color: #CDA42C !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #CDA42C !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 14px !important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
}

#WeekViewToggleButton
{
  display:none;
}


/* -------------------- end datepicker overrides ---------------- */

/* ------------------- Calendar.min.css overrides and entitylistcalendar.ss --------------- */

.cal-day-today {
  background-color: #FAF2D8 !important; 
}

.event-info {
  background-color: #056679 !important;
}

.event-info:hover, .event-info:focus {
  color: #fff !important;
}

.day-highlight.dh-event-info, .day-highlight.dh-event-info:hover {
  background-color: #056679 !important;
  color: #fff !important;
}

a.cal-event-week {
  color: #ffffff !important;
}

.cal-day-weekend span[data-cal-date] {
  color: #B7B7C5 !important;
}

.cal-month-day .events-list > a {
  color: #ffffff !important;
  padding:5px !important;
}

.badge-important, .event-danger, .event-important {
  background-color: #CDA42C !important;
}

.cal-month-day span[data-cal-date], .cal-month-box .cal-day-today span[data-cal-date] {
  font-size: 1.0em !important;
}

.h5 .small, .h5 small, h5 .small, h5 small{
  font-size:100% !important;
}

#cal-slide-content, #cal-slide-content:hover {
  background-color:transparent !important;
  padding: 15px;
}


/* ----------------- end calendar overrides ---------------------- */


/* ------------------- D365 overrides -------------------------- */
input[placeholder="Search"]
{
  font-size:1rem !important;
}

.nav-link .navbar-icon #search
{
  background-color:#ff00ff !important
}
.sidenav
{
  z-index: 2000000 !important;
}

/* -------------- Custom Styles ---------------------------- */

.PASAHeader
{
  background-image: url("/Topbg.png");
  background-repeat: no-repeat;
  /*background-size: cover;
  background: linear-gradient(to right, #056679, #C4C9C0);*/
  max-height:122px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.8);
  background-color:#056578; 
}

.PASATitleHeader
{
  background-image: url("/Form-top-bg.png");
  background-repeat: no-repeat;
  min-height:241px;
}

.PASAContent
{
  margin-bottom:50px; 
  margin-top:-8%;
}

.PASAContentM
{
  margin-bottom:50px; 
  margin-top:-130px;
}

.PASAContenttop0
{
  margin-bottom:50px;
}

.PASASecondaryNav
{
  margin-top:-5.5%; 
  margin-left:2%;
}

.PASASignIn
{
  background-image: none; 
  max-height:410px;
}

.PASALoggedIn
{
  background-image: none; 
}

/*.PASASignIn
{
  background-image: url("/PASA-Home.png"); 
  background-repeat: no-repeat; 
  background-size: cover;
  min-height:659px;
}*/

/*.PASALoggedIn
{
  background-image: url("/Bg-Banner-size.png");
  background-position-y:-110px; 
  background-repeat: no-repeat; 
  background-size: cover;
  min-height:450px;
}*/

.PASAModalbg
{
  /*background-color: rgba(188, 204, 210, 0.9);  
 background-color: rgba(37, 36, 77, 0.9);
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);*/
  padding: 20px;
  margin-top:30px;
  margin-bottom:40px;
}

.PASAModalbgwhite
{
  background-color: rgba(255, 255, 255, 0.8);  
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  padding: 20px;
}

.PASAModalbgwhitelite
{
  background-color: rgba(255, 255, 255, 0.5);  
  border-radius: 15px;
  padding:20px;
}

.PASALinkAlt, .PASALinkAlt a
{
  font-family: Calibri; 
  font-size: 11px !important; 
  font-weight:bold; 
  margin-top: 10px; 
  color:#ffffff !important;
  font-style: italic;
}


.PASAHomeIcons
{
  text-align: center;
  max-height:45px;
}

.PASAHomeIcons > img
{
  width:45px;
  height:45px;
  text-align: center;
}

/* Apply for access - instructions -- */

.instructions p, .instructions li
{
  font-size:1rem;
  margin-left:20px;
  margin-right:20px;
  color:#3B3D3A;
}

.PASAActionLink
{
  padding-top:35px !important;
  margin-right:0;
}

.PASAActionLink2
{
  padding-top:0px !important;
  margin-top:-75px;
  margin-right:0;
  padding-left:25px;
}
.PASAActionLink a, .PASAActionLink2 a
{
  color:#ffffff !important;
}

.btn-PASA-secondary {
  color: #90909b;
  font-size: 1rem;
  font-family: Calibri !important;
  font-weight: 500;
  border-radius:0;
}

.btn-PASA-secondary:hover {
  text-decoration:underline;
  color:#90909b;
  font-weight: 500;
}

.PASAFollowAction
{
  display:inline-block;
  position:relative; 
  top:3px;
  color:#90909b;
  font-weight:600;
}

/* ------- PMO Introduction Styles --------------- */

.PMO-Intro-blocks
{
    min-height:150px; 
    color:#ffffff;
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    padding: 15px; 
    box-sizing: border-box; 
    text-align: center;
    border-radius:10px;
}
.PMO-Intro-blocksmall
{
    min-height:auto; 
    color:#ffffff;
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    padding: 15px; 
    box-sizing: border-box; 
    text-align: center;
    border-radius:10px;
}

.BlockOne
{
  background-color:#013948; 
}

.BlockTwo
{
  background-color:#63848D; 
}
.BlockThree
{
  background-color:#1C7290; 
}
.BlockFour
{
  background-color:#73A6B8; 
}
.BlockFive
{
  background-color:#5A99B5; 
}
.BlockSix
{
  background-color:#B3BBBF; 
}

.PMO-Intro-blocks > h4, .PMO-Intro-blocksmall > h4
{
    margin: 0; 
    flex: 1; 
    color:#ffffff;
    font-style: italic;
}

/* --------------------- Page Subnavigation -------------------------- */

.PASASubnav
{ 
 color:#90909b;
 padding-left:30px;
 margin-top:-75px;
}

.PASASubnav > a:link, .PASASubnav > a:visited, .PASASubnav > a:active
{
  color:#90909b !important;
}

.PASASubnav a:hover{
  color:#ffffff !important;
}


/* -------------------------- end custom styles --------------------- */


/* --------------- Tab details (project management) css - overriding bootstrap 5 -------------------- */
.nav-tabs {
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #ffffff;
  --bs-nav-tabs-link-active-bg: #25244D !important;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid #e9ecef;
}

.nav-link {
  color: #25244D;
}
.nav-link:hover {
  color: #056679 !important;
  background-color:#EAEAEE !important;
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1* var(--bs-nav-tabs-border-width));
  background: 0 0;
  /*border: var(--bs-nav-tabs-border-width) solid #e9ecef;*/
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

/* site markers for active navigation */
/* Styling for mouse-over */
body #navbar .navbar-nav > li > a:hover {
border-color: #666;
}
/* Styling for active menu items */ 

.no-border
{
  border-bottom: none !important;
}

/*body #navbar .navbar-nav li a.active {
border-bottom: 2px solid #CDA42C !important;
}*/

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
 background-color: transparent !important;
}

.no-border
{
  border-bottom: none !important;
}
/*
.nav-item a:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}*/

.nav-item a:focus, 
.nav-item a:active,
.nav-item a:hover {
  border-bottom: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.nav-item a{
  border-bottom: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* -------------------- closing comments for change requests - putting a min height --------------- */
#pasa_closecomments {
  min-height: 300px;
}

/* --------------- top search bar and search page were clashing ------- */

.navbar-dark .navbar-nav .show.dropdown-menu > form.form-search
{
  box-shadow: none !important;
  min-width:500px !important;
  padding:0px !important;
}

tr.sp-item:has(.fa-level-up) {
  display:none;
}

tr.up-to-row {
  display:none;
}