/* Override prelogin.css */

/* Custom prelogin page logo with language specific text */
.logo {
    content: url(../images/loginlogo-maisa.svg);
}

.login input.button, .login input.button:focus, .login .button, .login .button:focus {
	margin-top: 50px;
	width: 70%;
	text-align: center;
	margin-left: 2.1em;
	padding: 0.5rem 0.75rem;
	background-color: #00838F;
}

.login input.button:hover, .login .button:hover {
	background-color: #006f7a;
	font-weight: bold;
}

/* Suomi.fi logout button color */
div.login > a.button.cancelworkflow {
	background-color: #0275d8;
}
div.login > a.button.cancelworkflow:hover,
div.login > a.button.cancelworkflow:active {
	background-color: #025aa5;
}

/* End override prelogin.css */

/* Override for scheduling_v2.css */

/* Hide open scheduling provider icon */
.badge.rfvImage.newprovider svg {
	display: none;
}

/* Hide the favourites div from end of schedulign workflow */
#scheduling-workflow div.extrasContainer.card.calendarFlair,
#scheduling-workflow div.favoriteContainer.card,
#scheduling-workflow label[for=favoriteCheckbox] {
	display: none;
}

/* Hide question mark icon from new Nov 22 scheduling landing page post text */
#scheduling-workflow .LandingPagePostText svg {
	display:none;
}

/* End override scheduling_v2.css */

/* Override for relationships.css */
.relationship-content .primary-contact-checkbox p label {
	text-transform: none;
	font-size: 1.05rem;
	height: 3.5rem;
}

/* End override relationships.css */

/* Override for clinical.css */

/* Fix low lines not being fully visible in ie. Lääkkeet list */
.card .cardline.sig, .medcard .cardline.sig {
	line-height: inherit;
}
.card .name {
	padding-bottom: 0.2rem;
}

a.suggestionlink, a.suggestionlink:hover, a.suggestionlink:focus {
	font-weight: bold;
	text-transform: uppercase;
}

/* Medication Page Card Icon images */
.medcard.form_27:before,
.medcard.form_45:before,
.medcard.form_53:before,
.medcard.form_78:before,
.medcard.form_79:before,
.medcard.form_80:before,
.medcard.form_85:before,
.medcard.form_207:before,
.medcard.form_271:before,
.medcard.form_272:before,
.medcard.form_6:before,
.medcard.form_14:before,
.medcard.form_35:before,
.medcard.form_144:before,
.medcard.form_1:before,
.medcard.form_2:before,
.medcard.form_68:before {
	background-image: url("../images/clinical/annosjauhe.png");
}
.medcard.form_34:before,
.medcard.form_124:before {
	background-image: url("../images/clinical/liuos.png");
}
.medcard.form_43:before {
	background-image: url("../images/clinical/poretabletti.png");
}
.medcard.form_69:before,
.medcard.form_243:before {
	background-image: url("../images/clinical/rengas.png");
}
.medcard.form_139:before,
.medcard.form_245:before {
	background-image: url("../images/clinical/kierukka.png");
}
.medcard.form_75:before,
.medcard.form_211:before,
.medcard.form_286:before {
	background-image: url("../images/clinical/oraaliliuos.png");
}
.medcard.form_56:before,
.medcard.form_65:before,
.medcard.form_76:before,
.medcard.form_81:before,
.medcard.form_82:before,
.medcard.form_125:before,
.medcard.form_135:before,
.medcard.form_264:before,
.medcard.form_282:before {
	background-image: url("../images/clinical/sumutin.png");
}
.medcard.form_126:before,
.medcard.form_127:before {
	background-image: url("../images/clinical/nenasumute.png");
}
.medcard.form_7:before,
.medcard.form_15:before,
.medcard.form_44:before,
.medcard.form_58:before,
.medcard.form_63:before,
.medcard.form_88:before,
.medcard.form_89:before,
.medcard.form_90:before,
.medcard.form_179:before,
.medcard.form_194:before,
.medcard.form_200:before,
.medcard.form_259:before,
.medcard.form_267:before,
.medcard.form_304:before,
.medcard.form_18:before,
.medcard.form_48:before,
.medcard.form_86:before,
.medcard.form_4:before,
.medcard.form_13:before,
.medcard.form_28:before,
.medcard.form_98:before,
.medcard.form_99:before,
.medcard.form_120:before,
.medcard.form_121:before,
.medcard.form_195:before {
	background-image: url("../images/clinical/kapseli_ja_tabletti.png");
}
.medcard.form_5:before,
.medcard.form_29:before,
.medcard.form_191:before,
.medcard.form_214:before {
	background-image: url("../images/clinical/laastari.png");
}
.medcard.form_22:before,
.medcard.form_83:before,
.medcard.form_84:before,
.medcard.form_102:before,
.medcard.form_131:before,
.medcard.form_23:before {
	background-image: url("../images/clinical/inhalaatio.png");
}
.medcard.form_3:before,
.medcard.form_8:before,
.medcard.form_9:before,
.medcard.form_12:before,
.medcard.form_16:before,
.medcard.form_38:before,
.medcard.form_47:before,
.medcard.form_51:before,
.medcard.form_54:before,
.medcard.form_60:before,
.medcard.form_72:before,
.medcard.form_104:before,
.medcard.form_105:before,
.medcard.form_117:before,
.medcard.form_123:before,
.medcard.form_148:before,
.medcard.form_197:before,
.medcard.form_240:before,
.medcard.form_241:before,
.medcard.form_299:before,
.medcard.form_300:before,
.medcard.form_301:before {
	background-image: url("../images/clinical/voide.png");
}
.medcard.form_26:before,
.medcard.form_164:before {
	background-image: url("../images/clinical/pistos.png");
}
.medcard.form_70:before,
.medcard.form_31:before,
.medcard.form_59:before,
.medcard.form_106:before,
.medcard.form_107:before,
.medcard.form_118:before,
.medcard.form_119:before,
.medcard.form_128:before,
.medcard.form_129:before,
.medcard.form_133:before,
.medcard.form_134:before,
.medcard.form_136:before,
.medcard.form_153:before,
.medcard.form_174:before,
.medcard.form_187:before,
.medcard.form_203:before,
.medcard.form_204:before,
.medcard.form_265:before,
.medcard.form_291:before {
	background-image: url("../images/clinical/tippa.png");
}
.medcard.form_10:before,
.medcard.form_11:before,
.medcard.form_40:before,
.medcard.form_41:before,
.medcard.form_71:before,
.medcard.form_210:before {
	background-image: url("../images/clinical/suppo.png");
}
/* Remove default images */
.medcard.form_55:before,
.medcard.form_100:before,
.medcard.form_103:before,
.medcard.form_default:before {
	background-image: inherit;
}

