@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap');

#vmap
{
  margin: 0 auto;
  width:100%;
  height: 61vh;
  margin-bottom:-2rem;
  padding-bottom:50px;
}

#mob-view{
  display: none;
}

.home-dept img,
.home-dept svg{
    width:100%;
    height: 150px;
    margin:0px auto;
    display:block;
    object-fit:contain;
}

.home-dept .title{
   text-align:
   center;
   color:#b80000;
   font-weight:bold;
   font-size:14px;
   margin:10px 0px;
}

.home-dept{
   border: 1px solid #b80000;
   margin:5px 0px;
   padding:10px;
   min-height: 254px;
}
input::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 4;
}
.department
{
  justify-content: space-around;
  margin-top: -30%;
}

.department-blocks img
{
  width: 100px;

  transition: width 2s, height 2s, transform 2s;
  height:100px;
 
}
.department-blocks p
{
  font-size: medium;
  margin-top: -70px;
  
  color:#A5020C
 
}
.department-blocks a
{
  text-decoration: none;
 
}


/* box */
.grid-wrapper{
  --auto-grid-min-size: 13rem;
  display: grid;
  grid-gap: 0.2rem;

/* border-radius: 40px; */
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
 
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  


}

.grid-wrapper svg{
	transform:scale(0.7);
  margin-top: 20px;
  color:#1D3461;
}
.grid-wrapper li:hover
{
 background-color: #1D3461;
 color:white;
 /* transform:scale(-1.1); */
 
}
 .grid-wrapper li:hover path{
	fill:#fff;
}

 .grid-wrapper li:hover .text-span{
	color:#fff;
}


/* Text-box */
.grid-wrapper li{
  
  background-color: rgba(255, 255, 255, 0.596);
  color: #ffffff;
  font-size: 24px;
  list-style-type: none;
  padding: 2rem 1rem;
  text-align: center;
  text-transform: capitalize;
  font-weight: 600;
  border:1px solid #1D3461;
  border-radius: 10px;
  position: relative;
  transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
  filter: brightness(150%);
 
}

.grid-container{
  margin: 0 auto;
  max-width: 1300px;
  padding:0.2rem 0.2rem;
  

  
  
}
.parent_div
{
 
padding: 15px;
 
padding-bottom: 0px !important;
 
background-color: #1d34614b;
 
max-height: 1100px;
 
max-width: 100%;
 
height:100vh;
 
display: flex; /*added*/
 
flex-direction: column; /*added*/
 
overflow-x:hidden;
 
align-items: center;
 
justify-content: center;
}
#main nav,
#main aside,
#main article
{
	background-color:#fff;
} 
.child_div
{
    
background-color: #ffffff00;
    
overflow-y: hidden;
    
overflow-x: hidden;
    
flex: 1;
    
justify-content: center;
    
align-content: center;
    
margin-top: 0px;
    
width: 100%;
}
.sidebar {
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #1D3461;
  position: relative;
  height: 100%;
  overflow: auto;
  margin-top: 20%;
}

.department
{
  justify-content: space-around;
  margin-top: -30%;
}
.department-blocks img
{
  width: 100px;

  transition: width 2s, height 2s, transform 2s;
  height:100px;
 
}
.department-blocks p
{
  font-size: medium;
  margin-top: -70px;
  
  color:#A5020C
 
}
.department-blocks a
{
  text-decoration: none;
 
}


/* box */
.grid-wrapper{
  --auto-grid-min-size: 13rem;
  display: grid;
  grid-gap: 0.2rem;

/* border-radius: 40px; */
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
 
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  


}

.grid-wrapper svg{
	transform:scale(0.7);
  margin-top: 20px;
  color:#1D3461;
}
.grid-wrapper li:hover
{
 background-color: #1D3461;
 color:white;
 /* transform:scale(-1.1); */
 
}
 .grid-wrapper li:hover path{
	fill:#fff;
}

 .grid-wrapper li:hover .text-span{
	color:#fff;
}


