/* Start of OOTB Form CSS */

.kch-ootb-form {
  min-height: 500px;
}

.kch-ootb-form .message.alert{
  margin-bottom: 0px !important;
}

/* Start of combobox CSS */

.kch-ootb-form .crmEntityFormView .msos-container{
  border: 1px solid #005EB8 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.kch-ootb-form .crmEntityFormView .msos-container.msos-disabled {
  border: 0px !important;
  background-color: #f5f5f5 !important; /*d8dde0*/
  padding-left: 8px !important;
}

.kch-ootb-form .crmEntityFormView .msos-container:not(.msos-disabled).msos-active {
  border: 1px solid #005EB8 !important;
  box-shadow: none !important;
}

.kch-ootb-form .crmEntityFormView .msos-container:not(.msos-disabled).msos-focused {
  border: 1px solid #005EB8 !important;
  box-shadow: none !important;
}

.kch-ootb-form .crmEntityFormView .msos-container:not(.msos-disabled):hover {
  border: 1px solid #005EB8 !important;
  box-shadow: none !important;
}

.kch-ootb-form .crmEntityFormView .msos-caret-container{
  background-color: transparent !important;
}
  

.kch-ootb-form .crmEntityFormView .msos-glyph{
  color: #005EB8 !important;
}

.kch-ootb-form .crmEntityFormView .msos-glyph:after {
    font-size: 12px !important;
    font-weight: bold;
}

.kch-ootb-form .crmEntityFormView .msos-input-container {
  padding-left: 0px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
}

.kch-ootb-form .crmEntityFormView .msos-filter-container{
    padding-right: 6px;
    padding-left: 12px;
}


/* End of combobox CSS */

.kch-ootb-form .crmEntityFormView .actions{
  border-top: 0px !important;
}

/* Start of Select CSS */
.kch-ootb-form .crmEntityFormView select.form-control {
  width: 100% !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  /* margin: 20px 0 !important; */

  border: 1px solid #005EB8 !important;
  border-radius: 4px !important;

  height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
  
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23005EB8' d='M4.29289 8.29289C4.68342 7.90237 5.31658 7.90237 5.70711 8.29289L12 14.5858L18.2929 8.29289C18.6834 7.90237 19.3166 7.90237 19.7071 8.29289C20.0976 8.68342 20.0976 9.31658 19.7071 9.70711L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L4.29289 9.70711C3.90237 9.31658 3.90237 8.68342 4.29289 8.29289Z'/></svg>")
    no-repeat !important;
  background-color: white !important;
  background-position: right 8px center !important;
  background-size: 16px !important;
  background-repeat: no-repeat !important;
  outline-color: transparent !important;
}

.kch-ootb-form .crmEntityFormView select.form-control:disabled {
  width: 100% !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  border: 0px !important;
  border-radius: 4px !important;

  height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
  
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%234c6272' d='M4.29289 8.29289C4.68342 7.90237 5.31658 7.90237 5.70711 8.29289L12 14.5858L18.2929 8.29289C18.6834 7.90237 19.3166 7.90237 19.7071 8.29289C20.0976 8.68342 20.0976 9.31658 19.7071 9.70711L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L4.29289 9.70711C3.90237 9.31658 3.90237 8.68342 4.29289 8.29289Z'/></svg>")
    no-repeat !important;
  background-color: #f5f5f5 !important;
  background-position: right 8px center !important;
  background-size: 16px !important;
  background-repeat: no-repeat !important;
  outline-color: transparent !important;

  padding-left: 8px;


}

.kch-ootb-form .crmEntityFormView select.form-control:focus {
  box-shadow: none !important;
}

/* End of Select CSS */


/* Start of Radio Button CSS */
.kch-ootb-form .crmEntityFormView input[type="radio"]{
  appearance: none;
  -webkit-appearance: none;
  width: 18px; height: 18px;
  border: 1px solid #005EB8;
  border-radius: 50%;
  background: #fff;
  display: inline-grid;
  place-content: center;
  vertical-align: middle;
  cursor: pointer;
}