/* End override clinical.css */

/* Override for common.css */

/* Fix main title height to have space for refusal info */
#main .title {
    min-height: 3.5rem;
	height: unset;
}

/* Fix Cancel/reschedule links to have a small margin above in VisitDetails page */
.appointmentdetailsinfopane .buttoncontainer.center {
	margin-top: 1em;
}

h1.header, .header.large {
	margin-top: 1rem;
}

/* Tee sosiaalihuollon ilmoitus and ota käyttöön -links in prelogin page */
.posttext .button.tall.newworkflow, 
.signup .button.tall.newworkflow {
	background-color: rgba(255, 255, 255, 0);
	color: #5C6AC4;
	text-decoration: none;
	font-weight: bold;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.posttext .button.tall.newworkflow:hover,
.signup .button.tall.newworkflow:hover {
	text-decoration: underline;
}

/* Hide units from growthcharts page */
div.GrowthCharts div.UnitToggle {
	display: none;
}

/* Add some space back before the comments box in cancel appointment page */
body.md_cancel_index .ghostInput {
    margin: 1rem 0 0.25rem;
}

/* Increase small font size for helptext */
.helptext {
	font-size: 0.9em;
}

/* Increase date box width in history questionnaire */
input.date, .formcontents input.date {
    width: 7rem;
}

/* End override for common.css */

/* Override for menu.css */

/* Hide MyChart, Epic logo */
#header_logo_by_epic {
	display: none;
}

/* Fix low lines not being fully visible in proxy selector */
.currentlySelectedNameInner,
.proxySelectorDropDownName {
	line-height: initial !important;
}

/* Fix low lines not being fully visible in shortcuts */
#header_shortcuts .shortcut_name {
	line-height: inherit !important;
}
/* End override for menu.css */

/* Override for inside.css */

/* Fix background color for website. Need to set different color
   in Kuiper for mobile background to work properly. */
body.graphicHeader {
	background-color: #dee1f3;
}

/* End override for inside.css */


/* Override for themes.css */

/* End override for themes.css */

/* Override component.css */

/* Change loading heart icon to spinner64.gif for consistency */
.loadingHeart {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 64px;
	height: 64px;
	background-image: url("../images/spinner64.gif");
	transform: inherit;
	animation: inherit;
}
.loadingHeart:before,
.loadingHeart:after {
	display: none;
}

.quickLinks a img {
	height: auto;
}

.quickLinks a:first-child
{
	padding-top: 0;
}

.quickLinks.vertical a
{
	padding: 1rem;
}

.quickLinks.vertical a img {
	height: 24px;
	width: 24px;
}

.quickLinks.vertical a span {
	font-weight: bold;
	/*color: #5c6ac4;*/
}

