@font-face {
    font-family: 'Century-Gothic';
    src: url("Century-Gothic.otf") format("opentype"), url("Century-Gothic.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url("Gotham-Medium.otf") format("opentype"), url("Gotham-MediumItalic.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham-Book';
    src: url("Gotham-Book.otf") format("opentype"), url("Gotham-BookItalic.otf") format("opentype");
}
    
	*{
      font-family: 'Century-Gothic';
    }
	
text{
	font-family: 'Century-Gothic' !important;
}
span{
	font-family: 'Century-Gothic' !important;
}

BODY {
  background: black;
  height: 100%;
}



#welcome-modal .card {
  width: 20rem;
}

#welcome-modal .list-group-item, #welcome-modal .list-group {
  border: none;
}

#welcome-modal .list-group-item.titles {
  padding: 0.2rem 1rem;
}

#welcome-modal .click-here:hover {
  cursor: pointer;
}

.modal-body{
	background:#eee8e3;
	color: #25273A;
}
.modal-header{
	background: #25273A;
	color:#ffc107;
}
.modal-footer{
	background: #eee8e3;
	border:none !important;
	justify-content:center;
}
#secondaryButton{
  width: 150px;
  font-weight: 600;
  font-size: 14px;
  margin-right: 15px;
  height: 37px;
  color: #25273a !important;
  text-align: center;
  background-color: #ffc107 !important;
  border: 1px solid #25273A !important;
}
#secondaryButton:hover{
	background-color: #4D5178 !important;
	border: 1px solid #25273A !important;
	color:white !important;
}

#names{
  justify-content: start !important;
  padding-left: 1rem;
}
.card-style{
	background:#25273A;
}
.list-group-item {
    background: #25273A;
    color: white;
}

.card-body a{
	color:#ffc107;
	font-size:1.5rem;
}
.list-group a{
	color:#ffc107;
}
/* end */



.ui-autocomplete {
  z-index: 10000;
}
#Footer{
	display: flex;
    justify-content: space-around;
}
#backToTop{
    font-size: 2rem;
    border-radius: 6rem;
    background: #ffc107;
}
#disclaimerBtn{
    font-size: 2rem;
    border-radius: 6rem;  
}

#Sidebar {
  /*z-index: 3000;*/
}
#address1 {
  min-height: 0% !important;
}
#address2 {
  min-height: 0% !important;
}
#address3 {
  min-height: 0% !important;
}
#Content {
  background-color: #eee8e3;
  height: 4336px;
  width: 100%;
}

Span {
  color: 25273A;
}
.navbar-dark .navbar-brand {
}
input#nursing-home-btn {
  display: none;
}
h1#Title {
  text-align: left;
  color: white;
  font-size: 1.25rem;
  margin-bottom: 0rem;
}

a#disclaimer {
  font-size: 0.8rem;
  text-align: left;
  color: #fff;
}
a#link {
  color: white;
  font-size: 0.7rem;
}
#mapid {
  height: 180px;

  /* min-height: calc(100% - 480px - 56px); */
}
div#map {
  width: 100%;
  /* min-height: calc(100% - 480px - 56px); */
}
#providerSearch.activeBar {
  text-align: left;
  /* font-size: large; */
  padding-left: 15px;
  padding-bottom: 0px;
  width: 306px;
  color: black;
  border: none;
  font-size: 11px;
  vertical-align: top;
  height: 37px;
  border-radius: 0 0.2em 0.2em 0 !important;
}
#operatorSearch.activeBar {
  text-align: left;
  /* font-size: large; */
  padding-left: 15px;
  padding-bottom: 0px;
  width: 306px;
  color: black;
  border: none;
  font-size: 11px;
  vertical-align: top;

  height: 37px;
  border-radius: 0 0.2em 0.2em 0 !important;
}
#postcodeSearch.activeBar {
  text-align: left;
  /* font-size: large; */
  vertical-align: top;
  padding-left: 15px;
  padding-bottom: 0px;
  width: 306px;
  color: black;
  border: none;
  font-size: 11px;

  height: 37px;
  border-radius: 0 0.2em 0.2em 0 !important;
}