/* Text-box */
.grid-wrapper li{
  
  background-color: rgba(255, 255, 255, 0.596);
  color: #ffffff;
  font-size: 24px;
  list-style-type: none;
  padding: 2rem 1rem;
  text-align: center;
  text-transform: capitalize;
  font-weight: 600;
  border:1px solid #1D3461;
  border-radius: 10px;
  position: relative;
  transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
  filter: brightness(150%);
 
}

.grid-container{
  margin: 0 auto;
  max-width: 1300px;
  padding:0.2rem 0.2rem;
  

  
  
}

.sidebar a {
  display: block;
  color: rgb(255, 255, 255);
  padding: 14px;
  text-decoration: none;
  margin-top: 0%;
  font-size: small;
}
 


.sidebar a:hover:not(.active) {
  background-color: rgb(255, 254, 254);
  
  border-bottom: 1px solid #A5020C;
}

.flex-container {
  display: block;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  height:100vh;
}

.flex-item-left {
  background-color: #f1f1f1;
  padding: 10px;
  flex: 50%;
  
}

.flex-item-right {
  background-color: dodgerblue;
  padding: 10px;
  flex: 50%;
  
}


@media (max-width: 600px) {
  .flex-container {
    flex-direction: column;
  }
  .flex-container {
  display: block;
  flex-direction: row;

}
.input-box {
  position: unset;
  border-radius: 70px;
}
.input-box .selectize-control.form-control.form-search.single,
 .input-box .selectize-input.items.has-options.not-full, 
 .input-box .selectize-input.items.has-options.full.has-items, 
 .input-box .selectize-input.items.not-full {
  border-radius: 50px;
  width: 248px;
  margin-left:0.8rem;

}
.alttext {
  color: rgb(0, 0, 0);
  font-size: 13px;
    flex: 1px 300px;
    text-align: center;
}
.form-control::placeholder{
  font-size:10px;
}


#vmap .jvectormap-container .thcs_options
{
  max-height: 80%;
  margin-bottom: 6%;
}
ul > .socialmedias{
  display:flex;
}
.flex-item-left {
  margin-top: -60px;
  
}
  

}





div.content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}



@media screen and (max-width: 500px) {
    
  
  
  
 #main > article
  {
    margin-top:0px;
   
  }
  .cards_side 
  { 
      grid-template-columns: repeat(3, 1fr); 
      margin-top: 15px;
      margin-left:-10px;
      margin-right:10px;
  }
 
  .search-main
  {
    display:flex;
  }

 
  .input-box i {
     
    right: 38px;
    top: 0px;
    color: #ced4da;

}
.alttext{
  margin-left: 3.5rem;
}

 
}
@media screen and (max-width: 450px) {
 
  #main > article {
    margin-top: 0px;
}
#vmap {

  margin-bottom: 0rem;
  padding-bottom: 0px;
}
.form-inline
{
  width:70%;
}
.cards_side 
{ 
    grid-template-columns: repeat(3, 1fr); 
   margin-right:2.5rem;

}

  .heading
  {
    margin-top: 20%;
  }

  .input-box i {
     
    right: 40px;
    top: 0px;
    color: #ced4da;

}
 
 }


.child_wrapper
{
  width:100vw;
  height:100vh;
    
    background-color:#FFFFFC;
   
    /* 
     */
     box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}


.box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #aaa;
  margin: 20px 0;
  padding: 10px;
  width: 100%;
  min-height: 200px;
  border: 2px #ccc solid;
  color: #fff;
}


* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body {
    
  font-family:'Open Sans', sans-serif;;
  /* color: #fff; */
  box-sizing: border-box;
}
h1 {
    font-weight: normal;
    text-align: center;
}
p {
    margin: 0 0 1em 0;
}

#main {
   margin: 0;
   padding: 0;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row;
   flex-flow: row;
}

header,


