/*#region [Bootstrap Custom] */
/* bootstrap override */
html {
    font-size: 16px;
}
#ms-designer-ribbon *,
.ms-dlgContent * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
@media (min-width: 1200px) {
    .container {
        width: 90%; 
    }
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #1e739f;
}
a {
    outline: 0;
}

a:focus {
	outline: 1px solid !important;
	outline-offset: .15em;
	border-bottom:0 !important;
	text-decoration:none !important;
}

.imglink {
	text-decoration: none !important;
	border-bottom: none !important;
}
.ms-core-listMenu-item:hover {
	text-decoration: underline !important;	
}

/* Overwrite bootstrap */
.btn-primary {
	background-color: #1B507F !important;
	color:#fff !important;
}

.tabs .nav > li {
	background-color: #F5F1F1 !important;
}
/* Overwrite bootstrap */

.btn-primary, .btn-success, .btn-default, .btn-warning, .btn-danger, .btn-info {
	border-radius: 0px !important;
    white-space: normal;
}

.btn-primary:hover, .btn-success:hover, .btn-default:hover, .btn-warning:hover, .btn-danger:hover, .btn-info:hover {
	text-decoration: underline !important;	
}
/* /bootstrap override */
/* Fix Bootstrap */
/* Centering Modals Vertically */

.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal-open {
	/*overflow: visible !important;*/
}
.modal-dialog {
	/*position: relative !important;*/
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal .modal-content { 
            padding: 20px 20px 20px 20px; 
            -webkit-animation-name: modal-animation; 
            -webkit-animation-duration: 0.5s; 
            animation-name: modal-animation; 
            animation-duration: 0.5s; 
        } 
/* Centering Modals Vertically */ 
/* Fix Bootstrap */

/* Extend Bootstrap Grid */
.col-xs-nopadding {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-halfpadding {
    padding-left: 7px;
    padding-right: 7px;
}
@media (max-width: 767px) { 
    .col-xs-nopadding-only {
        padding-left: 0;
        padding-right: 0;
    }
    .col-xs-halfpadding-only {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media (min-width: 768px) { 
    .col-sm-nopadding {
        padding-left: 0;
        padding-right: 0;
    }
    .col-sm-halfpadding {
        padding-left: 7px;
        padding-right: 7px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-nopadding-only {
        padding-left: 0;
        padding-right: 0;
    }
    .col-sm-halfpadding-only {
        padding-left: 7px;
        padding-right: 7px;
    }
}
@media (min-width: 992px) {
    .col-md-nopadding {
        padding-left: 0;
        padding-right: 0;
    }
    .col-md-halfpadding {
        padding-left: 7px;
        padding-right: 7px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-nopadding-only {
        padding-left: 0;
        padding-right: 0;
    }
    .col-md-halfpadding-only {
        padding-left: 7px;
        padding-right: 7px;
    }
}
@media (min-width: 1200px) {
    .col-lg-nopadding {
        padding-left: 0;
        padding-right: 0;
    }
    .col-lg-halfpadding {
        padding-left: 7px;
        padding-right: 7px;
    }
}
/* /Extend Bootstrap Grid */
/* Overwrite bootstrap dropdowns, list item fonts decoration - Apr. 4, 17 */
.dropdown-menu>li>a {
    text-decoration: none !important;
}

.btn {
    text-decoration: none !important;
	
}

a.btn {
    border-bottom: none !important;
	
}

.panel-primary > .panel-heading {
	background-color: #155388 !important;
}

/* Overwrite bootstrap dropdowns, list item fonts decoration - Apr. 4, 17 */

/*#endregion*/
/*#region [General styles] */
* {
    margin: 0;
    padding: 0;
}

form#aspnetForm > .ms-webpart-chrome.ms-webpart-chrome-fullWidth { /* hide UHNPageData Webparts */
	display:none;
}

body,
#s4-workspace {
    -webkit-overflow-scrolling: touch;
    font-family: tahoma, Arial, Helvetica, sans-serif !important;
    color: #000000 !important;
}
.ms-cellstyle.ms-vb2 img {
    width: 100px;
}
/* SharePoint's Warning message */
#pageStatusBar[class],
.ms-status-msg {
    margin-bottom: 0px;
}
#s4-workspace {
    overflow-x: hidden;
}
body.small {
    font-size: 0.8125em;
    line-height: 1.4em;
}
body.medium {
    font-size: 1em;
    line-height: 1.5em;
}
body.large {
    font-size: 1.2em;
    line-height: 1.6em;
}
#s4-bodyContainer h2,
#s4-bodyContainer h3,
#s4-bodyContainer h4 {
    font-family: Tahoma, Arial, Helvetica, sans-serif !important; 
}
/* Bootstrap Override */
.ms-webpart-menuLink {
    width: 16px;
    margin-top: 8px;
}
/*top level layout elements*/
#main-logo,
#main-header {
    position: relative;
}
#s4-bodyContainer {
    padding-bottom: 0;
}

/* responsive video container */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* /responsive video container */
.ms-commandLink.ms-promlink-button.ms-promlink-button-enabled.ms-verticalAlignMiddle,
.ms-commandLink.ms-promlink-button.ms-promlink-button-enabled {
    height: 21px;
    width: 21px;
    padding: 2px;
}
.wp-title-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*#endregion*/
/*#region [#main-eyebrowarea] */
#main-eyebrowarea .ms-webpart-chrome-title {
    display: none;
}

#temp-alert {
	position: relative;
	z-index: 100;
	display: none;
	background-color: #910000;
	/*text-shadow: 2px 4px 3px #333333;*/
}

@media (min-width:768px) {  
	#s4-bodyContainer > #main-eyebrowarea {
		height: auto;
	}
}
.skipButton {
	border: 1px solid #910000;
	padding: 5px;
	position: absolute;
	margin: auto;
	z-index: 10;   
}

#main-eyebrowarea .dropdown-menu > .visible-xs > a {
	color: #fff;
}	
#main-eyebrowarea-child {
	height:35px;
	/*margin: 0 4vw;*/
    margin:0px; /*  [Oct. 2019] */
	text-align: center;

}

@media (max-width: 767px) {   
  

	#main-eyebrowarea-child {
		height: 50px;
		margin-bottom: 20px;	
	}
	#main-eyebrowarea-child {
		text-align: left;
	}
	.navbar, #main-eyebrowarea-child {
		margin-bottom:0 !important;	
	}
	#main-eyebrowarea-child {
  		height: auto;  
	}

    .navbar-nav .open .dropdown-menu { /*  [Feb 2020] */
        padding: 2%;
        overflow: hidden;
    }
    .dropdown-menu .multi-column-dropdown li{
        padding-bottom: 2%;

    }
    span.fa-chevron-right{
        font-size: 0.8em;
    }
}


#main-eyebrowarea {
   /* height: 35px;*/
    height: auto; /*  [Oct. 2019] */
    color: #fff;
    background-color: #0d2241;
    text-align: right; 
}

/* [Oct. 2019] #topNavmenu {
       padding: 0;
}

.navbar {
	margin-bottom:0px !important;
	background:#0f2749 !important;
} [Oct. 2019] */

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    /*background-color: #0d2241 !important; [Oct. 2019]*/
	/*background-color: transparent; /*  [Oct. 2019] */
    background-color:#1e739f; /*  [Nov. 2019] */
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form,
.navbar-inverse,
.navbar-toggle {
   /* background-color: #0f2749 !important;*/
    background-color: #fff !important;/*  [Oct. 2019] */
}
.navbar-inverse .navbar-toggle .icon-bar {/*  [Oct. 2019] */
    background-color: #0f2749;
}
.navbar-brand {
    color: #ffffff !important;
}
.navbar-toggle {
    min-width: initial !important;
}
#uhn-home {
    display: inline-block;
    width: 25px;
    height: 23px;
    background: url(../img/home.png) no-repeat scroll;
    /*margin-top: -4px !important; [Oct 2019] */
}
/* a.home_btn { 
	left: -999px;
} [Oct. 2019] */

a.home_btn:focus { 
	left: 5px;
}

@media (min-width: 992px) {
    #uhn-home {
        /* margin-right: 40px !important; [Oct. 2019] */
		padding-right:10% !important;
    }
}


/* NEW GLOBAL NAV {Oct. 2019] */

