html{
	-webkit-overflow-scrolling: touch
}

.img-drag {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 400px;
	max-width: 100%;
	cursor: grab;
	display: flex;
	align-items: center;
	justify-content: center;
	touch-action: none; 
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate3d(1, 1, 1, 0.1deg);
}

.img-drag.horizontal {
	position: absolute;
	left:-20px;
	height: 50%;
}

.img-drag.middleright {
	position: absolute;
	right:-30px;
	width: 50%;
	height: 600px;
}

.img-drag.topright.coming-soon {
	position: absolute;
	top: -4em;
	right: -60px;
	width: 50%;
	height: 200px;
}

.img-drag.bottommiddle.coming-soon {
	position: absolute;
	bottom: -45%;
	height: 400px;
}

.img-drag.topleft {
	position: absolute;
	left:0;
	bottom:0;
	width: 75%;
	height: 550px;
}

.img-drag.bottommiddle {
	position: absolute;
	bottom:-40%;
	height: 400px;
}

.img-drag__inner{
	flex: none;
	--overflow: 100px;
	position: relative;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: calc(100% + var(--overflow));
	height: calc(100% + var(--overflow));
	will-change: transform;
	/*background-color: black;*/
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate3d(1, 1, 1, 0.1deg);
}

/*.content__zoom-area*/
.content__drag-area {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
.img-zoom {
	position: relative;
	overflow: hidden;
	/*width: 100%;
	height: 400px;
	max-width: 100%;
	cursor: pointer;*/  /*
	display: flex;
	align-items: center;
	justify-content: center;
	touch-action: none; 
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate3d(1, 1, 1, 0.1deg);
	align-items: stretch;
}

.img-zoom__inner {
	flex: none;
	--overflow: 0px;
	position: relative;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: calc(100% + var(--overflow));
	height: calc(100% + var(--overflow));
	will-change: transform;
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate3d(1, 1, 1, 0.1deg);
}
*/
/*
.category-page nav.fixed-top{
	display: none;
}
*/

body.loading{
	height: 100vh;
	display: flex;
	align-items: stretch;
	flex-direction: column;
    justify-content: space-between;

}

.category-page .search-form div[class^="col"]{
    padding-top: 0.5rem;
}


.category-page-mobile button[type="submit"]:last-of-type,
.tou-mobile button[type="submit"]:last-of-type{
	visibility: hidden;
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;
}

form[name="search-form"] div.form-group.has-white-lg button[type="submit"]{
	visibility: hidden;
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;
}



.glowtext {
  /*margin-left: 20px;
  margin-top: 20px;
  width: 50px;
  height: 0px;
  background: maroon;
  position: absolute;
  animation-name: example;
  animation-duration: 3s;
  animation-fill-mode: forwards;
	transform-origin: center;
  animation-delay: 0s;
	animation-fill-mode: both;
	display: inline-block;
	animation-delay: 0s;
	font-weight: bold;
	animation-fill-mode: both;
	*/

	font-weight: 400;
	animation-name: glow;
	animation-iteration-count: infinite;
    animation-duration: 1.5s;
	animation-direction:alternate;
	
}


@keyframes glow{
  from{text-shadow:0px 0px 5px #fff,0px 0px 5px #fff;}
  to{text-shadow:0px 0px 20px #fff,0px 0px 20px #fff;}
}

/*
@keyframes wobble { 
            0% { transform: translateX(0%); } 
            15% { transform: translateX(0%) rotate(-7deg); } 
            30% { transform: translateX(0%) rotate(5deg); } 
            45% { transform: translateX(0%) rotate(-5deg); } 
            60% { transform: translateX(0%) rotate(4deg); } 
            75% { transform: translateX(0%) rotate(-3deg); } 
            100% { transform: translateX(0%); } 
         }
@keyframes zoomtext {
  0%, 100% {
    
	  transform: scale(1);
	  
  }
  50% {
	  
    transform: scale(1.15);
	  
  }
}
*/

.zoom {
  transition: transform .5s ease;
}

.zoom:hover {
  -ms-transform: scale(1.15); /* IE 9 */
  -webkit-transform: scale(1.15); /* Safari 3-8 */
  transform: scale(1.15); 
}

/*zoom-small for buttons*/
.zoom-small {
  transition: transform .5s ease;
}

.zoom-small:hover {
  -ms-transform: scale(1.05); 
  -webkit-transform: scale(1.05);
  transform: scale(1.05); 
}

.category-page .card{
	align-items: stretch;
	flex-direction: column;
    justify-content: space-between;

}

.category-page .card-footer{
	position: relative;
	display: flex;
}

.modal .modal-dialog .modal-dialog-centered{
	
}

.category-page-mobile .modal.fade{
}

#myMap {
	/*position: relative;*/
    width: 100vw;
    height: 92vh;
    overflow-y: hidden;
    overflow-x: hidden;
    max-height: 92vh; /*cannot inherit*/
    cursor: grab;
}

.category-page-mobile #myMap{
	padding: 0;
	margin: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    overflow-y: hidden;
    cursor: grab;
}

.modal-dialog-full-width {
	width: 100%;
	height: auto;
	margin-top: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 2rem;
	max-width:100%;
}

.category-page-mobile .modal-dialog-full-width {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	max-width: 100%;
}

.modal-content-full-width  {
	/*position: absolute;
	display: flex;*/
	height: 92vh;
	min-height: 100%;
	border-radius: 0;
	background-color: #ececec !important 
}
.category-page-mobile .modal-content-full-width{
	height: 100vh;
	min-height: 100%;
	border-radius: 0;
	background-color: #ececec !important 
}

.modal-content-full-width .loading-screen {
	position: absolute;
	left: 50%;
	bottom: 30%;
	transform: translate(-50%, -50%);
	vertical-align: center;
	text-align: center;
	z-index: 1;
}


.category-page-mobile .modal-content-full-width .loading-screen {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	vertical-align: center;
	text-align: center;
	z-index: 1;
}


.modal-header-full-width  {
	border-bottom: 1px solid #9ea2a2 !important;
}

.modal-footer-full-width  {
	border-top: 1px solid #9ea2a2 !important;
}

.modal-content-full-width .close {
	position: absolute;
	top: -1.4rem;
	right: -1.0rem;
	z-index:1000;
	height: 32px;
	width: 32px;
	font-size: 19px;
	line-height: 32px;
	border-style: solid;
	border-color: black;
	border-width: 2px;
	opacity: 0.6;
	align-items: center;
}

.category-page-mobile .modal.fade button[name="map-close"].close{
	position: fixed;
	display: block;
	bottom: 0;
	z-index:102;
	height: 2em;
	width: 2em;
	/*background-color: blueviolet;*/
	color: white;
	border-width: 0px;
	font-size: 30px;
	line-height: 32px;
	opacity: 0.8;
	left: 50%;
	transform: translate(-50%, -50%);
}

.category-page-mobile .modal.fade button[name="procedures-close"].close{
	position: fixed;
	display: block;
	bottom: 0;
	z-index:104;
	height: 2em;
	width: 2em;
	/*background-color: blueviolet;*/
	color: white;
	border-width: 3px;
	border-style: solid;
	font-size: 30px;
	line-height: 32px;
	opacity: 0.8;
	left: 50%;
	transform: translate(-50%, -50%);
}

.modal-content-full-width .close:hover {
	opacity: 1;
}

.modal-content-full-width .modal-body {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
	border-radius: inherit;
}


.modal-body .category-page.hospital-map-list{
	position: relative;
	display: flex;
	margin: 1rem;
	margin-left: 1rem;
	height: 100%;
	/*backdrop-filter: blur(30px);
	background-color: whitesmoke;*/
	border-radius:3px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 101;
	justify-content: flex-end;
	
}

/*
.category-page-mobile .hospital-list-wrapper{
	position: fixed;
	bottom: 10%;
	height: fit-content;
	width: 100%;
	background-color: blue;
	display: flex;
	flex-direction: row;
    justify-content: space-between;
	z-index: 101;

}
*/

.category-page.hospital-sort-by{
	position:relative;
	margin-left: 2rem;
	margin-top: 1rem;
	padding-bottom: 0.5rem;
	display: flex;
	height:fit-content;
	width:100px;
	border-radius: 3px;
	z-index:101;
	justify-content: center;
}
/*
.category-page-mobile .hospital-sort-by{
	margin-left: 2rem;
	margin-top: 1rem;
	padding-bottom: 0.5rem;
	display: flex;
	height:100px;
	background-color: blue;
	border-radius: 3px;
	
	justify-content: center;
	position: fixed;
	top: 56%;
	right: 0;
	z-index: 101;
}*/

.category-page .nav-pills-wrapper{
	position: relative;
    align-items: stretch;
    text-align: center;
	justify-content: center;
}


.category-page-mobile .nav-pills-wrapper{
	position: fixed;
	display: flex;
	bottom: 10%;
	right: 2%;
    align-items: stretch;
    text-align: center;
	justify-content: center;
	z-index: 101;
	background-color: whitesmoke;
	padding-bottom: 0.25rem;
	width: 70px;
	max-width: 30%;
	border-radius: 7px;
}


.category-page .nav.nav-pills.nav-pills-icons{
	width: inherit;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.category-page-mobile .nav.nav-pills.nav-pills-icons{
	width: inherit;
	padding: 0px;
	margin-left: 0.3rem;
	margin-right: 0.3rem;
}

.category-page-mobile .nav.nav-pills.nav-pills-icons i{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.category-page .nav-pills .nav-item .nav-link{
    line-height: 1rem;
    padding: 0;
    min-width: 0px;
    font-size: 10px;
    padding: 5px 10px;
}

.category-page-mobile .nav-pills .nav-item .nav-link{
    line-height: 0.75rem;
    padding: 0;
    min-width: 0px;
    font-size: 10px;
    padding-bottom: 0.3rem;
    padding-left: 1px;
    padding-right: 1px;
}

.category-page .nav-link .material-icons{
	padding:10px;
}

/*this controls the size of the hospital tabs in the hospital list*/
.category-page .wrapper{
	position: relative;
	text-align: center;
	padding-right: 0rem;
	/*padding-left: 1rem;*/
	height: fit-content;
	min-width: 260px;
	max-width: 300px;
}

.category-page .wrapper>.row{
	/*border-color: blue;
	border-style: solid;
	border-width: 2px;*/
	position:relative; /*must-have for z-index to work*/
	border-radius: 8px;
	margin-left: 0px;
	cursor: pointer;
	margin-right:2.5%;
	margin-left:2.5%;
}

.category-page .wrapper>.row:not(:last-child){
	margin-bottom:0.5rem;
}

.category-page .hospital-info{
	text-align: left;
	padding-left:0;
	margin-top:0.3rem;
}

.category-page-mobile .hospital-info{
	text-align: center;
	line-height: 1.1rem;
	padding: 0;
	padding-right:0.2rem;
	margin-top:0.3rem;
}
.category-page-mobile .hospital-info>.row{
	margin: 0;
}

.category-page-mobile .hospital-info>span p{

}

.category-page .hospital-info .row .col-md-4{
	text-align: center;
	line-height: 15px;
	padding:0;
	padding-bottom: 5px;
}

.category-page-mobile .hospital-info .row .col-4{
	text-align: center;
	line-height: 15px;
	padding:0;
	padding-bottom: 0.3rem;
}


.hospital-info .rating,
.hospital-info .price {
	font-size: 20px;
	display: flex;
	flex-direction:column;
}

.category-page-mobile .hospital-info .price {
	font-size: 20px;
	display: flex;
	flex-direction:column;
}

.category-page-mobile .hospital-info .rating{
    font-size: 19px;
	display: flex;
	flex-direction:column;
}

.hospital-info .rating span,
.hospital-info .price span {
	position: relative;
	top:25%;
}

.category-page .distance{
	padding: 0px;
}

.category-page-mobile .distance{
	padding: 0px;
	padding-left: 0.55rem;
	word-wrap: break-word;
}

.category-page-mobile div[name="hospitalInstance"] .distance>span{
	display: inline-block;
	height: 49px;
}

.category-page .distance span>h2{
	line-height:12px;
}

.category-page-mobile div[name="hospitalInstance"] .distance span>h2{
	line-height:12px;
	/*font-size: xx-large;*/
	font-size: xx-large;
	/*height: fit-content;*/
}

.hospital-map-list .wrapper small{
	font-size: 12px;
	color: inherit;
}

.category-page-mobile .procedures-bg{
    z-index: 103;
    width: 100%;
    position: fixed;
    /*background-color: lightgreen;*/
    text-align: center;
	max-height: 100vh; /*for safari*/
	overflow-y: scroll; /*for safari*/
    /*height: fit-content;*/

    /* only transition on transform properties which are hardware accelerated = way better performances */
	-webkit-transition:-webkit-transform .3s ease;
       -moz-transition:   -moz-transform .3s ease;
        -ms-transition:    -ms-transform .3s ease;
            transition:        transform .3s ease;
}

.category-page-mobile .procedures-bg2{
    background-color: rgba(255,255,255,0.9);
    backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}


.category-page-mobile .procedures-wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.category-page-mobile .procedures-wrapper h4{
    padding-top: 2rem;
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.6rem;
}

.category-page-mobile .wrapper-fci{
    border-radius: 8px;
}
.category-page-mobile .wrapper-fci .contact-info h3{
    line-height: 2rem;
}
.category-page-mobile .wrapper-fci .row{
	margin: 0;
}
.category-page-mobile .wrapper-fci .row .col-4{
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	padding-bottom: 0.3rem;
	padding-top: 0.4rem;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.category-page-mobile .wrapper-fci .row .col-4.safety>img{
	width: 55%;
}
.category-page-mobile .wrapper-fci .row .col-4.price i{
	font-size: 1.6rem;
}
.category-page-mobile div[name="procedure-template"],
.category-page-mobile div[name="procedureInstance"] {
    border-radius: 8px;
}

.category-page-mobile div[name="procedure-template"]:nth-child(3),
.category-page-mobile div[name="procedureInstance"]:nth-child(4) {
    margin-top: 2rem;
}
.category-page-mobile div[name="procedure-template"]:not(:nth-child(3)),
.category-page-mobile div[name="procedureInstance"]:not(:nth-child(4)) {
    margin-top: 1rem;
}
.category-page-mobile div[name="procedure-template"] h4,
.category-page-mobile div[name="procedureInstance"] h4 {
    line-height: 2rem;
    font-size: x-large;
    padding-top: 1rem;
}
.category-page-mobile div[name="procedure-template"] .row,
.category-page-mobile div[name="procedureInstance"] .row{
	margin: 0;
}
.category-page-mobile div[name="procedure-template"] table,
.category-page-mobile div[name="procedureInstance"] table{
	width: 100%;
}
/*
.slider {
	overflow-y: hidden;
	max-height: 500px; 

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}


.closed{
	height: 0;
	
	max-height: 0;
    transition-property: all;
	transition-duration: 10s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.slider {
	overflow-y: scroll;
	/* complete liquid height based on the parent's height!! 
    height: 47vh;

    /* only transition on transform properties which are hardware accelerated = way better performances */
	/*-webkit-transition:-webkit-transform .3s ease;
       -moz-transition:   -moz-transform .3s ease;
        -ms-transition:    -ms-transform .3s ease;
            transition:        transform .3s ease;
}*/

.hosp-table-detail.opened,
.category-page-mobile .procedures-bg.opened{ 
    /* visible */
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
            transform: translate(0, 0%);
}
.hosp-table-detail.closed,
.category-page-mobile .procedures-bg.closed{ 
    /* completely offscreen */
    -webkit-transform: translate(0, 100%);
       -moz-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
}

#hosp-table-detail-wrapper.closed{
    -webkit-transform: translate(0, 43.5vh);
       -moz-transform: translate(0, 43.5vh);
        -ms-transform: translate(0, 43.5vh);
            transform: translate(0, 43.5vh);
}

#hosp-table-detail-wrapper.opened { 
    /* visible */
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
            transform: translate(0, 0%);
}

i.fas.fa-chevron-up.closed{
    -webkit-transform: translateY(-5%) rotate(0deg);
       -moz-transform: translateY(-5%) rotate(0deg);
        -ms-transform: translateY(-5%) rotate(0deg);
            transform: translateY(-5%) rotate(0deg);
}

i.fas.fa-chevron-up.opened{
	-webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}


i.fas.fa-chevron-up{
    font-size: 30px;
    -webkit-transition:-webkit-transform .3s ease;
       -moz-transition:   -moz-transform .3s ease;
        -ms-transition:    -ms-transform .3s ease;
            transition:        transform .3s ease;
}


/*
#show-hide.closed { 
    /* completely offscreen */
    /*position:absolute;
    bottom:0;
}
*/

/*
.accordion {
	width: 100%;
	bottom: 0;
	position: absolute;
	display:sticky;
}


.ui-accordion .ui-accordion-content{ overflow:visible !important; }
*/
#show-hide{
	/*float: right;
	padding-right:2.5em;
	text-align: right;*/
	border-width: 0;
	width: 100%;
	opacity:0.2;
	transition: 0.3s;
	cursor: pointer;
	position: relative;
	padding: 0;
	max-height: 30px; /*match the chevron height*/
	/*background-color: transparent;*/
	/*-webkit-transition:-webkit-transform .3s ease;
       -moz-transition:   -moz-transform .3s ease;
        -ms-transition:    -ms-transform .3s ease;
            transition:        transform .3s ease;*/
}


#show-hide:hover,
#show-hide.closed{
	opacity: 1;

}


/*section heading*/
#hosp-table-detail-wrapper{
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 46.5vh;
	max-height: 46.5vh;
	/*background-color:blue;*/
	-webkit-transition:-webkit-transform .3s ease;
       -moz-transition:   -moz-transform .3s ease;
        -ms-transition:    -ms-transform .3s ease;
            transition:        transform .3s ease;
    z-index:101; /*because map infobox z-index is 100*/
    cursor:auto;
}

