@charset "utf-8";

html, body { background: url("back.jpg") 0% 0% / auto repeat rgb(245, 245, 245); margin: 0px; width: 100%; font-size: 18px; text-align: left; color: rgb(78, 78, 80); font-family: Helvetica, arial, sans-serif; font-weight: lighter; }

.navbar-header { padding-left: 0px; padding-right: 0px; }

input, textarea { font-size: 20px; text-align: left; }

h1 { font-size: 10px; }

h3 { text-align: center; }

#header_icon { display: none; }

.header-title a { color: rgb(255, 255, 255); }

.header-title { color: rgb(255, 255, 255); font-size: 80%; padding-right: 30px; }

.home { color: rgb(217, 217, 218); }

.home a { color: rgb(217, 217, 218); }

.home_icon { background: url("home_icon.png") 0px 50% no-repeat; padding-left: 30px; }

.home_icon_left { background: url("home_icon.png") 0px 50% no-repeat; display: inline; }

.point_picture_wrap { margin-top: 30px; }

.home_text { display: none; }

#signuptop { float: right; margin: 0px 0.5em 0px 0px; font-size: 80%; }

#flash-messages-container { height: 100%; }

.mobile_nav_item a { color: rgb(255, 255, 255); }

.mobile_nav_item { background-color: rgb(78, 78, 80); padding: 0.3em 0.5em; text-align: right; }

.postitwidth { width: 80%; }

.ip_welcome_title { display: none; }

.rightintro { margin: 0.5em 0px 0px; }

.intro_statement { margin-bottom: 1.5em; font-size: 130%; }

.stretch { width: 100%; }

#questions { text-align: center; margin: 0.5em 0px; }

#notice { text-align: center; }

.menu_item { font-size: 70%; float: right; line-height: 2em; margin-right: 1em; }

.notificationcounter { margin: 0px 0px 0px 0.2em; }

.notificationcount { background: rgb(134, 6, 29); border-color: rgb(104, 104, 107); border-style: solid; border-width: 2px; color: rgb(255, 255, 255); padding: 0.1em 0.3em; }

.nonotificationcount { background: rgb(104, 104, 107); border-color: rgb(104, 104, 107); border-style: solid; border-width: 2px; color: rgb(255, 255, 255); padding: 0.1em 0.3em; border-radius: 3px; }

.off { opacity: 0.4; }

.on { opacity: 1; }

#cog { height: 25px; margin-right: 0.5em; }

.add_consideration_button { margin: 1em 0px; }

.arrow { width: 1.5em; border: none; }

.small { font-size: 90%; line-height: 150%; margin: 1em 0px 0px; }

#arrowhint { display: inline-block; font-size: 70%; }

#MarkFavorite { width: 7%; }

#Unfavorite { width: 7%; }

.select { font-size: 100%; max-width: 250px; }

.pointbody { padding: 0.3em 0.3em 1em 0.5em; line-height: 1.2em; margin-left: 0.5em; margin-top: 0.3em; margin-bottom: 0.3em; background: rgb(255, 255, 255); }

#hospital_page_title { font-size: 150%; font-weight: lighter; margin: 1em 0px; line-height: 1em; }

#pitch { font-size: 80%; }

#loading { width: 8em; height: 6em; background-color: rgb(134, 6, 29); position: fixed; left: 50%; top: 50%; margin-top: -3em; margin-left: -4em; text-align: center; color: rgb(255, 255, 255); border-radius: 15px; border-style: solid; border-color: rgb(255, 255, 255); font-size: 70%; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; z-index: 9999; }

#loading_endorse_reminder { width: 200px; height: 200px; background-color: rgb(134, 6, 29); position: fixed; left: 50%; top: 50%; margin-top: -50px; margin-left: -100px; text-align: center; padding: 1em 1em 0px; color: rgb(255, 255, 255); border-radius: 15px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 5px; z-index: 9999; }

#follow_suggestions { font-size: 80%; }

#thankyou { width: 8em; height: 6em; background-color: rgb(101, 157, 50); position: fixed; left: 50%; top: 50%; margin-top: -3em; margin-left: -4em; text-align: center; display: none; color: rgb(255, 255, 255); border-radius: 15px; border-style: solid; border-color: rgb(255, 255, 255); font-size: 70%; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; z-index: 9999; }