#providerSearch.hideBar {
  display: none;
}
#operatorSearch.hideBar {
  display: none;
}

#postcodeSearch.hideBar {
  display: none;
}

#specSearch {
  text-align: center;
  font-size: Medium;
  width: 100%;
  height: 30px;
}
div#contactlbl {
  display: flex;
  justify-content: flex-end;
  padding: 5px 0 0 0;
}
div#table {
  height: 728px;
  background: #eee8e3;
  border: solid #25273a 0.12rem;
  
}
h4#lblContact {
  color: white;
  margin-right: 1rem;
  cursor: pointer;
  white-space: nowrap;
}
.highcharts-title{}
ul.remove-styling {
  margin: 0rem !important;
}

li.h4 {
  margin: 0rem !important;
}
img#savLogo {
  width: 60px;
  aspect-ratio: auto 60 / 60;
  height: 60px;
}
div#imgBox {
  display: flex;
  width: 50vw;
  justify-content: space-around;
}
div#img1 {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;

  cursor: pointer;
}
div#img2 {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
}
div#img3 {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
}
div#img4 {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
}

h2#lblFilter {
  color: white;
  text-align: center;
  padding-bottom: 1rem;
  padding-top: 1.5rem;
}
h4#lblSearch {
  color: white;
  text-align: center;
  padding-bottom: 1rem;
}
h4#lblRegion {
  color: white;
  text-align: center;
  padding-bottom: 0.5rem;
}
h4#lblSearch2 {
  color: white;
  text-align: center;
  padding-bottom: 0.3rem;
}
h4#lblService {
  color: white;
  text-align: center;
  margin-top: 1rem;
}
input#inptSearch {
  width: 100%;
  text-align: center;
  height: 2rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  color: black;
}

input#nursingBtn {
  width: 48%;
  height: 37px;
  color: white;
  text-align: center;
  border: 2px solid #fff !important;
  background-color: #ffc107;
}
input#resiBtn {
  width: 48%;
  height: 37px;
  color: white;
  text-align: center;
  border: 2px solid #fff !important;
}
input#smallBtn {
  width: 100px;
  height: 37px;
  color: white;
  text-align: center;
  margin-right: 3px;
  border: 2px solid #fff !important;
}
input#mediumBtn {
  width: 100px;
  height: 37px;
  color: white;
  text-align: center;
  margin-right: 3px;
  border: 2px solid #fff !important;
}
input#largeBtn {
  width: 100px;
  height: 37px;
  color: white;
  text-align: center;
  margin-right: 3px;
  border: 2px solid #fff !important;
}

#chartRegion{
  width: 100%;
  height: 37px;
  margin-bottom: 1rem;
}
#chartCQC{
  width: 100%;
  height: 37px;
  margin-bottom: 1rem;
}
#chartLocal{
  width: 100%;
  height: 37px;
  margin-bottom: 1rem;
}
button#downloadBtn {
  font-weight: 400;
  font-size: 14px;
  width: 130px;
  height: 37px;
  color: white;
  text-align: center;
  margin-right: 15px;
  margin-left: 15px;
  background-color: #212529;
  border-radius: 4px;
  border: 2px solid #fff !important;
}
input#downloadBtn2{
display:none;
}
input#downloadBtn3{
display:none;
}
input#contactBtn {
  width: 100px;
  font-weight: 400;
  font-size: 14px;
  margin-right: 15px;
  
  height: 37px;
  color: #25273a !important;
  text-align: center;
  background-color: #ffc107 !important;
  border: 2px solid #ffc107 !important;
}
#contactBtn:hover{
	background-color: #4D5178 !important;
	color:white !important;
}

#resetBtn:hover{
	background-color: #4D5178 !important;
	color:white !important;
}