#main > nav,
#main > aside {
   margin: 0px;
   padding: 0rem;
}
.walk-help-clinic
{
  color:#1D3461;
}
 
#main > article {
   background: rgb(255, 255, 255);
   -webkit-flex: 4 1 0;
           flex: 6 1 0;
   -webkit-order: 2;
           order: 2;
}

#main > nav,
#main > aside {
  
   -webkit-flex: 1 6 0;
           flex: 0.5 6 0;
}
#main > nav {
   -webkit-order: 1;
   order: 1;
   display: flex;
   justify-content: center;
   align-items: center;
}
  
#main > aside {
   -webkit-order: 3;
   order: 3;
   display: flex;
   justify-content: center;
   align-items: center;
}
#logo {
  position: absolute;
  top: -3.5rem;
  width:100px; 
  height:115px;
  left:0;
}
 .navbar-custom
 {
     background-color: #E5E5E5;
 }
 .box-search{

	width: 500px;

	height: 50px;

	background-color: rgba(255, 255, 255, 0.438);

	border-radius: 30px;

	display: flex;

	align-items: center;

	padding: 20px;

}
.dropdown-menu {
 
  float: left;
  min-width: 7.5rem !important;
  padding: 0.5rem 0;
  margin: 0.150rem 0 4rem; 
  border-bottom: 1px solid transparent !important;

}
/* .dropdown-menu:nth-child(n+2)::hover {
  background-color: #A5020C;

} */
.dropdown-menu a{
  font-size: 11pt;
  font-weight: 300;
}

.dropdown-menu a:hover
{
 
 color: white;
 background-color: #A5020C;
 
}

.box-search > i {

	font-size: 20px;

	color: #777;

}

.box-search > input{

	flex: 1;

	height: 40px;

	border: none;

	outline: none;

	font-size: 18px;

	padding-left: 10px;


}
 .navbar-custom span{
   color:black;
   font-size: 16px;
   font-weight: 400;
 }
 .drop-menu
 {
   font-size: xx-large;
 }
 .navbar-custom .nav-link
 {
     background-color: #E5E5E5;
 }

 .navbar-customs
 {
     background-color: #1D3461;
     color:white;
 }

 .footer_span
 {
   font-weight:400px;
 }
header {
   display: block;
   /* min-height:70px; */
}
footer {
  /* display: block; */
  background-color: #1d34614b;
  /* max-height: 1000px; */
  /* height:100vh; */
  margin-top: -23px;
  font-size: 0.7em;
  font-weight: 500;
  color: #A5020C;
  text-align: center;
}
/* footer {
    display: block;
    min-height:40%;
    background: rgb(216, 213, 213);
    margin-top: -25px;
    
    font-size: 0.7em;
    font-weight: 500;
    color:#A5020C;
    
 } */
 
header {
   background: rgb(253, 253, 253);
}
@media all and (max-width:2000px) 
{ 
  .card_side{

    padding: 10px 20px;
  }

}

@media all and (min-width:901px){
  #logos {
    width:20%;
    height:20%;
    margin:0 auto;
  
      
    }
}
@media all and (max-width:900px)
{
  .cards_side { grid-template-columns: repeat(1, 1fr); 
      
  }
  

  .child_div{
    overflow-y: scroll;
  }
  #logos {
    width:40%;
    height:50%;
    margin:0 28%;
  
      
    }
    
    .navbar-custom{
      text-align: center;
     margin-top:0%;
  
    }
  
}  
  /* Too narrow to support three columns */
  @media all and (max-width: 640px) {
    #logos {
      width:40%;
      height:50%;
      margin:0 28%;
    
        
      }
      
      .navbar-custom{
        text-align: center;
       margin-top:0%;
    
      }
      