/* Inner filled circle */
.kch-ootb-form .crmEntityFormView input[type="radio"]::before{
  content: "";
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #005EB8;
  transform: scale(0);
  transition: transform 120ms ease-in-out;
  border: none;
  outline: none;
  box-shadow: none;
}

/* Show dot when selected */
.kch-ootb-form .crmEntityFormView input[type="radio"]:checked::before{
  transform: scale(1);
}

/* Keyboard focus ring */
.kch-ootb-form .crmEntityFormView input[type="radio"]:focus-visible{
  outline: 2px solid #005EB8;
  outline-offset: 2px;
  outline-color: #005EB8 !important;
}

.kch-ootb-form .crmEntityFormView input[type="radio"]:focus{
  outline: none;
}
  
.kch-ootb-form .crmEntityFormView input[type="radio"]:disabled{
  border-color: #b1b4b6; background: #f3f2f1; cursor: not-allowed;
}

/* End of Radio Button CSS */

.kch-ootb-form .panel{
  box-shadow: none;
  border: 1px solid #005EB8;
  border-radius: 4px;
}

.kch-ootb-form .panel-body{
  padding: 0px !important;
}

.kch-ootb-form ol.progress.list-group.left{
  border: 1px solid #005EB8;
  border-radius: 4px;
  background-color: white !important;
  padding: 0px !important;
}

@media (max-width: 767px) {
    .kch-ootb-form ol.progress.left, ol.progress.right {
        margin-top: 20px !important;
    }
}

/* Start of CSS to control progress bar behaviour */

@media (max-width: 992px) {
    .kch-ootb-form html[dir=ltr] ol.progress.left li, html[dir=ltr] ol.progress.right li {
        float: left !important;
    }
}
        