@media (min-width: 768px) {  

	.top-menu-left{
        width: 35%
    }
    .top-menu-right{
        width: 65%
    }
    .top-menu-left ul.tab-menu{
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .top-menu-left ul.tab-menu > li{
        float: left;
        background-color: #fff;
        margin: 0 5px;
        border-bottom: 5px solid #006cb6;
        width: 100px;

    }
    .top-menu-left ul.tab-menu > li:hover{
        background-color: #006cb6;
    }
    .top-menu-left ul.tab-menu li:hover a:first-child{
        color: #fff;
    }
    .navbar-inverse .navbar-nav>li>a:link, .navbar-inverse .navbar-nav>li>a:visited {
       color: #0f2749; /* [Oct. 2019] */
    font-size: 1.3em; /* [Oct. 2019] */
    }   
     .navbar-inverse .navbar-nav>li>a:hover {
        color: #fff;
        
    }    

    .multi-column-dropdown {
		list-style: none;
		margin: 0px;
		padding: 0px;
    }
    .multi-column-dropdown li{
    /*padding: 7px 0;*/
		background-position: 0 5px;
		background-repeat: no-repeat;
		background-size: 7px 11px;
		padding: 0 0 0 1em;
		margin-bottom: .25em;

    }
    .multi-column-dropdown li a {
    	color: #0A5588!important ;
		font-size: 1.1em;
		white-space: normal;
    }
    
    .multi-column-dropdown li a:hover {
		display: block;
		clear: both;
		line-height: 1.428571429;
		color: #333;
		white-space: normal;
		text-decoration: underline;
       
    }
    .multi-column-dropdown li a span.fas.fa-chevron-right{
        font-size: 0.8em;
    }

    .dropdown-menu{
		width: 100%;
		padding: 3% 6%;
		box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.2);
		z-index: 2000;
        top: 93%;
        border-radius: 0;
    }	
	.dropdown-menu p{
        white-space: normal;
    }
    .dropdown-menu div:first-child:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    position: absolute;
    right: -1%;
    top: 0;
    bottom: 0;
    }
   .dropdown-menu p.dropdown-title{
    font-size: 1.6em;
   }
	.full-width.dropdown {
		position: static;
	}
	.full-width.dropdown > .dropdown-menu {
		left: 0;
		right: 0;
		position: absolute;
		/*transition: all .55s ease .1s;*/
		visibility: hidden;
		opacity: 0;
	}
	.full-width.dropdown > .dropdown-menu > li > a {
	   white-space: normal; 
	}

/*@media (min-width: 768px) {
    /* Bootstrap Override : Menu Hover for large Devices */
    nav.navbar {
        border-radius: 0;
		width: 100%; /* [Oct. 2019] */
    }
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .nav > li > a:hover,
    .nav > li > a:focus {
        background-color: transparent;
    }
    /* /Bootstrap Override : Menu Hover for large Devices */
    .navbar {
        min-height: 35px !important;
		margin-bottom:0px !important;
		background: #eee /*#0f2749 [Oct. 2019] */ !important;
		border: none; /* [Oct. 2019] */
    }
    .navbar .container-fluid {
        padding: 0;
    }
    .navbar .navbar-collapse {
        display: inline-block !important;
    }
    #top-navbar-1, #top-navbar-2 /* [Oct. 2019] */ {
        padding: 0;
    }

	
	/* [Oct. 2019]# */ .topNavmenu {
		/* font-family: verdana, arial !important; [Oct. 2019] */
        padding: 0;
        display: inline-block;
        list-style: none;
        white-space: nowrap;
        z-index: 5;
    }
    /* [Oct. 2019]# */ .topNavmenu li {
		font-size:0.9em !important;
		letter-spacing:normal !important;
		/* [Oct. 2019] margin:5px 2px 1px 0px !important;*/
		color:#0f2749;
    }
	
	.top-menu-right > .topNavmenu li {
		margin-right: 10px;
		margin-left: 10px;
	}	

    .navbar .dropdown-menu{
        display: block;
    }
	#top-navbar-2 .topNavmenu  li > a {

	border-bottom: 2px solid #eee;
	padding:15px 17px;
		
    }
      #top-navbar-2 .topNavmenu li a:hover {
        color: #000;
        text-decoration: none;
        border-bottom: 4px solid #006cb6;
    }
    
	.topNavmenu a:focus {
        color: #fff;
        text-decoration: none;
		background: #eee; /* [Feb. 2020] */
		border: thindotted #fff;
    }

	.topNavmenu a:active {
        color: #fff;
        text-decoration: none;
		/*background: #CBB777;*//* [Oct. 2019] */
    }

   /* #top-navbar-2 .topNavmenu .multi-column-dropdown a{
        color: #0A5588;
            font-size: 1.1em;
    }
*/
    .topNavmenu ul {
        
        background: #fff;
        list-style: none;
        /*position: absolute;*/
        left: -9999px;
       /* border: 1px solid #bbb;*/
        font-family: Verdana, Helvetica, Arial, sans-serif;
        letter-spacing: 1px;
        text-align: left;
        /*width: 230px;*/
     
    }
    .topNavmenu ul li {
        float: none;
        margin-top: 4%;
    }
    
	.topNavmenu > li > .dropdown-menu {
		font-family: verdana, arial !important;
		font-size: 1.2em !important;
        letter-spacing: normal;
	}
	
	
	.topNavmenu ul a {
        padding:0px 8px 0px 6px !important;
		border-bottom:0 !important;
		letter-spacing:normal !important;
    }

    
    .topNavmenu ul .multi-column-dropdown a{/* [Oct. 2019] */
        display: inline-block;
        text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
    padding: 0px!important;
    margin-left: 6px;
    }
	.topNavmenu ul .multi-column-dropdown a:hover {/* [Oct. 2019] */
        background-size: 100% 1px;
		color:#0f2749!important;
       
        line-height: inherit;
	}

	.topNavmenu li.full-width:hover ul.dropdown-menu {
        
       left: 0;
        line-height: 20px;
        font-size: 14px;
       display: block;
        visibility: visible;
        opacity: 1;
        transition: all 0.1s ease .0s;
        
    }
    .topNavmenu li:hover a {
        text-decoration: none;
    }
    

    .topNavmenu li:hover ul a {
        text-decoration: none;
        border-bottom: dotted 1px #F2F2F2;
        letter-spacing: 1px;
    }
   /* .topNavmenu li:hover ul li a:hover {
        background: #1e739f;
        text-decoration: none;
    }*/
    .topNavmenu .textResizer {
        display:none;

    }
    .topNavmenu .pad2 {
        display:none;
    }
	/* [Oct. 2019] */

	
    .navbar-logo {
        display: none !important;
    }
    #top-navbar-1, #top-navbar-2 {
        top: 0;
    	background-color:transparent !important;
		width:auto;/* [MN Oct. 2018] */
	}





}
 	
/* NEW GLOBAL NAV {Oct. 2019] */

@media (max-width:768px){  
	
	#top-navbar-1, #top-navbar-2 {
		display:block;
	}	
	
	/*.top-navbar-1 {
		display:block;
	} {Oct.2019] */
	
	#topNavmenu li:nth-child(1) {
		padding:0 10px;
	}
	#topNavmenu li {
		margin:5px 0px 1px 0px !important;
	}
	#main-eyebrowarea-child {
		margin:0;
	}
}
 	