.comment_flag { display: none; }

#subheader_private { background: rgb(134, 6, 29); padding: 0.2em; margin: 0.1em 0px 0.5em; box-shadow: rgb(255, 255, 255) 0px 3px 2px 2px; }

.topic-rectangle.square { height: 150px; width: 150px; }

.topic-header { background: rgb(45, 45, 45); padding: 0.1em 0.4em; line-height: 130%; color: rgb(255, 255, 255); display: inline-block; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; }

.topic-headertext { color: rgb(255, 255, 255); font-weight: lighter; font-size: 100%; }

.imageborder img { margin: 0px; padding: 0px; }

.topic_link { margin: 0px; }

.pointtextarea { border: 0.3em solid rgb(217, 217, 218); min-height: 90px !important; }

.notetextarea { width: 90%; }

.newpoint { padding: 1em; text-align: center; margin-bottom: 3em; background-color: rgb(227, 245, 219); }

#recent_activity { text-align: center; }

.related_topics_title_wrapper { text-align: center; border-style: solid; border-color: rgb(217, 217, 218); margin-top: 2em; padding-top: 1em; border-width: 1px 0px 0px; }

.related_topics_title { font-size: 120%; }

.topic_extra { margin: 0px 0px 0.7em; display: block; }

.topic_extra_left { float: left; }

.topic_extra_right { padding: 0px 0px 0px 1em; float: right; }

#recent_tabs li { display: inline; margin: 0px 0.4em 0px 0px; padding: 0.4em 0px 0px; border-color: rgb(176, 176, 176); }

#recent_tabs ul { list-style: none; padding: 0px; margin: 0px; }

#recent_activity_title { display: block; font-size: 120%; }

#recent_tabs li a { padding: 0px 0.1em; }

.recentheader { padding: 0.2em; display: inline-block; line-height: 1.5em; text-align: center; width: 100%; }

.recentright { display: none; }

#settings_nav { margin: 2.5em 0px 0px; z-index: 20000; padding: 0px; list-style-type: none; }

#dropdown { margin-top: 25px; width: 14em; }

#dropdown li { text-align: left; border-bottom: 1px solid rgb(95, 95, 97); }

#dropdown li a { background-color: rgb(78, 78, 80); }

#menu-trigger { display: none; }

@media screen and (max-width: 600px) {
  #menu-wrap { position: relative; }
  #menu-wrap * { box-sizing: border-box; }
  #menu-trigger { display: block; height: 40px; line-height: 40px; cursor: pointer; padding: 0px 0px 0px 35px; border: 1px solid rgb(34, 34, 34); color: rgb(250, 250, 250); font-weight: bold; background: url("data:image/png;base64,iVBOR...") 10px center no-repeat, linear-gradient(rgb(68, 68, 68), rgb(17, 17, 17)); border-radius: 6px; box-shadow: rgb(119, 119, 119) 0px 1px 1px, rgb(102, 102, 102) 0px 1px 0px inset; }
  #menu { margin: 0px; padding: 10px; position: absolute; top: 40px; width: 100%; z-index: 1; display: none; box-shadow: none; }
  #menu::after { content: ""; position: absolute; left: 25px; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgb(68, 68, 68); }
  #menu ul { position: static; visibility: visible; opacity: 1; margin: 0px; background: none; box-shadow: none; }
  #menu ul ul { box-shadow: none; margin: 0px 0px 0px 20px !important; }
  #menu li { position: static; display: block; float: none; border: 0px; margin: 5px; box-shadow: none; }
  #menu ul li { margin-left: 20px; box-shadow: none; }
  #menu a { display: block; float: none; padding: 0px; color: rgb(153, 153, 153); }
  #menu a:hover { color: rgb(250, 250, 250); }
  #menu ul a { padding: 0px; width: auto; }
  #menu ul a:hover { background: none; }
  #menu ul li:first-child a::after, #menu ul ul li:first-child a::after { border: 0px; }
}

@media screen and (min-width: 600px) {
  #menu { display: block !important; }
}

.no-transition { transition: none 0s ease 0s; opacity: 1; visibility: visible; display: none; }

#menu li:hover > .no-transition { display: block; }