@media (max-width: 992px) {
  .kch-ootb-form  ol.progress.left{
    display: flex !important; /*Makes the small screen scrollable rather than wrapping it*/
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* @media (max-width: 992px) {
    html[dir=ltr] ol.progress.left li, html[dir=ltr] ol.progress.right li {
        float: left !important;
    }
} */

@media (max-width: 992px) {
  div:has(> ol.progress.list-group.left) {
    width:100% !important;
    padding-left: 43px !important;
    padding-right: 43px !important;
  }
}

@media (max-width: 767px) {
  div:has(> ol.progress.list-group.left) {
    width:100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* End of CSS to control progress bar behaviour */

.kch-ootb-form ol.progress li.incomplete{
  background-color: white;
}

.kch-ootb-form .crmEntityFormView {
  border-right: none !important;
  border-bottom: none !important;
  border-top: none !important;
  /* border-left: 1px solid #005EB8 !important; */
  padding-top: 24px;
  padding-bottom: 24px;
}

.kch-ootb-form.kch-ootb-basic-form .crmEntityFormView {
  border-left: 0px !important;
}

@media (max-width: 767px) {
    .kch-ootb-form.kch-ootb-basic-form .crmEntityFormView .cell {
        margin-bottom: 15px;
        padding: 16px !important;
    }
}

.kch-ootb-form.kch-ootb-basic-form .crmEntityFormView .actions{
  padding-left: 28px !important;
  padding-right: 28px !important;
}

@media (max-width: 767px) {
    .kch-ootb-form.kch-ootb-basic-form .crmEntityFormView .actions{
      padding-left: 16px !important;
      padding-right: 16px !important;
    }
}

@media (min-width: 992px) {
  .kch-ootb-form .crmEntityFormView {
    border-left: 1px solid #005EB8 !important;
  }
}

@media (min-width: 992px) {
  .kch-ootb-form .div-left {
    border-right: 1px solid #005EB8 !important;
    margin-right: -1px;
  }
}

.kch-ootb-form ol.progress .list-group-item {
  border: 0px; 
}

.kch-ootb-form input.form-control,
.kch-ootb-form textarea.form-control
{
  border:0px;
  box-shadow: none;
  border-radius: 4px !important;
}

.kch-ootb-form input.form-control.text:not(:where(.input-group *)),
.kch-ootb-form textarea.form-control.textarea:not(:where(.input-group *)){
  border: 1px solid #005EB8;
}

.kch-ootb-form input.form-control.text:not(:where(.input-group *)):read-only,
.kch-ootb-form textarea.form-control.textarea:not(:where(.input-group *)):read-only{
  border: 0px !important;
  background-color: #f5f5f5 !important;
  padding-left: 8px !important;
}

.kch-ootb-form .crmEntityFormView .input-group{
  border: 1px solid #005EB8;
  border-radius: 4px;
}

.kch-ootb-form .crmEntityFormView .input-group-btn .btn{
  border:0px;
  color:#005EB8;
}

/* .kch-ootb-form .crmEntityFormView select.form-control{
  border: 1px solid #005EB8 !important;
  box-shadow: none;
  color: black;
  border-radius: 4px;
} */

.kch-ootb-form .crmEntityFormView .input-group.datetimepicker .input-group-addon{
  color:#005EB8;
  border:0px;
  background-color: transparent;
}

.kch-ootb-form .crmEntityFormView .datetimepicker input.form-control.readonly{
  border: 0px !important;
  background-color: #f5f5f5 !important;
  padding-left: 8px !important;
}

.kch-ootb-form .crmEntityFormView select.form-control.picklist:disabled{
  border: 0px !important;
  background-color: #f5f5f5 !important;
  padding-left: 8px !important;
  display: block !important;
}

.kch-ootb-form .crmEntityFormView td.picklist-cell div.text-muted{
  display: none !important;
}

.kch-ootb-form .crmEntityFormView div.text-muted{
  margin-left: 8px !important;
}


/* .kch-ootb-form .crmEntityFormView div.text-muted{
  min-height: 35px;
  background-color: #d8dde0;
  border-radius: 4px;
  display: flex;
  align-items: center;
} */

.kch-ootb-form .crmEntityFormView .picklist input[type=radio]{
  accent-color: #005EB8 !important;
}

.kch-ootb-form .grid-actions a.btn.action{
  margin:0px !important;
}


/* End of OOTB Form CSS */


/* Start of Responsive Form CSS */

.kch-form{
  border: 1px solid #005EB8;
  background-color: white;
  padding: 32px;
}

@media (min-width: 992px) {
  .kch-form-row {
    display: flex;
    align-items: stretch;
  }
}

@media (min-width: 992px) {
  .kch-form-left-section {
    align-items: center;
    flex: 1;
    display: flex;
  }
}

.kch-form-row{
  padding-bottom: 16px;
  padding-top:16px;
}

.kch-form-separator-row{
  margin:0px !important;
}

.kch-form-section-name{
  font-family: Arial, Helvetica, sans-serif;
  color: #009639;
  font-weight: bold;
  font-size: 15px;
}

.kch-form-label{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal !important;
  color: #231F20;
  font-size: 15px;
  white-space: nowrap;
  margin-top: 8px;
}

.kch-form-input{
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 4px;
  border:1px solid #9DD3FF;
  height:32px;
  color: #005EB8;
  font-size: 15px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom: 8px;
}

.kch-form-separator{
  height:1px;
  background-color: #768692;
}


/* End of Responsive Form CSS */

/* Start of CSS for EntityList */

.entitylist {
    border: none !important;
} 

.entitylist .table-responsive {
  border: 0px !important;
}

.container.contains-entity > div.entitylist{
  padding: 16px;
  border: 1px solid #005EB8 !important;
  border-radius: 4px;
}

div.contains-entity .jquery-bootstrap-pagination{
  display: flex;
  justify-content: center;
}

/* .contains-entity*/ .pagination> li>a,  
/*.contains-entity*/ .pagination > li > span {
  border-radius: 4px !important;
  background-color: white;
  border: 1px solid #005EB8;
  color: #005EB8 !important;
  margin-left: 3px !important;
}

.pagination> li>a:hover, .pagination> li>a:focus, .pagination> li>a:focus-visible, .pagination> li>a:active{
  border-radius: 4px !important;
  background-color: white;
  border: 1px solid #005EB8;
  color: #005EB8 !important;
}

/*div.contains-entity .jquery-bootstrap-pagination*/ .pagination>.active>a, .pagination>.active>span{
  border-radius: 4px !important;
  border: 1px solid #005EB8;
  background-color: #005EB8 !important;
  color: white !important;
}

.pagination > .active > a, 
.pagination > .active > a:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span, 
.pagination > .active > span:hover, 
.pagination > .active > span:focus {
  border-radius: 4px !important;
  border: 1px solid #005EB8;
  background-color: #005EB8 !important;
  color: white !important;
}

/*.contains-entity*/ .pagination>.disabled>a{
  border-radius: 4px !important;
  border: 1px solid #E8EDEE;
  background-color: #E8EDEE !important;
  color: #768692 !important;
}

/* Hides the << and >> arrows on the knowledge base search screen for consistent design */
.search-results .pagination li:first-child,  .search-results .pagination li:last-child {
  display:none;
}

/* Adds a minimum height to the search page div and moves pagination controls to the bottom of the screen */
.search-results > div:has(> ul.pagination) {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
}

.search-results ul.pagination {
  margin-top: auto;
}
/**/

.dropdown.action button[aria-label="action menu" i]{
  display: none !important;
}


.dropdown.action ul.dropdown-menu{
    position: relative !important;
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    padding: 0px !important;
    min-width: 80px !important;
    word-break: normal !important;
}

td[aria-label="action menu" i]{
    max-width: 130px !important;
}

div.dropdown.action a.details-link{
  --btn-blue: #005EB8;               
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
  padding-top:4px !important;
  padding-bottom: 4px !important;
  border: 1px solid var(--btn-blue) !important;
  border-radius: 4px;
  background: #fff;
  color: var(--btn-blue);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

div.dropdown.action a.details-link:hover,
div.dropdown.action a.details-link:focus{
  background: var(--btn-blue);
  color: #fff !important;
  text-decoration: none;
  border: 1px solid var(--btn-blue) !important;
  padding-top:4px !important;
  padding-bottom: 4px !important;
}

/* End of CSS for EntityList */


.btn-kch-secondary {
  --btn-blue: #005EB8;               
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
  border: 2px solid var(--btn-blue);
  border-radius: .5rem;
  background: #fff;
  color: var(--btn-blue);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.btn-kch-secondary:hover,
.btn-kch-secondary:focus {
  background: var(--btn-blue);
  color: #fff;
  border-color: var(--btn-blue);
  text-decoration: none;
}

.btn-kch-secondary:focus-visible {
  outline: 2px solid var(--btn-blue);
  outline-offset: 2px;
  box-shadow: 0 0 0 .2rem rgba(31,115,209,.25);
}

.knowledge-article img {
  max-width: 100%;
}

.breadcrumb>li+li:before{
  color: #005EB8;
  font-weight:normal;
}

.kch-font{
  font-family: Arial, Helvetica, sans-serif;
}

.kb-header-padding {
  padding-bottom: 0; 
  padding-top: 32px;
}

/* previously 992px */
@media (min-width: 768px) {
  .kb-header-padding {
    padding-bottom: 32px;
    padding-top: 32px;  
  }
}

/* previously 992px */
@media (min-width: 768px) {
  .kb-header-align-center {
    display:flex;
    align-items: center;
  }
}

.nhs-neutral-background{
  background-color:#F0F4F5;
}

.nhs-white-background{
  background-color:#FFF;
}

.card-text-header{
  font: Arial, Helvetica, sans-serif;
  /* letter-spacing: 1px; */
  font-size: 1em;
  color: #005EB8 !important;
  margin:0px; 
  /* white-space:nowrap;  */
  overflow: hidden; 
  text-overflow: ellipsis; 
  padding-right:15px
}

.card-svg svg{
  width:100% !important;
  height: 100% !important;
  margin-left:10px;
  margin-right:10px;
  flex-shrink: 0;
}

.card-no-a-inheritance{
  text-decoration: none !important;
}

.card-no-a-inheritance *{
  text-decoration: none !important;
}

.card-outline:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.card-outline:hover .card-button{
  background-color: #003087 !important;
}

@media (min-width: 1200px) {
  .navbar .container {
      display: flex;
      align-items: center;  
      justify-content: space-between;
  }

  #navbar {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex: 1;
  }

}

.navbar-toggle.collapsed{
    transform: translate(0, 75%) !important;
}

.navbar .dropdown-toggle .caret {
  border-top-color: white !important;
  border-bottom-color: white !important;
}

.navbar{
  background-color: #005EB8 !important;
}

.navbar a{
  color: white !important;
}

.dropdown-menu>li>a{
  color: #005EB8 !important;
}

.people-portal-section {
  background: url('/welcomebannerimage.png') no-repeat center center;
  background-size: cover;
  min-height: 500px;
  position: relative;
  display:flex;
}

.blue-box {
  background-color: #005eb8; 
  max-width: 600px;
  
}

@media (min-width: 1400px) {
  .container {
    /* width: 1320px !important; */
    width: 1240px !important;
  }
}

@media (min-width: 1600px) {
  .container {
    /*width: 1520px !important;*/
    width: 1440px !important;
  }
}

@media (min-width: 1800px) {
  .container {
    /* width: 1720px !important; */
    width: 1540 !important;
  }
}

.neutral-background{
  background-color: #F0F4F5;
}

.white-background{
  background-color: #ffff;
}


.panel {
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Arial, Helvetica, sans-serif;
  color: #005EB8;
}

h1, .h1 {
  font-size: 44px !important;
  /* font-weight: 800; */
  font-weight: bold;
}

h2, .h2 {
  font-size: 34px;
  font-weight: 600;
}

.btn-primary {
  background-color: #005EB8 !important;
  border-color: #005EB8 !important;
  border-radius: 3px;
  font-weight: bold;
}

.btn-primary:hover {
  background-color: #003087 !important;
  border-color: #003087 !important;
}

.btn-contact {
  background-color: #8A1538 !important;
  border-color: #8A1538 !important;
  border-radius: 3px;
  color: #ffffff;
  font-weight: bold;
}

.btn-contact:hover,
.btn-contact:focus {
  background-color: #66001D !important;
  border-color: #66001D !important;
  color: #ffffff;
}

.btn-contact:active,
.btn-contact.active {
  background-color: #4d0016 !important;
  border-color: #4d0016 !important;
  color: #ffffff;
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.2);
}

.siteTitle {
    font-weight: 400;
    font-size: 25px !important;
    color: #000000;
}

.page-header {
    margin: 0;
    border-bottom: none;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: white !important;
  color: #231F20;
}

.page-copy {
  font-size: 20px;
}

.navbar-static-top.navbar-inverse {
  border-bottom: 4px solid #005EB8;
}


footer .footer-bottom {
  background-color: #ffffff !important;
  border-top: 4px solid #005EB8;
}

.tile {
  border-bottom: 4px solid #009639;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
}

a .tile:hover {
  background-color: #E8EDEE;
}

.tile-content {
  padding: 15px;
}

.tile-content h2 {
  color: #009639;
  font-size: 2.8rem;
}

/* .crmEntityFormView {
  border: none !important;
  margin-top: 20px;
} */

#navbar .dropdown-search #q {
  min-width: 250px;
}

.list-group-item-success {
  /* background-color: #009639 !important;
  color: #FFFFFF !important;
  border-color: #009639; */
  background-color: white !important;
  color: black !important;
  border-color: white;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  background-color: #005EB8;
}

 ol.progress .list-group-item {
    /*border-bottom: 1px solid slategray;
    border-top: 1px solid slategray; */
    font-weight: bold !important;
} 



::placeholder {
  color: #E8EDEE !important;
}

.blue_border {
    border-bottom: 4px solid #005EB8;
}

.content-home a.list-group-item, .content-home .list-group-item a.title {
    color: #231F20;
}
.content-home .title {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
}

.page_section h2 {
    color: #005EB8;
}

.page_section p {
    border-top: none;
}

.lead {
    font-size: 28px;
}