input#resetBtn {
  margin-left: 15px;
 
  /* border-top-left-radius: 0;
		border-bottom-left-radius: 0; */
  width: 100px;
  font-weight: 400;
  font-size: 14px;
  height: 37px;
  color: white !important;
  text-align: center;
  background-color: #CE181E !important;
  border: 2px solid #CE181E !important;
}
.resetBtn-side:hover{
	background-color: #4D5178 !important;
	color:white !important;
}

.resetBtn-side {
  margin-right: 15px;
 
  /* border-top-left-radius: 0;
		border-bottom-left-radius: 0; */
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  height: 37px;
  color: white !important;
  text-align: center;
  background-color: #CE181E !important;
  border: 2px solid #CE181E !important;
}

button#switchButton.active {
  width: 100px;
  height: 37px;
  font-weight: 400;
  font-size: 14px;
  vertical-align: top;
  /* text-align: left !important; */
  color: black !important;
  text-align: center;
  background-color: #ffc107 !important;
  border: 2px solid #ffc107 !important;
  border-radius: 0.2em 0 0 0.2em !important;
  box-shadow: none !important;
}

button#switchButton.hideBtn {
  display: none;
}
button#switchButton2.active {
  width: 100px;
  height: 37px;
  vertical-align: top;
  font-weight: 400;
  font-size: 14px;
  /* text-align: left !important; */
  color: black !important;
  text-align: center;
  background-color: #ffc107 !important;
  border: 2px solid #ffc107 !important;
  border-radius: 0.2em 0 0 0.2em !important;
  box-shadow: none !important;
}

button#switchButton2.hideBtn {
  display: none;
}
button#switchButton3.active {
  width: 100px;
  height: 37px;
  vertical-align: top;
  font-weight: 400;
  font-size: 14px;
  /* text-align: left !important; */
  color: black !important;
  text-align: center;
  background-color: #ffc107 !important;
  border: 2px solid #ffc107 !important;
  border-radius: 0.2em 0 0 0.2em !important;
  box-shadow: none !important;
}

button#switchButton3.hideBtn {
  display: none;
}

input#all-beds-btn {
  display: inline-block;
  width: 13rem;
  margin-left: 50%;
  margin-right: -50%;
  transform: translateX(50%);
  transform: translateX(-50%);
  margin-bottom: 1rem;
  height: 37px;
  color: white;
  text-align: center;
  margin-right: 3px;
  border: 2px solid #fff !important;
}
input#allCarehomesBtn {
  display: inline-block;
  width: 13rem;
  margin-left: 50%;
  margin-right: -50%;
  transform: translateX(50%);
  transform: translateX(-50%);
  margin-bottom: 1rem;
  height: 37px;
  color: white;
  text-align: center;
  margin-right: 3px;
  border: 2px solid #fff !important;
}
div#btnContainer {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}
div#btnContainer1 {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}
div#kpiContainer {
  width: auto;
  height: 150vh;
  background-color: 25273A;
}
div#kpiBoxes {
  display: flex;
  background-color: #25273a;
  padding-bottom: 0.5rem;
  margin-bottom: 0.3rem;
  justify-content: space-evenly;
  flex-direction: row;
  align-items: center;
}
div#kpi {
  margin-top: 1rem;
  height: 135px;
  width: 16%;
  background-color: #25273a;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
span.icons {
  font-size: 2rem;
  padding-botton: 0.5rem;
}
div#kpi1 {
  margin-top: 1rem;
  height: 10vh;
  width: 100%;
  background-color: #25273a;
  justify-content: center;
  align-items: center;
  color: white;
}
div#mapBox {
  padding: 0.3rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
  height: 737px;
  margin-bottom: 0.3rem;
  grid-gap: 1.5rem;
  background-color: #eee8e3;
}
div#map {
  grid-column-start: 1;
  grid-column-end: 2;
  /*grid-row-end:span 1;*/
  padding: 10px;
  background-color: #25273a;
  border: solid #25273a 0.1rem;
}