/* TopNav Mobile slide-down */
@media (max-width: 767px) {  
    #main-eyebrowarea {
        height: 50px;
        margin-bottom: 20px;
		/*text-align: center; [Oct. 2019] */
    }
    
	.navbar {
        z-index: 99;
		background:#0f2749 !important;
    }
	
	#top-navbar-1, #top-navbar-2 {
		background-color:#fff !important;
		width:100%;
	}
	
    .navbar-inverse .navbar-nav>li{
         margin: 2px 0;
    }
     .navbar-inverse .navbar-nav>li>a{
        color: #0f2749;
    font-size: 1.4em;
    line-height: 1.5;
    background-color: #f4f4f4;
     }
    .ms-rtestate-field h3,
    .ms-rtestate-field p {
        padding-right: 10px;
    }
    /* TopNav Logo in Bar */
    .navbar-brand,
    #main-logoarea #main-logo {
        display: none !important;
    }
    .navbar-header {
        position: relative;
        display: table;
    }
    .navbar-logo {
        visibility: visible !important;
        /*padding: 10px;*/
        padding: 10px 40px;/* [Oct. 2019] */
        display: table-cell!important;/* [Oct. 2019] */
        width: 100%;
    }
    .navbar-button {
        display: table-cell;
        vertical-align: middle;
    }
    .navbar-button button {
        padding-bottom: 18px;
    }
    .navbar-labelmenu {
        font-size: 9px;
        position: absolute;
            color: #0f2749;/* [Oct. 2019] */
    }
    #main-eyebrowarea {
        text-align: left;
    }
    .navbar,
    #main-eyebrowarea {
        margin-bottom: 0;
    }
    #main-eyebrowarea {
        height: auto;
    }
    /* /TopNav Logo in Bar */
    .navbar-header {
        background-color: #0f2749 !important;
        background-color: #fff!important;/* [Oct. 2019] */
    }
    #top-navbar-1, #top-navbar-2 /* [Oct. 2019] */ {
        position: absolute;
        z-index: -1;
        width: 100%;
        display: block;
		left: 0px;/* [Oct. 2019] */
            border: none; /* [Oct. 2019] */
    }
    #top-navbar-1, #top-navbar-2{ /* [FEb 2020] */
        width: 107%;
        left: -15px;
    }
    .navbar-right .collapse{
        top:160px;/* [Nov. 2019] */
    }
    .navbar-right .top-navbar-mobile{
        top:335px;/* [Nov. 2019] */
    }
    .navbar.navbar-inverse {
        border: none;
    }
    .on-scrn {
        -webkit-transform: translateY(0px) !important;
        transform: translateY(0px) !important;
    }
    .navbar-transition {
        -webkit-transition: transform 0.5s ease-out;
        transition: transform 0.5s ease-out;
    }
    /* Menu Button Burger to X */
	.navbar-toggle .icon-bar {
	  -webkit-transition: all 0.2s ease;	   
	    transition: all 0.2s ease;
	  -webkit-transform-origin: right bottom 0; 	  
	    transform-origin: right bottom 0;
	}
	.navbar-toggle:not(.collapsed) :nth-last-child(4),
	.navbar-toggle.on-scrn :nth-last-child(4)	{
	  -webkit-transform: translateY(-2px) translateX(-3px) rotate(-45deg);	   
	    transform: translateY(-2.4px) translateX(-3px) rotate(-45deg);
	}
	.navbar-toggle:not(.collapsed) :nth-last-child(3),
	.navbar-toggle.on-scrn :nth-last-child(3)	{	
	  -webkit-transition: none; 	 
	  transition: none;
	  visibility: hidden;
	}
	.navbar-toggle:not(.collapsed) :nth-last-child(2),
	.navbar-toggle.on-scrn :nth-last-child(2)	{
	  -webkit-transform: translateY(1px) translateX(-3.8px) rotate(45deg);
	  transform: translateY(1px) translateX(-3.8px) rotate(45deg);
	}
    /* /Menu Button Burger to X */
}

/*****GLOBAL NAV *******//* [NOV. 2019] #*/
@media (min-width: 768px) and (max-width: 1052px) { 
    .nav>li>a {
        padding: 15px 0px;
    }
    .navbar-inverse .navbar-nav>li>a:link, .navbar-inverse .navbar-nav>li>a:visited {    
    font-size: 1em;
    }
    .top-menu-left {
    width: 30%;
    }
    .top-menu-left ul.tab-menu > li {
        width: 60px;
    }
    .top-menu-right {
    width: 70%;
    }
    #top-navbar-2 .topNavmenu li > a {    
    padding: 16px 5px;
    }

}
@media (min-width:1053px) and (max-width: 1200px) { 
    
    .navbar-inverse .navbar-nav>li>a:link, .navbar-inverse .navbar-nav>li>a:visited {    
    font-size: 1.2em;
    }
    .top-menu-left {
    width: 40%;
    }
    .top-menu-right {
    width: 60%;
    }
    .top-menu-left ul.tab-menu > li {
        width: 85px;
    }
    #top-navbar-2 .topNavmenu li > a {    
    padding: 16px 8px;
    }

}
@media (min-width:1201px) and (max-width: 1300px) { 
 .top-menu-left {
    width: 34%;
    }
    .top-menu-right {
    width: 66%;
    }
    .top-menu-left ul.tab-menu > li {
        width: 88px;
    }
    .navbar-inverse .navbar-nav>li>a:link, .navbar-inverse .navbar-nav>li>a:visited {    
    font-size: 1.2em;
    }
    #top-navbar-2 .topNavmenu li > a {    
    padding: 16px 14px;
    }


}
@media (min-width:1301px) and (max-width: 1401px) { 
    .top-menu-left {
    width: 35%;
    }
    .top-menu-right {
    width: 65%;
    }
    #top-navbar-2 .topNavmenu li > a {    
    padding: 16px 13px;
    }

}
/* /TopNav Mobile slide-down */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome,
    /* [Oct. 2019] #*/ .topNavmenu li {
        /*letter-spacing: -0.09em;*/
        /* Safari Letter Spacing Fix */
    }
    @media (min-width: 768px) {/*min-width: 768px*/
        .topNavmenu li {
            letter-spacing: 0em;
            /* Chrome Letter Spacing Fix */
        }
    }
}
/* SP corev15.css override - Top Nav Menu buttom */
#main-eyebrowarea input[type=button],
#main-eyebrowarea input[type=reset],
#main-eyebrowarea input[type=submit],
#main-eyebrowarea button {
    min-width: 24px !important;
}
/* /SP corev15.css override - Top Nav Menu buttom */
/*#endregion*/

/*#region [#main-logoarea] */

/* [increases height and margin: MN OCT 2019] */		
#main-logoarea.container {		
	height: 80px;		
	margin: 25px auto; 		
	width: 90%;		
}		
/* [increases height and margin: MN] */
#main-logoarea {
    background-color: #fff;
}
#main-logo {
    height: 75px;
}
#logo {
    /*position: absolute;*/ /*[CV FEb 2020] */ 
    padding: 10px 0;
    background-color: transparent;
}
/* myUHN Patient portal */
.patientportal-sm {
    width: 85px;
    float: right;
    padding: 10px 0 0 5px;
}
.patientportal-sm:hover svg {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
    filter: brightness(110%);
}
.patientportal-sm:active svg {
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}
/* /myUHN Patient portal */
/* Main-Search */
.main-srchbox .ms-webpart-chrome.ms-webpart-chrome-fullWidth {
    overflow: hidden;
    width: auto;
    min-width: initial;
}
@media all and (-ms-high-contrast: none) {
    .main-srchbox .ms-webpart-chrome.ms-webpart-chrome-fullWidth {
        min-width: auto;
    }
    /* IE10 */
    *::-ms-backdrop,
    .main-srchbox .ms-webpart-chrome.ms-webpart-chrome-fullWidth {
        min-width: auto;
    }
    /* IE11 */
}
.ms-srch-sb-searchImg {
    display: none;
}
.search-large .ms-srch-sb-searchLink:after {    
    content: '';
    background: url('/_catalogs/masterpage/UHN/img/icons/search-128.png');
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display: block;
    margin: 8px auto 0;
    -ms-interpolation-mode: bicubic;
}
.search-large {
    margin: 10px auto 10px auto;
    border-radius: 10px;
    padding: 10px 0;
    margin: 0;
    border: none !important;
    display: table;
}
.search-large,
.search-large .search-input {
    width: 100%;
}
.search-large .search-input,
.search-large .search-button {
    display: table-cell;
}
/* /Search Input */
.search-large .search-input input {
    height: 20px;
    width: 100%;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    height: 40px;
    border-right: none;
    border: 0.066em solid rgb(163, 163, 163);
    font-style: italic;
}
.search-large .search-input input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
}
.search-large .search-input input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.search-large .search-input input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.search-large .search-input input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
/* /Search Input */
/* Search button */
.search-large .search-button a {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0 0 0 0;
    cursor: pointer;
    height: 40px;
    width: 85px;
    width: 50px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 1px rgba(150, 41, 41, 1) inset, 0 1px 0 rgba(255, 255, 255, .2);
    border-left: none;
    text-decoration: none;
}
.search-large .search-button a:hover {
    background: #e54040;
}
.search-large .search-button a:active,
.search-large .search-button a:focus {
    background: #c42f2f;
    outline: 0;
}
.search-large .search-button a:before {
    /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;
}
.search-large .search-button a:hover:before {
    border-right-color: #e54040;
}
.search-large .search-button a:focus:before,
.search-large .search-button a:active:before {
    border-right-color: #c42f2f;
}
.search-large .search-button a::-moz-focus-inner {
    /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}
