@charset "utf-8";
/* CSS Document */
/* TEST OverRide CSS for UAT to get instagram icon Document */

/*.panel-group .panel .panel-collapse .panel-body {padding: 0px 15px; margin: 0px 15px;}*/

.panel-group .panel .panel-collapse .panel-body {
padding: 0px 40px 20px;
margin: 0px 15px 15px 15px;
}

.panel-heading {padding: 10px 15px 0px 15px;}

a:hover {color: #0089e3; text-decoration: underline;}

.icon-instagram:before {
 content:"\e90d";
}


a.button.green {
    background: #7dc24b;
}

a.button.green:hover {
    background: #64a337;
    transition: all ease .2s
}

a.button.gray {
    background: #6c757d;
}

a.button.gray:hover {
    background: #5a6268;
    transition: all ease .2s
}

/*:target::before {
content:"";
display:block;
height:300px; fixed header height
margin:-300px 0 0;  negative fixed header height
} */


.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.push-down-bar {
content:"";
display:block;
height:249px; 
margin:-249px 0 0; 
} /* negative fixed header height */ /* 10-28-2020 */

.search-results .ashp-recommends .excerpt {
font-size: 16px;
font-weight: 300;
line-height: 1.5}

/* fixed the height of link new list boxes*/
.link-highlights--body > .content {
    min-height: 200px; important
}
/* fixed the width of the Testimonial box */
.testimonial--quote {
    max-width: 840px;
}

/* the adds padding to the HID table - https://www.ashp.org/Products-and-Services/Handbook-on-Injectable-Drugs */
.padded-table table, td, th {
	padding: 10px;
}

.form-group label {
	display: block;
}

.form-group label input[type="radio"], 
input[type="checkbox"] {
	margin-right: 10px
}

.bkld {
    border: solid 1px #f5f5f5;
}

.pill-aqua {
    background-color: aqua;
}

.pill-red {
    background-color: red;
}

.pill-green {
    background-color: yellowgreen;
}

.pill-orange {
    background-color: orange;
}




/*  UL bullets for new templates */
.rich-text ul, ol {
    margin-left: 20px !important; 
}

.rich-text ul ul, ol ol {
    margin-left: 15px !important; 
}

.rich-text ul ul ul, ol ol ol {
    margin-left: 15px !important; 
}

.rich-text ul li ul li {
    text-transform: none !important; 
    list-style: circle !important; 
    
} 

.rich-text ul li ul li ul li {
    text-transform: none !important; 
    list-style: square  !important; 
}

/* bullets for old template */

.content-well ul {
    margin-left: 20px !important; 
}

.content-well ul ul {
    margin-left: 15px !important; 
}

.content-well ul ul ul {
    margin-left: 15px !important; 
}

.content-well ul li ul li {
    text-transform: none !important; 
    list-style: circle !important; 
    
} 

.content-well ul li ul li ul li {
    text-transform: none !important; 
    list-style: square  !important; 
}


/****** Start of Code for video playlist display *****/

 
* {box-sizing: border-box;}
body {font-family: "Lato", sans-serif;}


/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 900px;
}


/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}


/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}


/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}


/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 900px;
}



/****** End of Code for video playlist display *****/


/*  PopOver content 02-22-2024 from this site. https://www.geeksforgeeks.org/css-popover-menu/ */
.popover__title { 
    background-color:#ffffff; 
    border-radius: 20px; 
    font-size: 18px; 
    line-height: 36px; 
    text-decoration: none; 
    color: #0089e3; 
    text-align: left; 
    padding: 0px; 
} 
  
.popover__wrapper { 
    position: relative; 
    margin-top: 0rem; 
    display: inline-block; 
} 
.popover__content { 
    opacity: 0; 
    visibility: hidden; 
    position: absolute; 
    left: 0px; 
    transform: translate(0, 0px); 
    background-color: #5d5d5d; 
    padding: 1.5rem; 
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); 
    color: white; 
    width: auto;
    min-width: 550px;
} 
.popover__content:before { 
    position: absolute; 
    z-index: -1; 
    content: ""; 
    right: calc(80% - 10px); 
    top: -8px; 
    border-style: solid; 
    border-width: 0 10px 10px 10px; 
    border-color: transparent transparent #5d5d5d
        transparent; 
    transition-duration: 0.3s; 
    transition-property: transform; 
} 
.popover__wrapper:hover .popover__content { 
    z-index: 10; 
    opacity: 1; 
    visibility: visible; 
    transform: translate(0, 0px); 
    transition: all 0.5s 
        cubic-bezier(0.75, -0.02, 0.2, 0.97); 
} 
.popover__message { 
    text-align: left; 
}
/****** added for dropdown forms to not take on strange padding *****/
.clean-dropdown {
  padding: 0rem 0rem !important;
  border: 0px solid #ced4da !important;
  transition: none !important;
  color: #f5f5f5f !important;
}

.dropdown-menu {
    top:41px;
}

.clean-dropdown .dropdown-menu  ul.inner li a {
    font-size: 16px;
    color:#666666;
}

.bootstrap-select button {
color:#666666;}