/*background-color:#25273A;
	}
	/*div#pie{
	grid-column-start:2;
	grid-column-end:3;
	grid-row-start:2;
	grid-row-end:5;
	padding:10px;
	background-color:#25273A;
	}*/

div#chartBox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  /* height: 4228px; */
  grid-gap: 40px 30px;
  background-color: #eee8e3;
}
div#chart1 {
  padding: 0.3rem 0rem 0rem 0.3rem;
  width: 100%;
  background-color: #eee8e3;
}
div#chart1b {
  padding: 0.3rem 0rem 0rem 0.3rem;
  width: 100%;
  background-color: #eee8e3;
}
div#chart2 {
  padding: 0.3rem 0.3rem 0rem 0rem;
  width: 100%;
  background-color: #eee8e3;
}
div#chart3 {
  padding-top: 0rem;
  padding-right: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0.15rem;
  background-color: #eee8e3;
  /*grid-column-start: span 2;*/
}
div#chart4 {
  padding-top: 0rem;
  padding-right: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0rem;
  background-color: #eee8e3;
}
div#chart5 {
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0.3rem;
  padding-left: 0.3rem;

  background-color: #eee8e3;
}
div#chart6 {
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0.3rem;
  padding-left: 0.3rem;

  background-color: #eee8e3;
}
div#chart7 {
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0.3rem;
  padding-left: 0.3rem;

  background-color: #eee8e3;
}
div#chart8 {
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0.3rem;
  padding-left: 0.3rem;

  background-color: #eee8e3;
}
div#chart9 {
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0.3rem;
  padding-left: 0.3rem;

  background-color: #eee8e3;
}
div#chart10 {
  padding-top: 0rem;
  padding-right: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0.15rem;
  background-color: #eee8e3;
  grid-column-start: span 2;
}
div#chart11 {
  padding-top: 0rem;
  padding-right: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0.15rem;
  background-color: #eee8e3;
  grid-column-start: span 2;
}
div#chart12 {
   padding-top: 0rem;
  padding-right: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0.15rem;
  background-color: #eee8e3;
  /*grid-column-start: span 2;*/
}

/*	div#chart5{
	padding:10px;
	background-color:#25273A;
	}
	div#chart6{
	padding:10px;
	background-color:#25273A;
	}
	#mapid {
    height: 1100px;
}*/
div#pie {
  display: flex;
}
#yui_3_1_1648560466716_1277 {
  font-size: 12px;
}



#chartSpecialism {
  width: 100% !important;
  height: 220px !important;
  /* margin-bottom: 1rem !important; */
  background: #25273a;
  color: #25273a;
}
#chartSpecialism_handler {
  display: inline-block;
  width: 13rem;
  margin-left: 50%;
  margin-right: -50%;
  transform: translateX(50%);
  transform: translateX(-50%);
  margin-bottom: 1rem;
  height: 37px;
  color: black;
  text-align: center;
  margin-right: 3px;
  border: 2px solid #fff !important;
}
input.nursebooton {
  background-color: #ffc107 !important;
  color: black !important;
}

.rdPreviewHoverState,
.rdPreviewHoverState:hover,
.ThemeLinkButton:hover,
.ThemeLinkButtonSmall:hover,
span:hover.rdAgCommand,
span:hover.rdAcCommand,
span:hover.rdOgCommand,
span:hover.rdCgCommand,
span:hover.rdDashboardCommand,
#rowChangeTab span:hover.rdDashboardCommand,
span:hover.rdPopupPanelCommand,
.rdAgUnselectedTab:hover,
.rdOgUnselectedTab:hover,
input[type="button"]:hover {
  background-color: #4d5178 /*ButtonHoverBackgroundColor*/ !important;
  color: #ffffff /*ButtonHoverFontColor*/ !important;
  text-decoration: none;
}

.ThemeLinkButton,
.ThemeLinkButtonSmall,
.rdAgCommand,
.rdOgCommand,
.rdAcCommand,
span.rdCgCommand,
.rdDashboardCommand,
input[type="button"] {
  background-color: #25273a !important;
}
input.nursebooton {
  background-color: #ffc107 !important;
  color: black !important;
}