/* /Search button */
.search-large:before,
.search-large:after {
    content: "";
    display: table;
}
.search-large:after {
    clear: both;
}
.search-large {
    zoom: 1;
}
.search-large #AutoCompContainer {
    display: none;
}
@media (max-width: 767px) { 
    .mainnav-wrapper {
        border-top: 1px solid #263C5A;
    }
}
@media (min-width:768px) { 
    .main-srchbox {
        margin-top: 20px /*6px [Oct. 2019] */; 
    }
}
/* /Main-Search */
@media(max-width: 767px) { 
    #logo {
        padding-top: 0
    }
    #main-logo {
        height: 75px 
    }
}
/*#endregion*/
/*#region [#main-bannerarea] */
#main-bannerarea {
    background-color: #0D2241;
}
.main-banner {
    text-align: center;
}
.large-banner,
.small-banner {
    position: relative;
    margin: 0 auto -5px auto;
    display: inline-block;
}
.large-banner a {
    display: block;
    position: absolute;
    z-index: 22;
    top: 0;
    right: 17px;
}
.small-banner a {
    position: absolute;
    top: 0px;
    right: 15px;
}
@media (max-width: 767px) { 
    .small-banner {
        display: inline-block !important;
    }
}
/*#endregion*/
/*#region [#main-navarea] */
#main-navarea {
    height: 59px;
    background: url(../img/menu/bg_main_nav.png) repeat-x;
}
/* --- Term Store Menu --- */
/* navigation : static */
#main-nav {
    margin: 0 auto;
    text-align: center;
}

@media (min-width: 767px) { 
    div[id$=TopNavigationMenu] {
		width: 100%;
		
	}
	#main-nav ul.static {
		width: 100%;
		padding-left: 11% !important;
	}
	#main-nav li.static {
		width: 22%;
	}
}


@media (min-width: 768px) and (max-width: 950px) {
	#main-nav a.static .ms-navedit-flyoutArrow .menu-item-text {
		font-size: 11px !important;
	}
}

#main-nav li.static {
    background-color: transparent !important;
    height: 59px;
}
#main-nav ul.static,
#main-nav li.static {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
#main-nav li.static {
    display:none;     
}
#main-nav li.static.mypatients,
#main-nav li.static.myhealth,
#main-nav li.static.myresearch,
#main-nav li.static.myeducation {
    display:block;    
}
#global-l,
#global-r {
    height: 60px;
    width: 0px; 
}

/* Navigation Background images */
li.static.mypatients {
    background: url('../img/menu/icon-nav-normal.png');
}
li.static.selected.mypatients,
li.static.mypatients:hover {
    cursor: pointer;
    background: url('../img/menu/icon-nav-active.png');
}
li.static.mypatients a.static .menu-item-icon {
    background-image: url('../img/menu/icon-patients.png');
}
li.static.selected.mypatients a.static .menu-item-icon,
li.static.mypatients:hover a.static .menu-item-icon {
    background-image: url('../img/menu/icon-patients-active.png');
}
li.static.myhealth {
    background: url('../img/menu/icon-nav-normal.png');
}
li.static.selected.myhealth,
li.static.myhealth:hover {
    cursor: pointer;
    background: url('../img/menu/icon-nav-active.png');
}
li.static.myhealth a.static .menu-item-icon {
    background-image: url('../img/menu/icon-health.png');
}
li.static.selected.myhealth a.static .menu-item-icon,
li.static.myhealth:hover a.static .menu-item-icon {
    background-image: url('../img/menu/icon-health-active.png');
}
li.static.myresearch {
    background: url('../img/menu/icon-nav-normal.png');
}
li.static.selected.myresearch,
li.static.myresearch:hover {
    cursor: pointer;
    background: url('../img/menu/icon-nav-active.png');
}
li.static.myresearch a.static .menu-item-icon {
    background-image: url('../img/menu/icon-research.png');
}
li.static.selected.myresearch a.static .menu-item-icon,
li.static.myresearch:hover a.static .menu-item-icon {
    background-image: url('../img/menu/icon-research-active.png');
}
li.static.myeducation {
    background: url('../img/menu/icon-nav-normal.png');
}
li.static.selected.myeducation,
li.static.myeducation:hover {
    cursor: pointer;
    background: url('../img/menu/icon-nav-active.png');
}
li.static.myeducation a.static .menu-item-icon {
    background-image: url('../img/menu/icon-education.png');
}
li.static.selected.myeducation a.static .menu-item-icon,
li.static.myeducation:hover a.static .menu-item-icon {
    background-image: url('../img/menu/icon-education-active.png');
}
li.static.mypatients:before,
li.static.myhealth:before,
li.static.myresearch:before,
li.static.myeducation:before {
    content: url('../img/menu/icon-nav-separator.png');
    position: absolute;
    left: 0;
}
li.static.myeducation:after {
    content: url('../img/menu/icon-nav-separator.png');
    position: absolute;
    right: 0;
    top: 0;
}
/* /Navigation Background images */
/*--- Responsive xs, sm, md, & lg Main Navigation ---*/
.ms-core-listMenu-horizontalBox {
    display: block;
}
/* overwrite SP default Styles */
li.static.ms-listMenu-editLink {
    display: none;
}
/* hide SharePoint edit control */
div[id$=TopNavigationMenu] a.static {
    position: initial;
    display: block;
    margin: 0;
    width: 100%;
}
#main-nav li.static a.static .menu-item-icon {
    display: block;
    visibility: visible;
    height: 35px;
    width: 47px;
    margin: 7px auto 0 auto;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#main-nav li.static a.static .ms-navedit-flyoutArrow {
    visibility: hidden;
}
#main-nav li.static:hover a.static .ms-navedit-flyoutArrow {
    background-repeat: no-repeat;
}
#main-nav a.static .ms-navedit-flyoutArrow .menu-item-text {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #004A83;
    font-weight: 600;
    font-size: 13.5px;
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    text-align: center;
    visibility: visible;
}
@media (max-width: 379px) {
    #main-nav a.static .ms-navedit-flyoutArrow .menu-item-text {
        font-size: 11px !important;
    }
}
@media (max-width: 767px) { 
    #main-navarea {
        height: 118px;
    }
    div[id$=TopNavigationMenu] {
        display: block;
    }
    div[id$=TopNavigationMenu] ul.static {
        width: 100%;
    }
    div[id$=TopNavigationMenu] li.static {
        width: 50%;
    }
    #main-nav a.static .ms-navedit-flyoutArrow .menu-item-text {
        font-size: 12px;
    }
    li.static.myhealth:after {
        content: url('../img/menu/icon-nav-separator.png');
        position: absolute;
        right: 0;
        top: 0;
    }
}


@media (min-width: 1199px) {
    #main-nav li#global-l,
    #main-nav li#global-r {
        width: 0px;
    }
}