.hosp-table-detail{
	width: 100%;
	height:fit-content;
	max-height: 44vh;
	position: relative;
	bottom: 0;
    overflow-y: scroll;

	align-items: center;
	padding: 0;
	display: flex;

	justify-content: space-evenly;
	/*background-color: white;*/
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px); /*for safari*/
	/*filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20'); */ /*for firefox, but blurs the whole thing*/
	/*z-index: 10100; over the bing icon and mile markers*/

	  /* only transition on transform properties which are hardware accelerated = way better performances */
	-webkit-transition:-webkit-transform .3s ease;
       -moz-transition:   -moz-transform .3s ease;
        -ms-transition:    -ms-transform .3s ease;
            transition:        transform .3s ease;
}

.hosp-table-detail .wrapper-fci{
	position: relative;
	height: fit-content;
	/*background-color: blue;*/
	max-width: 400px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	z-index: 1;
	padding: 1rem;
	/*border-radius: 12px;
	border-style: solid;
	border-color: green;*/
}

.wrapper-fci .fas.fa-directions{
	position: absolute;
	z-index: 10000;
	bottom: 0.5em;
	right: 0.5em;
	font-size: 4em;
	cursor: pointer;
}

.category-page-mobile .wrapper-fci .fas.fa-directions{
	position: unset;
	z-index: unset;
	bottom: unset;
	right: unset;
	font-size: unset;
	cursor: unset;
}