.child_div{
  overflow: scroll;
  
}



  
   #main, #page {
    -webkit-flex-flow: column;
            flex-flow: column;
}
.fa {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    float:left;
  }
  .bottom{
    width: 20rem;
    border: .1rem red solid;
    padding-top:15px;
  }
  
  .fa:hover {
      opacity: 0.7;
  }
  



   #main > article, #main > nav, #main > aside {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }
  
   #main > nav, #main > aside, header{
    min-height: 135px;
  
   }
  
}
.nav {
    position: fixed;
    width: 60px;
    
    transition: all 0.3s linear;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, .4)
}

.nav ul {
    margin-top: 2px;
    margin-bottom: 0rem;
    list-style:none;
}


.nav li {
    height: 45px;
    position: relative;
}

.nav li a {
    color: #fff !important;
    display: block;
    height: 100%;
    width: 100%;
    line-height: 45px;
    padding-left: 25%;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    transition: all .3s linear;
    text-decoration: none !important
}
.jqvmap-zoomin, .jqvmap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #000;
    padding: 0px !important;
    color: #fff;
    width: 0px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}



#demo {
    position: relative;
    padding-bottom: 0px;
    background: white;
    color:red;
    border-radius: 12px;
    overflow: hidden;
    line-height: 25px;
    text-align: center;
  }
  .dropbtn {
    background-color: #fdfdfd;
    color: red;
    padding: 6px;
    font-size: 12px;
    margin-top: 10px;
    border: none;
    cursor: pointer;
    width:140px;
    height:40px;
    display: inline-block;
    
  }
  .dropdown1{
    position: relative;
    display: inline-block;
}
.dropdown1::before{
    position: absolute;
    content: " \2193";
    top: 0px;
    right: -8px;
    height: 20px;
    width: 20px;
}
  
  .dropbtn:hover, .dropbtn:focus {
    background-color: #073308;
  }
  
  .select2-container .select2-selection--single{
    height:20px !important;
    width:20px !important;
}



#myInput:focus {outline: 3px solid #ddd;}




.show {display: block;}

  
  #myInput {
    box-sizing: border-box;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 15px;
    padding: 14px 29px 12px 45px;
    border: none;
    width:40%;
    border-bottom: 1px solid #ddd;
  }
  
  #myInput:focus {outline: 3px solid #ddd;}
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  .dmain {
    width: 30%;
   margin-top:6px;
}


  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 130px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    
  }
  
.search-main {
 
  display:flex;
  justify-content: center;

}

  .dropdown-content a {
    color: black;
    padding: 7px 7px;
    text-decoration: none;
    display: block;
  }
  .button-toggle

  {
    background-color: white;
  }
  .footer{
    background-color: #ddd;
    color:#A5020C;
    padding: 5px;
  }
  .scrollable-menu {
    height: auto;
    max-height: 70vh;
    overflow-x: hidden;
    max-width:320px;
    margin:auto;
}
.bottom-nav a
{
  font-size: 0.9em;
  font-weight: 300;
  
  border-bottom: 2px solid transparent;
}

.nav-bottom-bar li:hover
{
  
  background-color: #A5020C;
  color:white;
  border-radius:18px;
  
}


  #demo:after {
    content: '';
    padding-top: 3px;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #A5020C transparent transparent;
    right: 0;
    top: 0;
    position: absolute;
   
  }  
  
 

  