/*--- /Responsive xs, sm, md, & lg Main Navigation ---*/
/** @media-Fixes **/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    /* IE10 */
    .nav-l {
        float: left !important;
        margin-right: 0px !important;
    }
}
@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    /* [Oct. 2019] #*/ .topNavmenu li {
        font-size: 8.62pt;
    }
    a.static .ms-navedit-flyoutArrow .menu-item-text {
        font-size: 13px;
        font-size: 10.12pt;
    }
}
/** /@media-Fixes **/
/* /navigation : static */
/* fly-out Menu : dynamic */
li.dynamic.nav-l,
li.dynamic.nav-r {
    height: 80px;
    width: 20px;
}
li.dynamic.nav-l {
    background: url('../img/menu/nav-l.png') no-repeat;
}
li.dynamic.nav-r {
    background: url('../img/menu/nav-r.png') no-repeat;
}
ul.dynamic {
    top: 49px;
    background: rgba(0, 0, 0, 0);
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
    zoom: 1;
    box-shadow: none;
    border: none;
    list-style: none;
    padding: 10px 0;
}
li.dynamic {
    background: url('../img/menu/nav-b.png') repeat-x;
    width: 140px;
    height: 80px;
    float: left;
    display: table;
}
li[class=dynamic]:after {
    content: url('../img/menu/nav-s.png');
    position: absolute;
    margin-top: 14px;
}
li[class=dynamic]:nth-last-child(2):after {
    content: none;
}
div[id$=TopNavigationMenu] a.dynamic {
    font-size: 12px;
    color: #f5f5dc;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px 10px 5px;
}
@media (max-width: 991px) {
    li.dynamic.nav-l,
    li.dynamic.nav-r {
        width: 100%;
    }
    li.dynamic.nav-l {
        background: url('../img/menu/nav-item.png') no-repeat;
        height: 10px;
    }
    li.dynamic.nav-r {
        background: url('../img/menu/nav-bottom.png') no-repeat;
        height: 22px;
    }
    ul.dynamic {
        top: 59px;
        width: 300px;
        padding: 0;
        text-align: left;
    }
    li.dynamic {
        background: url('../img/menu/nav-item.png');
        width: 100%;
        height: 40px;
    }
    div[id$=TopNavigationMenu] a.dynamic {
        padding-bottom: 0;
    }
    ul.dynamic .menu-item-text {
        padding-left: 20px;
    }
    ul.dynamic .menu-item-text:before {
        content: url('../img/menu/nav-s.png');
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
    }
    li[class=dynamic]:after {
        content: none;
        position: initial;
    }
}
ul.mainnav-vertical li.dynamic.nav-l,
ul.mainnav-vertical li.dynamic.nav-r {
    width: 100%;
}
ul.mainnav-vertical li.dynamic.nav-l {
    background: url('../img/menu/nav-item.png') no-repeat;
    height: 10px;
}
ul.mainnav-vertical li.dynamic.nav-r {
    background: url('../img/menu/nav-bottom.png') no-repeat;
    height: 22px;
}
ul.mainnav-vertical.dynamic {
    top: 59px;
    width: 300px;
    padding: 0;
    text-align: left;
}
ul.mainnav-vertical li.dynamic {
    background: url('../img/menu/nav-item.png');
    width: 100%;
    height: 40px;
}
div[id$=TopNavigationMenu] ul.mainnav-vertical a.dynamic {
    padding-bottom: 0;
}
ul.mainnav-vertical.dynamic .menu-item-text {
    padding-left: 20px;
}
ul.mainnav-vertical.dynamic .menu-item-text:before {
    content: url('../img/menu/nav-s.png');
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
ul.mainnav-vertical li[class=dynamic]:after {
    content: none;
    position: initial;
}
/* /fly-out Menu : dynamic */
/* Current Site Nav */
#sec-nav {
    background-color: rgb(230, 230, 230);
}
#sec-nav .wrapper {
    padding-right: 7px;
    padding-left: 7px;
}
#sec-nav ul {
    margin-bottom: 0;
}
#sec-nav li.copy {
    list-style: none;
    height: 36px;
    position: relative;
    margin: 5px 10px;
    display: table;
    float: left;
    min-width: 100px;
    max-width: 200px;
    text-align: center;
}
#sec-nav li.copy a {
    /*line-height:30px;*/
    color: #353434 !important;
	display: table-cell;
    vertical-align: middle;
}

#sec-nav li.copy:before {
    content: url('../img/menu/sub-nav-seperator.png');
    width: 2px;
    height: 30px;
    position: absolute;
    top: 3px;
    right: -11px;
}
#sec-nav li.copy.active a {
    background-color: #051d43;
}
#sec-nav li.copy.active .menu-item-text {
    color: #fff;
    padding: 0 5px;
}
.sub-nav-sep {
    display: none;
}
@media (max-width: 767px) {
    #sec-nav li.copy {
        display: table;
        margin: 5px 0;
        width: 50%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        max-width: initial;
    }
    #sec-nav li.copy:before {
        left: 0;
    }
    #sec-nav li.copy a {
		color: #353434 !important;
        line-height: 1.2;
        display: table-cell;
        vertical-align: middle;
    }
}
@media (min-width: 768px) {
    #sec-nav li.copy:nth-last-child(1):before {
        content: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #sec-nav li.copy {
        min-width: 80px;
    }
}
#drop-health {
    visibility: hidden;
    margin-left: -100px;
    margin-top: 1px;
}
#main-nav .nav-drop {
    position: absolute;
}
#main-nav .wrapper {
    margin: 0px auto;
    position: relative;
}
#main-nav .sec-nav ul li {
    margin-top: 5px;
}
#main-nav .sec-nav ul li.copy {
    width: 130px;
    text-align: center;
}
#main-nav .sec-nav ul li.copy.active {
    background-color: #051d43;
}
#main-nav .sec-nav ul li.copy.active a {
    color: #fff !important;
}
#main-nav .sec-nav ul li.sub-nav-sep {
    background: url('../img/menu/sub-nav-seperator.png') no-repeat center;
    width: 2px;
    height: 25px;
    padding-top: 7px !important;
    padding: 0px 10px;
}
#main-nav .sec-nav ul li a,
#global-nav .sec-nav ul li a:visited {
    text-decoration: none;
    color: #051d43;
    display: table;
    height: 33px;
    margin: 0 auto 0 auto;
}
#main-nav .sec-nav ul li a span {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    padding: 0 1px 0 1px;
}
#main-nav .sec-nav ul li a:hover {
    /*text-decoration:underline;*/
    color: #008dc1;
}
/* /Current Site Nav */
/*---/Term Store Menu---*/
/*#endregion*/
/*#region [#main-headerarea] */
#breadcrumb {
    font-size: 9.5pt; 
    color: #666666;
    padding-top: 10px;
}
#breadcrumb span {
    padding: 0 2px;
	color: #444444;
}
/*changing hyperlink color in content area for accessibility*/
#breadcrumb a,
#breadcrumb a:visited {
    text-decoration: none;
    color: #014977;
}
/*Overwrite hyperlink hover effect [MN/CV June2021] */
#breadcrumb a:hover {
    text-decoration: none !important;
    background-color: #0A5588;
    transition: background-color .5s;
    color: #fff;
 }

/*/changing hyperlink color in content area for accessibility*/
#title-area {
    padding: 20px 0px 10px 0px;
}
.page-title {
    color: #0072C6; /* [MN changed from #0A5588 June 2020] */
    font-size: 2.78em;
    line-height: 1.4;
    min-height: 20px;
    margin-top: 0px;
}
@media(max-width: 767px) {
    .page-title {
        font-size: 1.7em
    }
	h2, h2.ms-rteElement-uhn-h2-alternate {
	    font-size: 1.1em !important;	
	}
}

#title-links {
    float: right;
}
#title-links, #tool-links li {
    display: inline;
    list-style: none outside none;
}
#title-links, #tool-links li a,
#title-links, #tool-links li a:visited {
   /* color: #666666;*/ /*CV Dec2-20*/
    color: #505050;
    text-decoration: none;
    padding-right: 20px;
    background: none no-repeat scroll right top transparent;
    margin: 0 5px;
}

#tool-links li a.print {
    margin-right: 0px;
}


@media (max-width: 1400px) {
	#tool-links li a.print {
		padding-right: 0px;
		float: right;
	}
	#tool-links li:last-child {
		padding-left:2rem !important;
	}	
}

.page-divider {
    border: none;
    height: 17px;
    background: url(../img/gradient-bar-bg.png) no-repeat scroll 0 0 transparent;
}
/*#endregion*/
/*#region [#main-contentarea] */
#main-contentarea h3 {
    color: #1d5d28;
}

#main-contentarea h4 {
    color: #48484C;	
    font-size: 1.59em; 
}

/* Main Column */
.s4-ca {
    overflow: visible;
}
#MSO_ContentTable {
    font-size: 1.185em;	
    line-height: 23px; 
    padding: 0;
}

#MSO_ContentTable a:link {
    color:#0A0AFF;
	border-bottom: solid 1px #0A0AFF;
}

#MSO_ContentTable a:hover,
#MSO_ContentTable a:active {
    text-decoration: none !important;
}

#MSO_ContentTable a:not(.btn):not(.carousel-control):hover
{
    border-bottom: none;
    color: #ffffff; 
    background-color: #0A5588; 
}