.hosp-table-detail .wrapper-fci .contact-info{
}

.hosp-table-detail .wrapper-fci .contact-info p{
	font-size: 17px;
}

.hosp-table-detail .wrapper-fci .contact-info a{
	line-height: 1em;
	display: block;
}

.hosp-table-detail .wrapper-fci .rating,
.hosp-table-detail .wrapper-fci .safety,
.hosp-table-detail .wrapper-fci .price{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.hosp-table-detail .wrapper-fci .price span{
	font-size: 35px;
	position: relative;
	top: -31%;
}

.hosp-table-detail .wrapper-fci .price small {
    position: relative;
    top:-10%;
    line-height: 19px;
}

.hosp-table-detail .wrapper-fci .rating small{
	position: relative;
	top:-20%;
}

.hosp-table-detail .wrapper-fci .rating .yelp-stars
 {
    position: relative;
    top:-25%;
}

.hosp-table-detail .table-detail{
	position: relative;
	background-color: white;
	border-collapse: collapse;
	z-index: 1;
	width: fit-content !important;
	max-width: 50vw;
	max-height: inherit;
	overflow-y: auto;
	overflow-x:hidden;

}

.table-detail td, 
.table-detail th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.category-page-mobile .table-detail td,
.category-page-mobile .table-detail th{
    border: none;
    border-top: 1px solid #dddddd;
}
.category-page-mobile div[name="procedure-template"] .table-detail th:first-child,
.category-page-mobile div[name="procedureInstance"] .table-detail th:first-child{
	border: none;
}
.category-page-mobile div[name="procedure-template"] .table-detail th:nth-child(2),
.category-page-mobile div[name="procedureInstance"] .table-detail th:nth-child(2){
	border: none;
}

/*
.table-detail tr:nth-child(even).row-green {
  background-color: rgba(28, 184, 180, 0.1);
}*/

.table-detail tr.row-green {
  background-color: rgba(28, 184, 180, 0.1);
}
.table-detail tr.row-yellow {
  background-color: rgba(255, 204, 51, 0.1);
}
.table-detail tr.row-red {
  background-color: rgba(233, 0, 29, 0.1);
}
.table-detail tr.row-blue {
  background-color: rgba(68, 78, 217, 0.1);;
}
.table-detail tr.row-purple {
  background-color: rgba(163, 82, 237, 0.1);
}
.table-detail tr.row-orange {
  background-color: rgba(245, 144, 3, 0.1);
}

.table-detail .form-check{
	margin-bottom: 0;
}

.hosp-table-detail .pdf-share,
.category-page-mobile .procedures-wrapper .pdf-share{
	position: relative;
	width: fit-content;
	max-width: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-bottom: 1%; /*to allow for zoom on hover of the pdf button*/
}

.category-page-mobile .procedures-wrapper .pdf-share{
    padding-bottom: 40%;
	margin-left: auto;
    margin-right: auto;
    align-items: center;
}

.category-page-mobile .pdf-share h3{
    padding-left:2rem;
    padding-right: 2rem;
    padding-top: 3rem;
    font-size: x-large;
}

.hosp-table-detail .pdf-share .export{
	border-radius: 12px;
	border-width: 5px;
	border-style: solid;
	border-color: white;
	/*color: #b30b00;*/
	padding: 1rem 1rem 0rem 1rem;
	background-color: transparent;
	cursor: pointer;
}

.category-page-mobile .procedures-wrapper .pdf-share .export{
	width: 60%;
	border-radius: 12px;
	border-width: 5px;
	border-style: solid;
	border-color: white;
	/*color: #b30b00;*/
	padding: 1rem 1rem 0rem 1rem;
	background-color: transparent;
	cursor: pointer;
	justify-content: center;
}

/*disabled*/
.category-page-mobile .procedures-wrapper .pdf-share .export.raised-selector-default{
	border-color: lightgray;
	color: white;
	cursor: not-allowed;
}

/*disabled*/
.hosp-table-detail .pdf-share .export.raised-selector-default{
	border-radius: 12px;
	border-width: 5px;
	border-style: solid;
	border-color: lightgray;
	color: white;
	padding: 1rem 1rem 0rem 1rem;
	background-color: transparent;
	cursor: not-allowed;
}

.category-page-mobile .procedures-wrapper .pdf-share .export .fas.fa-file-pdf{
	font-size: 150px;
}

.pdf-share>img{
	position: absolute;
	left: 50%;
	bottom: -4%;
	transform: translate(-50%, -50%);
}

.category-page-mobile .pdf-share>img{
	position: absolute;
	left: 50%;
	bottom: 24%;
	transform: translate(-50%, -50%);
}

.category-page-mobile .pdf-share .circle{
	position: absolute;
	left: 50%;
	bottom: 17%;
	transform: translate(-50%, -50%);
}
/*
.table-detail .form-check-sign{
	padding: 0;
}
*/
/*
.nav-tabs .nav-item .nav-link {
  color: #ffffff;
  border: 0;
  margin: 0;
  border-radius: 3px;
  line-height: 24px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 10px 15px;
  background-color: transparent;
  transition: 0.3s background-color 0s;
}*/
/*
.category-page .nav-link{
	font-size: 1rem;
	height: 10px;
	width: 10px;
}
*/

/*
.fas {
    transform: translateY(0%);
}
*/

.navbar.bg-blue .dropdown-item:hover,
.navbar.bg-blue .dropdown-item:focus {
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(68, 78, 217, 0.6);
  background-color: #5A62DD;
  color: #ffffff;
}

.navbar.bg-red .dropdown-item:hover,
.navbar.bg-red .dropdown-item:focus {
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 0, 29, 0.6);
  background-color: #ed2f3e;
  color: #ffffff;
}