#demo :hover
{
  background-color:#fefeff ;
  color:#1D3461;
  border-color: white;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.icon-bar {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 10;
}

.icon-bar a {
	text-decoration: none;
	width: 210px;
	background: #3b5999;

	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 5px;
	font-size: 20px;
	transform: translateX(-170px);
	-webkit-transform: translateX(-170px);
	-ms-transform: translateX(-170px);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
}


.card_side{
    margin-top:9px;
    margin-left:14px;
    margin-right:10px;
    margin-bottom:10px;
    background-color: #1D3461;
    color: white;
    /* padding: 1rem; */
    /* height: 2.5rem; */
    width:80px;
    padding: 10px 0px;
  }

  .card_side.selected{
    background-color: #a5020c;
  }

  
  .tooltip-container {
    cursor: pointer;
    position: relative;
    
}
.input-box {
  position: relative;
  border-radius:70px;
}

.input-box .selectize-control.form-control.form-search.single ,
.input-box .selectize-input.items.has-options.not-full ,
.input-box .selectize-input.items.has-options.full.has-items,
.input-box .selectize-input.items.not-full{
	border-radius: 50px;
  
}
.input-box .selectize-control.single .selectize-input:after{
	display:none !important;
}

.input-box .selectize-dropdown-content .list{
	display:block;
	padding:5px 10px;
}
.input-box .selectize-dropdown-content .list:after{
content:"";
width:100%;
display:block;
border:1px solid #eee;	
margin:0px ;
}

.input-box .selectize-dropdown-content .list .title{
width: 100%;
padding:0px;
margin:0px;
text-transform:capitalize;
font-size:1em;

}

.input-box .selectize-dropdown-content .list .type{
width: 100%;
padding:0px;
margin:0px;
text-transform:capitalize;
font-size:0.7em;
color:#a19f9f;

}
.input-box i {
  position: absolute;
  right: 24px;
  top: 9px;
  color: #ced4da;
  z-index: 1;
}
label {
  display: inline-block;
  width: 140px;
  text-align: right;
}


.form-control:focus {
  background-color: #eeeeee69;
  box-shadow: none;
  border-color: #eee
}

.list {
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  align-items: center
}

.border-bottom {
  border-bottom: 2px solid #eee
}


.tooltip {
    opacity: 0;
    z-index: 1000;
    color: rgb(5, 0, 0);
    width: 85px;
    display: block;
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 3px;
    text-align: center;
    
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(34,34,34,0.9);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: absolute;
    
    bottom: 40px;
    /* left:-28px; */
}

.tooltip:before,.tooltip:after {
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(51,51,51,0.9);
    position: absolute;
    bottom: -10px;
    left: 40%;
}

.tooltip-container:hover .tooltip,a:hover .tooltip {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.tooltip span {
    display: none;
  }
  
  .tooltip:hover span {
    display: block;
  }
  .cards_side {
    max-width: 600px;
    
    display: grid;
    grid-gap: 0rem;
    align-content: center;
    float:center;
    text-align: center;
    justify-content: center;
    margin-top:54px;
  }

  /* .cards_side p
  {
    font-size: 14px;
    text-align: center;
    justify-content: center;
    margin-bottom: 9px;
    margin-top:-3px;
  } */
  /* .nav-bottom
  {
    color:black;
  } */


.contact-wrapper {
  padding: 10px 0;
}
.login-button{
 
  width:100%;
  background-color: #a5020c;
  border:1px solid #a5020c;
  margin-top:1rem;
  
}
.login-button:hover{
  background-color: #a5020da4;
}
.login-button:focus{
  background-color: #a5020da4;
}
.contact {
  padding: 2px 10px;
  background-color: #ffffff;
  border-radius: 12px;
  display:flex;
  flex-direction: column;
  margin:0 auto;
  /* max-width: 400px; */
  
}



.contact-us {
  display:flex;
  flex-direction: column;
  margin:0 auto;
  font-size: 20px;
  font-weight: 500;
  color:black;
}

.contact .description {
  
  font-size: 14px;
  text-align: left;
  color:rgba(80, 79, 79, 0.815);
}




  .cards_side .text
  {
      text-align: center;
      font-size: 0.6em;
      font-weight: 300;
  }
  .nav-customs
  {
      height:30px;

  }
  .nav-link i
  {
    color:white;
  }
 
  .dropup .nav-link
  {
    color:white;
  }
  .nav-bottom span 
  {
color:white;
  }



  
  @media (max-width: 640px) {
    .cards_side 
    { 
        grid-template-columns: repeat(3, 1fr); 
        margin-top: 0px;
        margin-left:40px;
      margin-right:10px;
      
      width:100%;

    }
.child_div{
  overflow:scroll;
    

}
    
  .search-main
  {
    display:block;
    text-align: center;
    justify-content: center;
  
  }


    .bottom
    {
      border:none;
      padding-top:8px;
      margin-left:20%;
      font-size: 1em;
    
    }
    
    .child_div
    {
        width:100vw;
        height:100vh;
        
        
    }
  
    
  }
  .heading
  {
    color:black;margin-top: 2%;
  }

@media screen and (max-device-width:319px)
{
  .scrollable-menu {
   
    max-width: 280px;
    
}
  #main > nav, #main > aside
  {
    display: none;
  }
  
   .input-box i {
     
    right: -8rem;
    top: -1rem;
    color: #ced4da;
    font-size:16px;

}
.input-box .selectize-input.items.not-full {
  border-radius: 50px;
  width: 200px;
  margin-left: 0.3rem;
}
}

@media screen and (max-device-width: 900px)   
{
  #vmap{
    display: none;
  }

  .search-main{
    display: none;
  }
  #mob-view{
    display: block;
  }
}
  @media screen and (min-device-width: 320px) and (max-device-width: 630px) 
  
  {
    .scrollable-menu {
   
      max-width: 300px;
      
  }
    
    .heading
    {
      margin-top: 25%;
    }

    #main > nav {
      -webkit-order: 0;
      order: 0;
      /* margin:0.5rem; */
      margin: 0 auto;
      display:none;
  }
   /* nav  .cards_side{
   margin-left:1rem;
} */

  #main > aside{
    -webkit-order: 0;
    order: 0;
    /* margin:1rem; */
    margin: 0 auto;
    display:none;
}
 /* aside .cards_side{
  margin-left:1rem;
} */
    .cards_side 
    { 
        /* grid-template-columns: repeat(3, 1fr);  */
        grid-template-columns: minmax(40px, 3) 1fr 1fr ;
        
       margin:0.4rem 0.5rem 0rem 0.5rem;
      

    }
    
    .child_div{
      overflow: scroll;
    }
    .input-box i {
     
      right: -7rem;
      top: 0px;
      color: #ced4da;
  
  }
    