#MSO_ContentTable ul.disc {
    list-style: disc inside none;
    line-height: 1.8em;
}
#MSO_ContentTable ul.disc li {
    text-indent: -1.4em;
    margin-left: 1em;
    padding-left: 1.1em;
    padding-bottom: 8px;
}
#MSO_ContentTable ul.circle {
    list-style: circle inside none;
    line-height: 1.8em;
}
#MSO_ContentTable ul.circle li {
    text-indent: -1.4em;
    margin-left: 1em;
    padding-left: 1.1em;
    padding-bottom: 10px;
}
#MSO_ContentTable ul.square {
    list-style: square inside none;
    line-height: 1.8em;
}
#MSO_ContentTable ul.square li {
    text-indent: -1.4em;
    margin-left: 1em;
    padding-left: 1.1em;
    padding-bottom: 10px;
}
#MSO_ContentTable ul.arrow {
    list-style-position: inside;
    line-height: 1.8em;
    list-style-image: url('../img/icons/ul-arrow.png');
}
#MSO_ContentTable ul.arrow li {
    padding-bottom: 7px;
    text-indent: -1.2em;
    line-height: 1.8em;
    position: relative;
    padding-left: 1.1em;
}
#MSO_ContentTable ul.arrow li:before {
    /*content: "\25B6";*/
    /*"► "; html ascii encoding ► */
    font-size: 1.05em;
    position: absolute;
    left: 0;
    color: #005286;
}
#MSO_ContentTable ul.arrow li:last-child {
    padding-bottom: 0px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #MSO_ContentTable ul.arrow li {
        text-indent: -1.4em;
        margin-left: 0.5em;
        line-height: 20px;
    }
    #MSO_ContentTable ul.arrow li a:link {
        margin-left: -5px;
        text-decoration: none !important;	/*added by Mojgan to overwrite global link style Mar.22, 17*/
    }
}
#MSO_ContentTable ul.check {
    list-style: none;
    list-style-position: inside;
    line-height: 22px;
}
#MSO_ContentTable ul.check li {
    text-indent: -1em;
    margin-left: 1em;
}
#MSO_ContentTable ul.check li:before {
    content: "✓ ";
    /*color: #005286;*/
}
#MSO_ContentTable ol {
    list-style-type: decimal;
    line-height: 22px;
}
#MSO_ContentTable ol li {
    padding-bottom: 10px;
}
#content-area [src*='gradient-bar-bg'] {
    margin-top: 15px;
}
/*----Sections-------*/
.clear-both {
    clear: both;
    line-height: 0px;
    margin: 0;
    padding: 0;
    height: 0;
}
.gradient-line {
    background: url(../img/layouts/gradient-bar.png) no-repeat;
    height: 17px;
    margin-bottom: 20px;
}
.clinic-pagetitle {
    margin-top: 30px;
}
.layout-lft-full h2 {
    font-size: 1.99em; /* [MN changed from 1.29em June 2020] */
    margin-bottom: 8px;
    color: #0A5588; /* [MN changed from #051D43 June 2020] */
    padding-bottom: 5px;
    /* [MN removed June 2020 font-weight: bold;] */
}

h2.ms-webpart-titleText {	
    color: #0A5588 !important; /* [MN added June 2020] */	
}	

.layout-lft-full h3 {	
    color: #1d5d28; 	
    font-size: 1.79em;  /* [MN changed from 1.078em June 2020] */	
    margin: 5px 0px;	
    padding-bottom: 3px;	
}

.layout-lft-full p {
	line-height:1.8em !important;
	margin-bottom:15px !important;
}

p.panel-title {
	margin: 0px !important;
	line-height: 1.3em !important;
}

/* Overwrite video bank fonts decoration - Apr. 4, 17 */
.vgallery-grid-item {
    font-size:0.8em !important;
    }
.vgallery-grid-item a:link {
    text-decoration:none !important;
    }
/* Overwrite video bank fonts decoration - Apr. 4, 17 */

/*----/Sections-------*/
/* ================= Page Layout S ================== */
/* Page Layout */
/* left full layout */
.layout-lft-full {    
	padding-right: 5%;
}
/* /left full layout */
/* Tertiary navigation */
#sideNavBox {
    float: inherit;
    width: auto;
    margin: 0 3px 0 10px;
}
.tertiary-navigation {
    background-color: #EEEEEE;
    margin: 5px 15px 0 5px;
    font-size: 0.9em !important;
}
.tertiary-navigation ul {
    padding: 4px 0 5px 0;
}
.tertiary-navigation li {
	display: inline-block;
    padding: 3px;
    vertical-align: text-top;
    margin-right: 2px
}

.tertiary-navigation li::before {
 	content: '|';
	font-size:1em;
	color: #65b0c7;
}

.tertiary-navigation a {
    text-decoration: none !important; 
    margin-left: 0px;
}
.tertiary-navigation li a {
    text-decoration: none !important;
	border-bottom: none !important;
	background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 5px; 
    margin-right: 5px !important;
}

.tertiary-navigation li a:hover {
    text-decoration: none !important;
}

.tertiary-navigation li.selected {
    color: #fff !important;
    background-color: #051d43;
}

.tertiary-navigation li.selected::before {
    content: "";
}

.tertiary-navigation li.selected .menu-item-text {
    color: #fff !important;
	border-bottom: none !important;
}
.tertiary-navigation .menu-item-text {
    font-size: 1em;
    color: #111;
	overflow: visible;
    padding-bottom: 2px;
	line-height: 25px;
	border-bottom: 1px solid #111;
    
}
/* Overwrite hover effect for hyperlink for compliane [MN/CV June 2021] */
.tertiary-navigation a:hover .menu-item-text { 
    color: #ffffff;
    border-bottom: 1px solid #111;
}

/*#region [#rightpanel] */
/*---RightPanel---*/
#main-footer h3 {
    padding-bottom: 3px;
}
.rightpanel-handle {
    background-color: #620460;
    width: 150px;
    height: 27px;
    position: absolute;
    left: -27px;
    top: 150px;
    color: #ffffff;
    transform: rotate(270deg);
    transform-origin: left top 0;
    font-size: 18px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.rightpanel-handle-icon {
    background: url('../img/rightpanel/icon-down.png') no-repeat 0 0;
    height: 7px;
    width: 11px;
    margin-top: 6px;
    margin-right: 4px;
    float: right;
}
@media (min-width: 768px) {
    .row-offcanvas-right {
        -webkit-transform: translateX(0px) !important;
        transform: translateX(0px) !important;
    }
}
@media (max-width: 767px) {
    /* #MSO_ContentTable { padding-right: 30px; } */
    #rightpanel {
        border-left: 2px solid #61045F;
        z-index: 49;
        background-color: #fff;
    }
}
@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative;
    }
    .row-offcanvas.animate-slide {
        transition: all .25s ease-out;
    }
    .row-offcanvas-right {
        transform: translateX(0px);
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -245px;
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 245px;
    }
}
@media (min-width: 768px) {
    #rightpanel {
        padding: 30px 5px;
    }
}

@media (min-width: 1500px) {
    #rightpanel {
        width: 280px;
		float: right;
		margin-right: 1%;
    }
	
	.layout-lft-full {
		padding-right: 2%
	}
}
/* RightPanel Btn */
.rightpanel-btn {
    height: 44px;
    width: 100%;
    padding: 0 9px;
    position: relative;
}
.rightpanel-btn .btn-content {
    height: 100%;
    width: 100%;
    text-align: center;
}
.btn-content div {
    display: inline-block;
    vertical-align: middle;
}
.btn-content .btn-text {
    color: #fff;
    line-height: 35px;
    font-weight: 700;
}
.btn-content .btn-icon {
    width: 22px;
    height: 22px;
    margin: 10px 5px 10px 10px;
    float: right;
}

.rightpanel-btn:before {
    position: absolute;
    left: 0px;
}
.rightpanel-btn:after {
    position: absolute;
    right: 0;
    top: 0;
}
/* /PatientPortal btn */

#patientportal {
	border: solid 1px #f86500;
	margin: 5px 0 0 0 !important;
	background-color: #ff7211;
	border-radius: 2px;
}
#patientportal .btn-content .btn-text {
    width:107px;
	line-height: 15px;
    padding-top: 5px;
	padding-left:10%;
    text-transform: none;
}

#patientportal .btn-content .overlay-text {
	margin-top:5px;
}

[class="btn-arrow"]::after {
    content: "\27A4"; /*"➤ "; html ascii encoding ► */
	font-size: 2em;
	color: white;
    padding-left: 10px;
	padding-top:10px;
	text-decoration: none !important;
}

/* /PatientPortal btn */
/* Donate and Volunteer */

