/* bootstrap modifications - remove lines from modal */
.modal-header {
    border-bottom: 0 none;
}

.modal-footer {
    border-top: 0 none;
}

/* */

.some-color {
	--unnamed-color-000000: #000000;
}

.unnamed-colors {
	
	background-color: #1B7C27;
	--unnamed-color-bcc3c7: #BCC3C7;
	--unnamed-color-394a5e: #394A5E;
	--unnamed-color-ebddd1: #EBDDD1;
	--unnamed-color-d3d8db: #D3D8DB;
	--unnamed-color-f4f5f6: #F4F5F6;
}

body {
	font: normal normal normal 16px/32px IBM Plex Sans;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
}

@media only screen and (max-width: 992px) {
body {
	font: normal normal normal 14px/32px IBM Plex Sans;
}
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.vertical-center-80vh {
  min-height: 80%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 80vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.unisoft-footer {
	font-size: 7px;
}

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

.upp-content {
	background: #ffffff;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 8px;
	opacity: 1;
	padding: 30px 50px;
}

@media only screen and (max-width: 992px) {
	.upp-content {
		padding: 32px 16px;
	}
}


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

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;
}

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

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

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

.upp-button-rounded:hover {
	background: #132157 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: #293979 0% 0% no-repeat padding-box;
	border-radius: 8px;
	opacity: 1;
	color: #ffffff;
	padding: 10px 37px;
}

.upp-button-semi-rounded:hover {
	background: #132157 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:hover {
	background: #DAEADC 0% 0% no-repeat padding-box;
	border: 2px solid #1B7C27;
	color: #1B7C27;
}
*/

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

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

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

.upp-menu-top {
	background: #6fa699;
	cursor: pointer;
	color: #292F35;
}

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

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

@media only screen and (max-width: 992px) {
	.upp-menu-main, .upp-menu-navblock {
		height: auto !important;
	}
}

.bankid-logo {
	background: #002776 !important;
	border: 2px solid #002776 !important;
	height: 88px;
	width: 162px;
}

.bankidmobil-logo {
	background: #F2F3F5;
	border: 2px solid #F2F3F5;
	height: 88px;
	width: 162px;
}

.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: #6b6f75 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: #e1e3e4;
	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 #75797e;
	border-radius: 8px;
	font: normal normal 600 14px/32px IBM Plex Sans;
	text-decoration: none;
	color: #dfe0e0;
	opacity: 0.8;
	background-color: #4d664b;
	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;
}