/* End override for component.css */


/* Override for colors.css */

html, .bodyTextColor {
	color: #000000;
}

/* End override for colors.css */



/* Override for calendar.css */

/* Bolded calendard month */
.calendar thead .calmonth {
	font-weight: bold;
}

/* End override for calendar.css */


/* Override for tables.css */

/* Add some background hilight for new letters */
#letterslist tr.new {
	background-color: #DEE1F3;
}

/* End override for tables.css */


/* Override alert_cre.css */

/* End override alert_cre.css

/* Override for messages.css */

/* End override messages.css


/* Override visits.css */

/* Additional Actions Header Info style */
.visitactions .additional-actions .additionalActionsHeaderInfo {
	font-size: 0.8em;
	margin-bottom: 1rem;
}

/* Make reschedule and cancel buttons on Visits page go to separate lines */
body.md_visitslist_index .visitactions .link {
	display: block; 
}

/* Background color for past visits with unread note / avs */
div.Visits.template div.pastlist li.unviewed { 
	background-color: #DEE1F3;
}

/* End override visits.css */

/* Override for selftriage.css */

/* Make SelfTriage Terms and Conditions box a bit shorter so it fits on screen */
.selfTriage .terms {
	max-height: 60vh;
}

/* Make the T&C box the original size on mobile view */
.mobile .selfTriage .terms {
	max-height: 75vh;
}

/* Make scrollbars visible in the T&C box in mobile app views (works only on Android) */
.mobile .selfTriage .terms::-webkit-scrollbar {
    width: 0.5em !important;
}
.mobile .selfTriage .terms::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.mobile .selfTriage .terms::-webkit-scrollbar-thumb {
 -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: #5C6AC4 !important; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;   
}

/* Nice border line on the left side of T&C content */
.selfTriage .terms div.selfTriageTermsBorder {border-left:2px solid black; padding-left:10px; position:relative;}
.selfTriage .terms div.selfTriageTermsBorder:before, 
.selfTriage .terms div.selfTriageTermsBorder:after { position:absolute;  left:-6px; height:10px; width:10px; background:black; content:""; border-radius:5px;}
.selfTriage .terms div.selfTriageTermsBorder:before {top:-6px;}
.selfTriage .terms div.selfTriageTermsBorder:after {bottom:-6px;}

/* Hide SelfTriage history from sidebar */
.selfTriageSidebar {
	display: none;
}

/* Hide SelfTriage history and return to symptom checker buttons from Decline recommendations page */
#selftriage-triage-workflow .declinedRecommendations .alternatives {
	display: none;
}

/* Remove the alert from sidebar in self triage landing page */
.selfTriageSidebar .alert.card {
	display: none;
}

/* End override for selftriage.css */

/* Override for test_results.css */

/* Fix new test result icon top padding */
.TestResultsList .SingleResult .ListIcon.ResultTypeWrapper {
	padding-top: inherit;
}

/* Add some background hilight for new / updated test results */
body.md_testresults_index .TestResultsList .SingleResult {
	background-color: #DEE1F3;
}

body.md_testresults_index .TestResultsList .SingleResult.Read {
	background-color: white;
}

/* Add border to search input field */
.BeforeTestResultsList .SearchList {
	border: 1px solid #dbdbdb;
}

/* End override for test_results.css */

/* Override myconditionsWidgets.css */

/* Fix Omaseuranta Tavoitteet -list */
.goalssmall.pocdefault.component .stats {
	font-size: inherit;
}
.goalrightsec, .stats {
	line-height: inherit;
}

/* End override myconditionsWidgets.css */

/* Override for cards.css */

#socialCareApplicationsSection > div.applicationsubmitsuccess.card > div:first-of-type {
	font-weight: bold;
	font-size: 1.2em;
}
#socialCareApplicationsSection > div.applicationsubmitsuccess.card {
	margin-bottom: 2rem;
}

/* End override for cards.css */

/* Override for questions.css */

/* Fix question prompts to be bold for Oxford */
.qnr-questions-container .question-prompt {
	font-weight: bold;
}

/* End override for questions.css */

/* Override for baseaddress.css */

.address .ghostInput.zip{
    Width: 25%;
}

/* End override for baseaddress.css */


/* Override for preferences.css */

/* Fix ilmoitusasetukset email/sms/mail headers layout */
.mediaheader span {
	width: inherit;
	margin-right: 0.5em;
}

/* End override for preferences.css */

/* Override for messaging.css */

/* Make sure the sender name doesn't overflow message title in Messages */
.MessageList .SenderDetails .SenderName {
	display: inline-block;
}

/* Background color for unread messages in conversation list */
ul.ConversationList div.unread { 
	background-color: #DEE1F3;
}

/* End override for messaging.css */