#donate, #donate:visited {
	display:block;
	border:1px solid #90b697;
	background:#cdddcf;
	/*color:#1F5728;*/ /*CV DEC 2020*/
    color:#14441B;
	text-align:center;
	font-size:1.0em;
	font-weight:700;
	padding:10px 5px 10px;
}
#donate::before {
	content:"";
	background:url("/_catalogs/masterpage/uhn/img/svg/hand_heart.svg") no-repeat;
	width:48px;
	height:36px;
	display:block;
	margin:3px auto 8px;
}
#donate:hover, #donate:focus, #donate:active {
	background:#fff;
	text-decoration:underline;
}
#volunteer {
	display:block;
	border:1px solid #b081af;
	background:#d6c8d6;
	color:#61045f;
	text-align:center;
	font-size:1.0em;
	font-weight:700;
	padding:10px 5px 10px;
}
#volunteer::before {
	content:"";
	background:url("/_catalogs/masterpage/uhn/img/svg/people_support.svg") no-repeat;
	width:46px;
	height:39px;
	display:block;
	margin:2px auto 6px;
}
#volunteer:hover, #volunteer:focus, #volunteer:active {
	background:#fff;
	text-decoration:underline;
}
/* Donate and Volunteer */

/* [UHN2.0 MN Oct 2018] */

.rightpanel-region {
	margin-bottom: 10px;
	width: 100%;
}
.rightpanel-container {
	border: solid 1px #999999;
	outline:1px solid #fff;
	margin: 10px 0 0 0;
}

.rightpanel-container:focus, .rightpanel-container:hover, .rightpanel-container:active {
	border:1px solid #006cb6;
	outline:1px solid #006cb6;
}

.rightpanel-container:first-child {
	margin: 0px 0 10px 0 !important;
}

.rightpanel-container-body {
	padding: 13px 13px 0px 13px;
}

.rightpanel-container-body > .heading, 
.rightpanel-container-header  > .heading {
	font-family: Tahoma, Arial, Helvetica, sans-serif !important;
	line-height: 1.1rem;
    font-size: 1.16em;
    margin-top: 20px;
    margin: 0 0 8px;
    padding-bottom: 8px;
	font-weight: bold;
	display:block;
}
.rightpanel-container-body > .heading {
	color: #0A5588 !important;
}
.rightpanel-container-header > .heading {
	color: white !important;
}


#doctor-search,
.rightpanel-srch {
    position: relative;
    height: 30px;
    width: 100%;
}
.rightpanel-srch {
    display: block;
}

.rightpanel-srch-container {
	width: 100%;
	margin-bottom: 10px;
}

.rightpanel-srch > input {
	width: 100%;
	height: 30px;
}

.rightpanel-srch > .searchLink {    
	background-size: 30px 30px;
	background-color: #e6f2fa;
    width: 28px;
    height: 28px;
    display: block;
	color: #2a6dba !important;
    margin: 1px 1px 0;
    -ms-interpolation-mode: bicubic;
}

.rightpanel-srch > a {
    position: absolute;
    right: 0;
    top: 0;
}


.rightpanel-srch > a:hover {
    background-color: #e6f2fa;
}
.rightpanel-srch > a:active {
    background-color: #92c0e0;
}
.rightpanel-container > input {
	height: 30px;
}

.rightpanel-container > input:focus {
    outline: 0;
    background: #fff;
	height: 30px;
}

.fa-search {
	padding:7px;
}

.rightpanel-container-header {
	height: 35px;
	background-color: #0A5588;
	padding: 8px 10px 13px 13px;
}

.rightpanel-container-footer {
	height: auto;
	background-color: #e6e6e6;
	padding: 5px;
}
.rightpanel-container-footer a, .rightpanel-container-footer a:visited, .rightpanel-container-footer a:focus, .rightpanel-container-footer a:active{
    color:#05436D;
}
[class="rightpanel-container-footer-more"] {
	font-size:0.98em;
	font-weight: bold;
	color: #0A5588;	
	text-decoration:underline;
}

[class="indicator"]:after {
	content: '► ';
	font-size:1em;
	color: #0A5588;
}

/* Page Print Styles*/
@media print {
    #main-contentarea > div {
        display: block;
    }
    #TurnOnAccessibility,
    #TurnOffAccessibility,
    #ms-designer-ribbon,
    #main-eyebrowarea,
    #main-titlearea,
    #main-bannerarea,
    #main-navarea,
    #rightpanel,
    #main-logoarea,
    #breadcrumb,
    .print,
    #main-footerarea,
    .page-divider,
    .gradient-line,
    #go-back,
    #sec-nav,
    #rightpanel-digital {
        display: none !important;
    }
    #main-contentarea,
    #main-header,
    #MSO_ContentTable,
    .layout-lft-full {
        width: auto;
    }
    .ms-rtestate-field p {
        word-wrap: break-word;
    }
    #main-contentarea,
    #main-header {
        margin: 0;
        width: 720px;
    }
    #doctor-details {
        width: 650px;
    }
    .nav-tabs {
        display: none !important;
    }
    .tab-content {
        display: block !important;
        opacity: 1;
    }
    .tab-pane {
        height: auto !important;
    }
    .panel-body {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .collapse,
    .panel-collapse {
        display: block !important;
        height: auto !important;
    }
    :not(notIE) #main-contentarea,
    :not(notIE) #main-header,
    :not(notIE) #doctor-details {
        width: auto;
    }
    /*hack for all browsers except IE8 and below*/
}
.sign {
	font-size: 1.7em;
	margin-right:0px !important;
}

.textResizer {
    /* color: #666666;*/ /*CV Dec2-20*/
    color: #505050;
	padding-bottom:5px;
	position: relative;
	float:left;
	/*z-index: 10;*/
}

#zoom-in,
    #zoom-out {
		margin-right:0px;
        width: 15px;
        height: 15px;
        display: inline-block;
    }

#zoom-in {
	margin-left:0px !important;
}
#tool-links {
	float:left !important;
	width:98%;
}

/* [UHN2.0 MN Oct 2018] */

/* /RightPanel Btn */

	.button-wrap {
		display:table;
		width:100%;
	}
	.left-button, .right-button {
		display:table-cell;
		width:45%;
		margin:0;
		padding:0;
	}
	.left-button {
		text-align:left;
		padding-right:2.5%;
	}
	.right-button {
		text-align:right;
		padding-left:2.5%;
	}
@media screen and (max-width: 768px) {
	.button-wrap, .left-button, .right-button {
		display:block;
		text-align:center;
	}
	.left-button, .right-button {
		width:100%;
	}
	.left-button a, .right-button a {
		width:60%;
		margin:0 20%;
	}
	.left-button {
		margin:0 0 10px;
		padding-right:0;
	}
}



.part-events {
    border-bottom: 1px dotted #333333;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
/* RightPanel Social Media */
#side-social, #home-side-social, #home-side-social ul, 
#side-social ul {
    position: relative;
	padding-bottom:5px;
}
#side-social ul, #home-side-social ul {
    left: 0px;
    margin: 3px 0;
}
#side-social ul li, #home-side-social ul li {
    display: inline;
    margin-right: 5px;
}
#side-social a img, #home-side-social a img {
    padding-top: 3px;
}
#side-social a:hover, #home-side-social a:hover {
    text-decoration: none;
}
#side-social div, #home-side-social div {
    text-align: right;
}
/* /RightPanel Social Media */
/*Quick Links*/

#quick-links {
    list-style: none;
    margin-left: 0px;
}
#quick-links li {
    color: #006cb6;
    
    margin-bottom: 8px;
    cursor: default;
}

#quick-links li::before {
    content: "\25B6"; /*"► "; html ascii encoding ► */
	font-size: 1.2em;
    padding-right: 10px;
	text-decoration: none !important;
}
#quick-links > a {
    text-decoration: none;
    font-weight: bold;
    width: 100%;
    word-wrap: break-word;
	text-decoration:underline;
}
#quick-links li a{
color:#0A5588;
}

#quick-links li:hover, #quick-links li:hover a, #quick-links li a:hover {
    color: black;    
}
#quick-links li a,
#quick-links li a:visited {
    text-decoration: none;
    width: 100%;
    word-wrap: break-word;
	text-decoration: underline !important; 
}