.parent_div
{
 
padding: 0;
 
padding-bottom: 0px !important;
 
background-color: #1d34614b;

 

 

 


}
.fa {
  padding: 0px;
  font-size: 16px;
  width: 20px;
  text-align: center;
  text-decoration: none;
  margin: 8px 2px !important;
  float: left;
}

.bottom{
  width: 14rem;
  border: .1rem rgba(255, 0, 0, 0) solid !important;
  padding-top:15px;
}


      

    
  }

  
  

  .input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
   height:20%;
   margin-top:1.4%;
  }


  .icon {
    padding: 10px;
    background: dodgerblue;
    color: white;
    min-width: 5px;
    text-align: center;
  }
  
  .input-field {
    
    border:red;
    outline: none;
  }
  
  .input-field:focus {
    border: 2px solid black;
  }
 
 
.dropup {
  position: relative;
  display: inline-block;
}
.btn:focus {
  outline: none;
  box-shadow: none;
  }
  .form-control:focus {
    box-shadow: none;
    }
.dropup-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  bottom: 50px;
  z-index: 999;
  position:absolute;
}

.dropup-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  z-index: 2;
  position: relative;
}

.dropup-content a:hover {background-color: #ccc}

.dropup:hover .dropup-content {
  display: block;
}


.dropup:hover .dropbtn {
  background-color: #f8f5f5;
}
.alttext
{
  color: rgb(0, 0, 0);
  /* font-size: large; */
    flex: 1px 300px;
    text-align: center;
  
}



.column .dropdown
{
text-align:center;
justify-content:center;
}

/* Remove extra left and right margins, due to padding */
.row {
margin: 0 5px;}

/* Clear floats after the columns */
.row:after {
  
  display: block;
 
}

.card {
  
  padding: 4px;
  text-align: center;
  border:none;

}
nav .card 
{
  background-color: rgba(207, 195, 195, 0.795);
}

.booking-button
{
  color:white;
  background-color: #A5020C;
 border-radius: 20px ;
  padding:5px;
  border: 2px solid #A5020C;
}
.booking-button:hover
{
 background-color: white !important;
 color:#A5020C !important;
 border-radius: 2px solid #A5020C !important;
}
.btn:focus{
  outline: none;
  box-shadow: none;

}

.m-t-5{
  margin-top: 5px;   
}
.socialmedia  .fab
{
color:white;
font-weight: 400;
color:#A5020C;
}
/* .nav-item  {
  color:#A5020C;
} */
 .walk-help-clinic  i
{
  color:#A5020C;
  font-size: 16px;
}
.text-span 
{
  color:#A5020C;
  font-size: 1em;
  font-weight: 400;
   font-style: normal;  

}

#vmap .jvectormap-container .thcs_options{
  position: absolute;
  bottom: 10px;
  left:10px;
  width: 200px;
  max-height:80%;
  background: #e5e5e5;
  padding: 0px;
  overflow-x: auto;
}