.navbar.bg-green .dropdown-item:hover,
.navbar.bg-green .dropdown-item:focus {
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(28, 184, 180, 0.6);
  background-color: #1aaca9;
  color: #ffffff;
}

.navbar.bg-orange .dropdown-item:hover,
.navbar.bg-orange .dropdown-item:focus {
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(245, 144, 3, 0.6);
  background-color: #dc8103;
  color: #ffffff;
}

.navbar.bg-purple .dropdown-item:hover,
.navbar.bg-purple .dropdown-item:focus {
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(163, 82, 237, 0.6);
  background-color: #ae52ed;
  color: #ffffff;
}

.navbar.bg-yellow .dropdown-item:hover,
.navbar.bg-yellow .dropdown-item:focus {
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 204, 51, 0.6);
  background-color: #ffea00;
  color: black !important;
}


*[class^='raised-selector-default'], *[class*='raised-selector-default']{
    opacity:0.9;
    /*transition: opacity 0.1s;*/
}

*[class^='raised-selector-default']:hover, *[class*='raised-selector-default']:hover{
    opacity:1;
}

.raised-selector-default,
.nav-pills.nav-pills-default .nav-link.active  {
	color: black;
	background-color:whitesmoke;
	/* box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(68, 78, 217, 0.6); */
	box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}