#quick-links li:hover,
#quick-links li:hover a,
#quick-links li a:hover {
    color: black;
}
/*/Quick Links*/
/*---/RightPanel---*/
/* Custom Search TextBox fix */
#doctor-search,
#news-search {} 
.uhn.ms-srch-sb.ms-srch-sb-border {
    position: relative;
    height: 22px;
    width: 100%;
}
.uhn.ms-srch-sb {
    display: block;
}
.uhn.ms-srch-sb > input {
    width: 100%;
}
.uhn.ms-srch-sb > a {
    position: absolute;
    right: 0;
    top: 0;
    background: url('/_layouts/15/images/searchresultui.png?rev=23') no-repeat scroll -35px -58px;
}
.uhn.ms-srch-sb > a:hover {
    background-position: -1px -70px;
    background-color: #e6f2fa;
}
.uhn.ms-srch-sb > a:active {
    background-color: #92c0e0;
}
/* /Custom Search TextBox fix */
.webpart {
    margin-bottom: 20px;
}
.webpart > div {
	margin-bottom:5px;
}

.webpart h3,
.webpart .ms-webpart-titleText {
    font-size: 1.29em;
    margin-bottom: 8px;
    color: #051D43 !important; 
    padding-bottom: 5px;
    font-weight: bold;
}

.webpart .ms-webpart-chrome-title {
    line-height: 0;
}

.webpart .ms-webpart-chrome-title,
.webpart .ms-webpart-titleText {
    margin-bottom: 0;
}
.section .part-bar,
.part-bar-blue,
.section2 .part-bar,
.section2 .part-bar-blue,
.part-bar-gray,
.webpart .part-bar,
.spot-light-box .part-bar {
    height: 0;
}
.ellipsis {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}
.dot-btm { 
	border-bottom: 1px dotted #333333; 
}
#rightpanel .copy {
    margin-bottom: 10px;
}
#rightpanel .copy a {  /*CV DEC 2020*/
   color:#0A5588;
}

.copy.dot-btm.list {
    padding: 20px 0;
    width: 100%;
}
.whatsnewDate {
	color: #222;
	font-weight:normal !important; 
	font-size:0.95em;
}
.copy.dot-btm.list > div {
    display: inline-block;
    word-wrap: break-word;
}
.copy.dot-btm .left {
    overflow: hidden;
    padding: 0 5px;
    vertical-align: top;
    max-width: auto; 
	padding-top:25px; 
}
.whatsnewDate.right { 
	float: right; 
}
.copy.dot-btm h3 {
    border-bottom: none !important;
    font-weight: bold;
    margin: 0 !important;
}


/*#endregion*/
/*#region [#main-footerarea] */
#main-footerarea .ms-webpart-chrome-title {
    display: none;
}
/*---Footer Styles---*/
#main-footerarea,
#main-footer {
    color: #000; 
}

@media (min-width: 1200px) {
    #main-footer {
		max-width: 90%;
	} 
}

#main-footerarea {
	/*background-color: #e7f0f9;*/ /*NOV 2019*/
    background-color: #eee;
}
#main-footerarea a {
    border-bottom: solid 1px #999999;
}
#main-footerarea hr {
    border: none;
}
#foot-copy {
    padding-top: 15px;
} 


#foot-copy {
    padding-top: 25px;
}

#foot-top-line {
    height: 1px;
    background-color: #fff;
}
#foot-title {
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: center;
    font-family: Arial;
}
.tagline {
    /* line-height: 38.0952377319336px; */
}

#foot-title .tagline {
	font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 1.65em;
	/*color: #3577ce;*/
    color:#003F93;
	text-transform: uppercase;
    font-weight: bolder;
    display: inline-block;    
}

.foot-divider {
    height: 2px;
    background: url(../img/footer-hr.png) no-repeat scroll 0 0 transparent;
}
#foot-social {
    float: right;
    padding: 0 15px;
}
#foot-social ul {
    top: 4px;
    left: 20px;
}
#foot-social ul li {
    display: inline-block;    
    padding: 4px 4px;
}
#foot-events {
    top: 40px;
    right: 0px;
}
#foot-links {
    padding: 15px 0;
}
.h-glow {
    filter: none;
    background-image: radial-gradient(farthest-side at center top, rgba(10, 65, 155, 0.267) 0%, rgba(10, 65, 155, 0.12) 60%, rgba(10, 65, 155, 0) 100%);
}
#foot-language,
#foot-accessibility {
    display: inline-block;
}
#foot-accessibility {
    margin-top: 5px;
}
#foot-title,
#foot-events a,
#foot-language a,
#foot-nav a,
#foot-copy a,
#foot-accessibility a {
    color: #525252;
    text-decoration: none;
}

#foot-nav a, #foot-nav a:visited, #foot-copy a, #foot-copy a:visited {
	color:#000;
}

#foot-nav a:hover, #foot-nav a:focus, #foot-nav a:active, #foot-copy a:hover, #foot-copy a:focus, #foot-copy a:active {
	text-decoration:none;
	border-bottom:0;
	color:#224F87;
}

#foot-nav a:focus {
	outline: 1px solid;
	outline-offset: .15em;
	border-bottom:0 !important;
	text-decoration:none !important;
}

.active2 {
    background-color: #051D43;
    color: #fff;
}
#foot-language ul li,
#foot-copy ul li,
#foot-accessibility ul li {
    display: inline-block;
    margin-right: 5px;
}

#foot-language li {
	padding:2px 7px 5px;
	margin-right:0 !important;
}
#foot-language li.hidden-xs {
	padding:0;
}
#foot-language a, #foot-language a:visited {
	color:#000;
}
#foot-language a:hover, #foot-language a:focus, #foot-language a:active {
	border-bottom:0;
	color:#1A4A87;
	text-decoration:none;
}

#foot-language .active2 {
	/*background-color:#2A62A7;*//*CV Dec 2020*/
    background-color:#0A5588;
}

#foot-language .active2 a, #foot-language .active2 a:visited {
	text-decoration:none;
	border-bottom:0;
	color:#fff;
}
#foot-language ul {
    margin-bottom: 0;
}
#foot-accessibility li {
    float: left;
}
#lnkChangeContrast a {
    color: #fff !important;
    text-decoration: none;
}
.dropdown-menu.foot-acce-ul {
    margin-right: 15px;
}
@media(max-width: 991px) {
    #foot-language ul, #foot-accessibility ul {
        font-size: 12px;
    }
		#foot-social {
		float:none;
	}

}
@media (min-width: 992px) {
    #foot-accessibility {
        float: right;
        margin-top: 0;
    }
}
@media(max-width: 767px) {
    #foot-links {
		height:46px;
		padding:5px 0 0;
    }
	#foot-copy {
		padding:0;
	}
	#foot-title {
		margin:20px 0;
	}
    .alert-wrapper {
        margin-top: -20px;
    }
    .foot-lang-acce .form-control.foot-lang {
        width: 120px;
    }
    .foot-lang-acce .form-control.foot-acce {
        width: 60px;
    }
    .foot-lang-acce .form-control.foot-lang,
    .foot-lang-acce .form-control.foot-acce {
        position: relative;
    }
    .foot-lang-acce button:hover {
        color: #a8a8a8;
    }
    .foot-lang-acce button {
        background-image: linear-gradient(#01193b 0, #032761 100%);
        color: #ffffff;
        border: 1px solid #01193b;
    }
    .foot-lang-acce a {
        color: black;
    }
    .form-control.foot-acce {
        float: right;
    }
    .foot-access-ul {
        margin-right: 15px!important;
    }
    .foot-acce-img {
        height: 20px;
        width: 20px
    }
}
.no-left {
    left: initial;
}
#foot-nav {
    font-family: Tahoma, Arial, Helvetica, sans-serif !important;
    font-size: 1em !important;
    padding-right: 0px;
}

#foot-nav .title {
    font-size: 1.18em;
    font-weight: bold;
    border-bottom: 0 none;
   /* color: #275081;*/
   color:#003F93;
    margin-bottom: 2px;
	margin-top: 1.5em;
	padding-bottom: 3px;
}
.foot-col {
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 20px;
    vertical-align: top;
    width: 171px;
}
@media(max-width: 465px) {
    .foot-col {
        width: 100%;
    }
}

@media (max-width:500px){
	#foot-copy {
		text-align:center;
	}
	#foot-copy ul {
		float:none !important;
	}
	#foot-social {
		padding:0;
	}
}

#foot-nav ul li {
    list-style: none outside none;
    margin-bottom:3px;
}
#foot-copy {
    font-size: 12px;
    padding-bottom: 25px;
}
/*---/Footer Styles---*/
/* copyright superscript */
.sym {
    font-size: 1em;
}
/* highlight social icons */
#foot-social a:hover img {
    border-radius: 50%;
    box-shadow: 0 0 5px #444;
}
/* /highlight social icons */
/*#endregion*/