/* Custom CSS rules that are not found from existing .css files */

/* Add some space to the prelogin screen REMEMBER TO REMOVE COMMENT OUT IN PRD 
#sidebar > div.login, #sidebar > div.posttext {
	margin-top: 5rem;
}
*/

/* Hide the username + password recovery links
 * as well as the signup header that are not used
 */
#sidebar > div.signup > h2,
#loginForm div.recovery {
	display: none;
}

/* List for Terms and Conditions and Proxydisclaimer */
.termslist, .bulletlist {
	list-style-type: circle;
	margin-left: 2rem;
}

/* Hide provider image from Tehtäväluettelo */
div.providerimage {
	visibility: hidden;
}
div.providerphoto {
	visibility: hidden;
}

/* Prelogin page info text for Hätätilanteessa soita 112 */
div.infoalarm {
	margin-bottom: 1rem;
}

/* Alarm text in red */
span.alarm {
	color: red;
}

/* Warning in bold red */
p.warning {
	color: #d80000;
    font-weight: bold;
}

/* Mobile badges */
div.mobilebadges {
	display: inline-block;
	text-align: center;
	width: 16rem;
}
.mobilebadges .badge {
	width: 7.5rem;
}

/* Info text about who can use Maisa in the prelogin page */
div.preloginusers {
	margin-top: 5em;
}

/* Some margin above the Maisa is part of Apotti picture */
img.maisapotti {
	margin-top: 1em;
}

/* Fix questionnaire header height */
#qnr-container .title h1.qnr-prompt {
	padding-bottom: 0.8rem;
}

/* Fix e-Visit stops height */
.subway .trainstop {
	line-height: inherit;
}

/* Hide familymember's name from history questionnaire */
/*td.famname {
	display: none;
}*/

/* Make the Social Care applications page Tee hakemus-button on top move away from print icon (and all other top buttons as well on Viestit and Omat käynnit pages) */
#main .title .headerlink .button {
	margin-right: 2rem;
    margin-top: 0.7rem;
	
}

/* Style the social care applications page sidebar helptext a bit smaller */
.sc_sb_helptext {
	font-size: 0.9em;
}

/* Style for Häiriötiedote -banner to be used in homeprelogin page */
div.serviceissue {
	color: white;
	background-color: #CC3443;
	width: 100%;
	text-align: center;
	height: 2rem;
	line-height: 2rem;
}

/* Hide by default anything tag with the FeatureSpecific class.  It will be unhidden for people with the necessary feature. */
.FeatureSpecific {
    display: none;
}

/* Hide postinumero / zip field from geolocation things in scheduling */
.geolocationContainer .tbContainer.chip.hasInput {
	display: none;
}

/* Fix header padding on mobile optimized pages */
.mobile .section h2:not(.sectionTitle) {
    padding-right: 5%;
}

/* Fix word wrapping in new homepage item feed */
.feedItem .senderInfo .senderName {
	word-break: normal;
}

/* Hide untranslated more information link from OAuth page for Teams */
#AppList div.privacyAnswers, 
#AppList div.allowedResources { display: none !important; }

/* Make the disclosure button in Test Results pretext more like a button */
#appRoot div.ResultList div.listPretext button.disclosureButton {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    background-color: #ffffff;
	margin-bottom: 1rem;
}

/* Social Care prelogin forms helptext */
.publicform .helptext {
	font-size: inherit;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* New styling for non-prod banner */
#nonProdBanner > strong > span,
#nonProdBanner > strong > span > a {
	font-size: larger;
	color: white !important; 
}

/* Add icon to external links to indicate it's an external */
a[href^="http"]:where(:not([href*="www.maisa.fi/"]))::after {
	content: "";
    background-image: url("../images/external-link.svg");
	background-size: 100% 100%;
	display: inline-block;
	height: 0.7em;
	width: 0.7em;
	margin-left: 0.2rem !important;
}
/* Buttons have external link icon with different color */
a.button[href^="http"]:where(:not([href*="www.maisa.fi/"]))::after {
    background-image: url("../images/external-link_white.svg");
}
/* Afterlogin footer needs to remove bottom margin */
#baselinks a::after {
	margin-bottom: 0 !important;
	margin-right: 0.4rem !important;
}
/* Prevent external link icon from showing after e.g. mobile badges */
.badges a::after {
	content: none;
}

/* Custom styles for Social Care links page */
.sc_card {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  display: inline-block;
  margin: 0.25rem 0.5%;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  vertical-align: top;
  width: 99%;
  line-height: 1.25rem;
}

@media print {
  .sc_card {
    margin-left: 0;
    -webkit-region-break-inside: avoid !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .sc_card:not(.noprint):not(.hidden) {
    display: block;
  }
}

/* Custom CSS rules end */