.raised-selector-blue,
.nav-pills.nav-pills-blue .nav-link.active {
	color: white;
  background: linear-gradient(180deg, #5A62DD, #2832C2);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(68, 78, 217, 0.6);
}
.raised-selector-blue:active,
.nav-pills.nav-pills-blue .nav-link.active {
	color: white;
  background: linear-gradient(0deg, #5A62DD, #2832C2);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(68, 78, 217, 0.6);
}

.raised-selector-red,
.nav-pills.nav-pills-red .nav-link.active {
	color: white;
  background: linear-gradient(180deg, #ed2f3e, #b60017);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 0, 29, 0.6);
}
.raised-selector-red:active,
.nav-pills.nav-pills-red .nav-link.active {
	color: white;
  background: linear-gradient(0deg, #ed2f3e, #b60017);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 0, 29, 0.6);
}

/*
.raised-selector-red:hover {
  background: linear-gradient(60deg, #ed2f3e, #eb1828);
  opacity: 1;
}
*/

.raised-selector-green,
.nav-pills.nav-pills-green .nav-link.active{
		color: white;
  background: linear-gradient(180deg, #1aaca9, #158C89);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(28, 184, 180, 0.6);
}
.raised-selector-green:active{
  color: white;
  background: linear-gradient(0deg, #1aaca9, #158C89);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(28, 184, 180, 0.6);
}

.raised-selector-orange,
.nav-pills.nav-pills-orange .nav-link.active {
   color: white;
  background: linear-gradient(180deg, #dc8103, #c37202);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(245, 144, 3, 0.6);
}
.raised-selector-orange:active,
.nav-pills.nav-pills-orange .nav-link.active {
   color: white;
  background: linear-gradient(0deg, #dc8103, #c37202);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(245, 144, 3, 0.6);
}

.raised-selector-purple,
.nav-pills.nav-pills-purple .nav-link.active {
   color: white;
  background: linear-gradient(180deg, #ae52ed, #8A24E8);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(163, 82, 237, 0.6);
}
.raised-selector-purple:active,
.nav-pills.nav-pills-purple .nav-link.active {
   color: white;
  background: linear-gradient(0deg, #ae52ed, #8A24E8);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(163, 82, 237, 0.6);
}

.raised-selector-yellow,
.nav-pills.nav-pills-yellow .nav-link.active {
	color: black;
	background: linear-gradient(180deg, #ffea00, #FFBF00);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 204, 51, 0.6);
}
.raised-selector-yellow:active,
.nav-pills.nav-pills-yellow .nav-link.active {
	color: black;
	background: linear-gradient(0deg, #ffea00, #FFBF00);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 204, 51, 0.6);
}

input[name="zip"].has-danger {
  /*color: #f44336;*/
  color: #f3757f;
}


input[name="zip"].has-danger {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.section-contacts img{
	position: absolute;
	left: 50%;
	bottom: 10%;
	transform: translate(-50%, -50%);

}

.fade-in {
  animation: fadeIn 500ms;
  -webkit-animation: fadeIn 500ms;
  -moz-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  -ms-animation: fadeIn 0.5s;
  animation-fill-mode: forwards;
}

.fade-out {
  animation: fadeOut 500ms;
  -webkit-animation: fadeOut 500ms;
  -moz-animation: fadeOut 0.5s;
  -o-animation: fadeOut 0.5s;
  -ms-animation: fadeOut 0.5s;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}

@-moz-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}

@-webkit-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}

@-o-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}

@-ms-keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


.pdf-share .circle{
	position: absolute;
	left: 50%;
	bottom: -17%;
	transform: translate(-50%, -50%);
	margin-bottom: 3.5em;
	border: 6px solid rgba(0, 0, 0, 0.2);
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	width: 7em;
	height: 7em;
	border-color: #5cb85c;
}

.section-contacts .circle{
	position: absolute;
	left: 50%;
	bottom: 1.5%;
	transform: translate(-50%, -50%);
	 margin-bottom: 3.5em;
	 border: 6px solid rgba(0, 0, 0, 0.2);
	 display: inline-block;
	 vertical-align: top;
	 border-radius: 50%;
	 width: 7em;
	 height: 7em;
	 border-color: #5cb85c;
}

/*
.section-contacts .circle .checkmark {
	 display: none;
}
*/
.section-contacts .circle .checkmark.draw:after,
.pdf-share .circle .checkmark.draw:after {
	 animation-duration: 2s;
	 animation-timing-function: ease;
	 animation-name: checkmark;
	 transform: scaleX(-1) rotate(135deg);
}
.section-contacts .circle .checkmark:after,
.pdf-share .circle .checkmark:after {
	 opacity: 1;
	 height: 3.5em;
	 width: 1.75em;
	 transform-origin: left top;
	 border-right: 6px solid #5cb85c;
	 border-top: 6px solid #5cb85c;
	 content: '';
	 left: 1.2196969697em;
	 top: 3.5em;
	 position: absolute;
}
 
 @keyframes checkmark {
	 0% {
		 height: 0;
		 width: 0;
		 opacity: 1;
	}
	 20% {
		 height: 0;
		 width: 1.75em;
		 opacity: 1;
	}
	 40% {
		 height: 3.5em;
		 width: 1.75em;
		 opacity: 1;
	}
	 100% {
		 height: 3.5em;
		 width: 1.75em;
		 opacity: 1;
	}
}


.cookie-container>p {
  margin: 2em 0;
  line-height: 2;
  font-size: 1em
}


.cookie-container {
  font-family: "Roboto", sans-serif;
  text-align: left;
  padding: 32px;
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  background: #2f3640;
  color: #f5f6fa;
  padding: 0 32px;
  box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);

  transition: 400ms;
  z-index: 3;
}

.cookie-container.active {
  bottom: 0;
}

.cookie-container a {
  color: #f5f6fa;
}


.cookie-btn {
  background: #e84118;
  border: 0;
  color: #f5f6fa;
  padding: 12px 48px;
  font-size: 18px;
  margin-bottom: 16px;
  border-radius: 8px;
  cursor: pointer;
}

.category-page-mobile .row.pt-2 div.col-sm-12{
	width: 50%;
	left: 50%;
	transform: translate(-50%, 0%);
}

.category-page-mobile .page-header{
    margin-top: 20%;
    height: fit-content;
}

.category-page-mobile .page-header .row.pt-2 .form-group{
	width: 125px;
	margin-left: auto;
	margin-right: auto;
}

.category-page-mobile .section{
	padding: 8% 0;
}

.category-page-mobile form[name="search-form"]>div{
	
}

.landing-page .row.canvas{
	justify-content: center;

}

.category-page .section.text-center .loading-screen,
.landing-page.loading .section.text-center .loading-screen{
	position: relative;
    /*
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    */
	justify-content: center;
	/*left: 50%;
	transform: translate(-50%,0);*/
	vertical-align: center;
	text-align: center;
	z-index: 1;
}

.category-page .loading-screen h4,
.category-page .loading-screen h3{
    font-size: large;
	font-weight:500;
}
.category-page .loading-screen h4{
	color: white;
}

.category-page-mobile .section.text-center .loading-screen{
	position: relative;
	color: white;
	left: 50%;
	height: 80px;
	width: 80px;
	transform: translate(-50%,-35%);
	vertical-align: center;
	text-align: center;
	z-index: 1;
}

.category-page-mobile .section.text-center .loading-screen h4{
    font-size: large;
	font-weight:500;
}

.category-page-mobile .mobile-map{
    bottom: 0;
	position: absolute;
	width: 100%;
	height: 100vh;
	/*background-color:blue;*/
	-webkit-transition:-webkit-transform .2s ease;
       -moz-transition:   -moz-transform .2s ease;
        -ms-transition:    -ms-transform .2s ease;
            transition:        transform .2s ease;
    cursor:auto;
}


.category-page-mobile div[name="hosp-list-template"],
.category-page-mobile div[name="hospitalInstance"]{
    z-index: 101;
    position: fixed;
    width:220px;
   
    max-width: 68.5%;
    /*max-width: 220px;*/
    height: fit-content;
    bottom: 17%;
    left: 6%;
    border-radius: 3px;
    display: flex;
	justify-content: flex-end;
    /*
    
	border-radius:3px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 101;
	
	*/
}
/*
.category-page-mobile div[name="hosp-list-template"] .distance>span{
	display: inline-block;
	width: fit-content;
	height: fit-content;
}
*/
.material-icons-outlined {
	vertical-align: bottom;
}

.popup {
	position: absolute;
  display: flex;
  top: 20px;
  left: 20px;
	border: 2px solid #000;
	width: 220px;
	height: 250px;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	display: none;
}
.popup p {
  margin: 0 0 10px 0;
}
.popup-img {
  float: left;
  width: 75px;
	height: 75px;
  margin: 0 10px 10px 0;
}
.dismiss-popup-btn {
	position: absolute;
	top: 8px;
	right: 20px;
	width: 24px;
	height: 24px;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
	border: 1px solid #000;
	border-radius: 50%;
	background-color: #ffffe6;
}
.popup-content {
  padding-top: 30px;
  overflow-y: auto;
  padding: 20px;
}

.tou-mobile h1,
.tou-mobile h2,
.tou-mobile h3,{
	
}

.tou-mobile nav form[name="search-form"]{
    position: fixed;
    display: block;
    top: 0.55rem;
    right: 0;
    overflow-y: visible;
    z-index: 1032;
    margin-right: 0.5rem !important;
    padding-right: 0;
    padding-left: 0;
    visibility: visible;
    max-height: none !important;
    -webkit-transform: translate3d(222px, 0, 0);
    -moz-transform: translate3d(222px, 0, 0);
    -o-transform: translate3d(222px, 0, 0);
    -ms-transform: translate3d(222px, 0, 0);
    transform: translate3d(222px, 0, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }

/*
.tou-mobile span.sr-only{
	height:0px;
}


.tou-mobile span.search-toggler-icon {
	padding-top: 2px;
}
*/

.tou-mobile button.search-toggler{
	background-color: transparent;
	display: flex;
	align-items: center;
	border: none;
}

.tou-mobile .navbar .navbar-translate{
	width: 100%;
}

.search-open .tou-mobile .navbar-translate {
    -webkit-transform: translate3d(-100vw, 0, 0);
    -moz-transform: translate3d(-100vw, 0, 0);
    -o-transform: translate3d(-100vw, 0, 0);
    -ms-transform: translate3d(-100vw, 0, 0);
    transform: translate3d(-100vw, 0, 0);
  }
   .search-open .tou-mobile form[name="search-form"] {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }

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

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

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