.rd-checkboxlist ul li span {
  color: White !important;
  font-size: 0.9rem;
}

.fa-bed:before {
  font-size: 1.5rem;
  content: "\f236";
}
.fa-percent:before {
  content: "\f295";
  font-size: 1.5rem;
}
.fa-home:before {
  content: "\f295";
  font-size: 1.5rem;
}

#yui_3_1_1654779304485_1061{
	background: #eee8e3;
}
.jsgrid{
	background: #eee8e3;
}
.jsgrid-pager{
background: #eee8e3;
}

.reset{
  width: 100% !important;
  margin-left: 0px !important;
}

.hideChart{
display:none;
}
.hideChart1{
display:none;
}
#mymodal1{
z-index:1500;
}
#contactlbl1{
position:absolute;
left:-150%;
top:-150%;
}
p#discText{	
font-size:1rem;
}
.modal-content1{
width:900px
}
h1#Title1 {
  text-align: left;
  color: #25273A;
  font-size: 1.75rem;
  margin-bottom: 0rem;
}

.highcharts-axis-line {
    stroke: transparent;
}
.highcharts-tick{
	stroke:transparent;
}


.arrow
{
    position: fixed;
    bottom: 0rem;
    left: 50%;
    margin-left: -20px;
    width: 80px;
    height: 80PX;
    z-index: 500;
    opacity: 0.3;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI1MTIiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTU0MC4zNjIyKSI+PHBhdGggZD0ibSAxMjcuNDA2MjUsNjU3Ljc4MTI1IGMgLTQuOTg1MywwLjA3ODQgLTkuOTEwNzcsMi4xNjMwOCAtMTMuNDM3NSw1LjY4NzUgbCAtNTUsNTUgYyAtMy42MDA1NjUsMy41OTkyNyAtNS42OTY4ODMsOC42NTg5NSAtNS42OTY4ODMsMTMuNzUgMCw1LjA5MTA1IDIuMDk2MzE4LDEwLjE1MDczIDUuNjk2ODgzLDEzLjc1IEwgMjQyLjI1LDkyOS4yNSBjIDMuNTk5MjcsMy42MDA1NiA4LjY1ODk1LDUuNjk2ODggMTMuNzUsNS42OTY4OCA1LjA5MTA1LDAgMTAuMTUwNzMsLTIuMDk2MzIgMTMuNzUsLTUuNjk2ODggTCA0NTMuMDMxMjUsNzQ1Ljk2ODc1IGMgMy42MDA1NiwtMy41OTkyNyA1LjY5Njg4LC04LjY1ODk1IDUuNjk2ODgsLTEzLjc1IDAsLTUuMDkxMDUgLTIuMDk2MzIsLTEwLjE1MDczIC01LjY5Njg4LC0xMy43NSBsIC01NSwtNTUgYyAtMy41OTgxNSwtMy41OTEyNyAtOC42NTA2OCwtNS42ODEyNyAtMTMuNzM0MzgsLTUuNjgxMjcgLTUuMDgzNjksMCAtMTAuMTM2MjIsMi4wOSAtMTMuNzM0MzcsNS42ODEyNyBMIDI1Niw3NzguMDMxMjUgMTQxLjQzNzUsNjYzLjQ2ODc1IGMgLTMuNjY2NzgsLTMuNjY0MjMgLTguODQ4MDEsLTUuNzY0NDIgLTE0LjAzMTI1LC01LjY4NzUgeiIgaWQ9InBhdGgzNzY2LTEiIHN0eWxlPSJmb250LXNpemU6bWVkaXVtO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO2xpbmUtaGVpZ2h0Om5vcm1hbDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZmlsbDojMjIyMjIyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozOC44ODAwMDEwNzttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZvbnQtZmFtaWx5OlNhbnM7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zIi8+PC9nPjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;
}

.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.hiddenChart{
	display:none;
}



/*mobile view*/