#vmap .jvectormap-container .thcs_options h3{
  font-size: 15px;
    text-align: center;
    color: #1d3461;
    padding:5px;
}


#vmap .jvectormap-container .thcs_options ul li{
     background: #1d3461;
     margin:2px 0px;
}
#vmap .jvectormap-container .thcs_options ul li:hover{
     background: #a5020c;
    margin:2px 0px;
}

#vmap .jvectormap-container .thcs_options ul li a{
	color:#fff;
	text-decoration:none;
	padding: 5px 2px;
	width: 100%;
	display: block;
	font-size: 0.9em;
	text-align: center;
}

#vmap .jvectormap-container .thcs_options .selected{
	background-color:#a5020c;
}

p[data-f-id="pbf"]{
    display:none !important;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.menu-navigation .dropdown-menu {
  max-height: auto;
  overflow-y: auto;
    
}


.mobile-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  will-change: transform;
  transform: translateZ(0);
  display: flex;
  height: 50px;
  box-shadow: 0 -2px 5px -2px #333;
  background-color: #1D3461;
  color:rgba(255, 255, 255, 0.555);
}
.mobile-bottom-nav__item {
  flex-grow: 1;
  text-align: center;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color:white;
}
.mobile-bottom-nav__item a{
  color:white;
}
.mobile-bottom-nav__item-content i{
  text-align: center;
}
.mobile-bottom-nav__item--active {
  color: white;
  background-color: #A5020C;
}
.mobile-bottom-nav__item-content {
  display: flex;
  flex-direction: column;
}


.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropup {
  position: relative;
  display: inline-block;
}

.dropup-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1cc;
  min-width: 80px;
  bottom: 50px;
  z-index: 1;
  border-radius: 0.5rem;
}

.dropup-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropup-content a:hover {background-color: #ccc}

.dropup:hover .dropup-content {
  display: block;
}

.dropup:hover .dropbtn {
  background-color: #A5020C;
}
@media (max-width: 1170px){
  .navbar-expand-lg .navbar-nav .nav-link {
   
    font-size: 0.6rem;
}
}



.nav-item{
  position:relative;
  transition:all 0.3s ease-in-out !important;
}

.nav-item .my-sub-menu{

  display:none !important;
  background:#0f3561;
  width:220px !important;
  display:block;
  position:absolute;
  z-index:999;
  top:-80px;
  left:-10px;
  transition:all 0.3s ease-in-out !important;
}

.nav-item:hover .my-sub-menu{
  display:block !important;
}

.nav-item .my-sub-menu li{
  border-radius:0px !important;
}

.menu-navigation .departments a,
.menu-navigation .walk-help-clinic a{
 display:block;
 text-align:left;
 padding:4px 0px;
 font-size:16px;
}

.navbar-toggler{
 margin-bottom:10px
}