.portal-background {
	background: #F5F7FB 0% 0% no-repeat padding-box;
	opacity: 1;
}

.login-background {
	background: #394A5E 0% 0% no-repeat padding-box;
	opacity: 1;
}

.molo-forms {
	background-color: #F4F5F6;
	border: 1px solid #CDD3D6;
	border-radius: 8px; 
}

h1, h2, h3, h4, h5, h6 {
	font-style: normal normal 600;
	font-family: IvyMode;
	letter-spacing: 0px;
	opacity: 1;
}

textarea.molo-forms {
    resize: none;
    overflow: hidden;
    min-height: 140px;
    max-height: 750px;
}

.molo-inset-content {
	background: #F4F5F6 0% 0% no-repeat padding-box;
	border-radius: 8px;
}

.molo-doctor-image {
	border-radius: 50%;
	width: 150px;
	opacity: 1;
	height: 150px;
	object-fit: cover;
}

.molo-container {
	max-width: 740px;
}

.molo-accordion {
	margin-top: 32px;
}

.upp-button-rounded {
	font: normal normal 600 14px/32px IBM Plex Sans;
	letter-spacing: 0px;
	background: #1B7C27 0% 0% no-repeat padding-box;
	border-radius: 50px;
	opacity: 1;
	color: #ffffff;
	padding: 10px 37px;
	border: 0px;
}

.upp-button-rounded:hover {
	background: #13571B 0% 0% no-repeat padding-box;
	color: #D3D8DB;
}

.upp-button-semi-rounded {
	font: normal normal 600 14px/32px IBM Plex Sans;
	letter-spacing: 0px;
	background: #1B7C27 0% 0% no-repeat padding-box;
	border-radius: 8px;
	opacity: 1;
	color: #ffffff;
	padding: 10px 37px;
}

.upp-button-semi-rounded:hover {
	background: #13571B 0% 0% no-repeat padding-box;
	color: #D3D8DB;
}

.upp-button {
	font: normal normal medium 14px/32px IBM Plex Sans;
	letter-spacing: 0px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 2px solid #F2F3F5;
	border-radius: 8px;
	opacity: 1;
	color: #394a5e;
}

.upp-button-blue {
	background-color: #394A5E;
}

.upp-button-danger {
	background-color: #AD3939;
	color: #FFFFFF;
}

.upp-button-warning {
	background-color: #ff9419;
	color: #FFFFFF;
}

.molo-green-frame {
	border: 2px solid #1B7C27;
	background-color: #1B7C2712;
}

.upp-menu-top {
	background: #283442;
	cursor: pointer;
	color: #ffffff;
}

.upp-menu-main {
	background: #394A5E;
	min-width: 252px;
	overflow: auto;
}

.upp-meu-navblock {
	height: 100vh;
}

.bankid-button {
	text-align: left;
	min-width: 280px;
	width: 100%;
	border-left: none;
	border-right: none;
	text-decoration: none;
	font: normal normal 600 16px/32px IBM Plex Sans;
}

.bankid-logo img, .bankidmobil-logo img {
	width: 100%;
	height: auto;
}

.upp-button-subtext {
	font: normal normal 400 16px/32px IBM Plex Sans;
	color: #394A5E;
}

@media only screen and (max-width: 992px) {
	.bankid-logo, .bankidmobil-logo {
		width: 95px;
		height: auto;
	}

	.bankid-button {
		font: normal normal 600 14px/32px IBM Plex Sans;
	}

	.bankid-button .bankid-button-subtext {
		font: normal normal 400 14px/32px IBM Plex Sans;
	}
}

.upp-button-carret {
	border-left: none;
}

.molo-medium {
	font: normal normal 600 16px/26px IBM Plex Sans;
	text-align: left;
	width: 100%;
	display:inline-block
}

.molo-medium-heading {
	font: normal normal 600 18px/32px IBM Plex Sans;
	text-align: left;
	width: 100%;
	display:inline-block
}

.molo-link {
	color: #FFFFFF;
	text-align: left;
	font: normal normal 600 14px/32px IBM Plex Sans;
	text-decoration: none;
}

.molo-link:hover {
	color: #eeeeee;
}

.molo-link-gray {
	letter-spacing: 0px;
	text-decoration: underline;
	color: #394A5E;
	text-align: left;
	font: normal normal 600 14px/32px IBM Plex Sans;
}

.molo-link-gray:hover {
	color: #394A5E;
}


.molo-link-unselected {
	color: #d3d8db;
	text-align: left;
	font: normal normal 600 14px/32px IBM Plex Sans;
	text-decoration: none;
}

.molo-link-unselected:hover {
	color: #eeeeee;
}

.molo-homelink {
	color: #FFFFFF;
	text-align: center;
	font: normal normal 600 14px/32px IBM Plex Sans;
	text-decoration: none;
}

.molo-calendarlink {
	color: #394A5E;
}

.molo-homelink:hover {
	color: #eeeeee;
}

.upp-control-box {
	background: #485769 0% 0% no-repeat padding-box;
	border-radius: 8px;
	opacity: 1;
}

.upp-control-box-button {
	border: 1px solid #5E6C7C ;
	border-radius: 8px;
	font: normal normal 600 14px/32px IBM Plex Sans;
	text-decoration: none;
	color: #D3D8DB;
	opacity: 0.4;
	background-color: #5E6C7B;
	transition: none;
}

.upp-control-box-button:hover, .upp-control-box-button-logout:hover {
	text-decoration: none;
	color: #D3D8DB;
	opacity: 1;
}

.upp-control-box-button-selected {
	border: 0px solid #D3D8DC ;
	border-radius: 8px;
	font: normal normal 600 14px/32px IBM Plex Sans;
	text-decoration: none;
	color: #394A5E;
	opacity: 1;
	background-color: #FFFFFF;
	transition: none;
}

.upp-control-box-button-logout {
	border: 1px solid #5E6C7C;
	border-radius: 8px;
	font: normal normal 600 14px/32px IBM Plex Sans;
	text-decoration: none;
	color: #D3D8DB;
	opacity: 0.8;
	background-color: #485769;
	transition: none;
}

.molo-bigbutton {
	border: 2px solid #F2F3F5;
	border-radius: 8px;
	opacity: 1;
	display: block;
	margin: 10px;
	text-align: center;
	font: normal normal normal 16px/32px IBM Plex Sans;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}

a.molo-bigbutton {
	text-decoration: none;
}