:root {
	--krizbogreen: white;
	--krizboblue: #0098CB;

	--defaultfont: "Gotham Narrow", Arial;
	--mobilefontsize: 18px; 
	--mobilefontbigsize: 28px;
	--mobilestudylistfontsize: 20px;
	--labelcolor: var(--krizbogreen);
	--krizbobuttonheight: 35px;
	--krizbopdfbuttonheight: 35px;

	--mobilepatientinfolabelsize: 18px;
	--mobilepatientinfolabelwhitesize: 22px;
	--mobilepatientsexlabelsize: 44px;

	--mobilepatselnamesize: 20px;
	--mobilepatselinfosize: 16px;

	--krizboeditfontsize: 17px;
	--krizboeditheight: 23px; 

	--v-affidea-blue: #418FDE;
	--v-belux-lightsilver: #c0c0c0;
	--v-belux-darksilver: #606060;

	--labelspx: 22px;
	--labelmpx: 33px;
	--labellpx: 44px;

	--iconfontpx: 44px;
	--v-font-family: var(--defaultfont);
}

body {
	background: url(icons/scanomed/scanomedbackground.jpg) no-repeat center center fixed;
	background-size:cover;
}
 
  .krizboformedit:focus{
  		font-size: var(--krizboeditfontsize);
  		color: var(--krizbogreen);
  		font-family: var(--defaultfont),"Times New Roman", Times, serif;
  
        /* background: yellow; */
  }
  
  .wmcopacitybutton{
  		font-size: 14px;
  		color: white;
  		font-family: Ubuntu,"Times New Roman", Times, serif;
  		border: none;
  		box-shadow: none;
   		height: 35px;
  		background: transparent;
  }
  
.wmclanguagelayout{
	margin: none;
	height: 25px;
	font-size: 14px;
}

.wmclangbutton{
	font-size: 12px;
	color: white;
	font-family: Ubuntu,"Times New Roman", Times, serif;
	border: none;

	box-shadow: none;
	background: transparent;
	height: 25px;
}

.wmcbutton{
	font-size: var(--mobilefontsize);
	color: white;
	font-family: Ubuntu,"Times New Roman", Times, serif;
	border-radius: 50rem;
	border-width: 2px;
	box-shadow: none;
	background: #6796CA;
	
	height: var(--krizbobuttonheight);
}

.wmcselectedbutton{
	font-size: var(--mobilefontsize);
	color: white;
	font-family: Ubuntu,"Times New Roman", Times, serif;
	border-radius: 50rem;
	box-shadow: none;
	background: #004b68;
	
	height: var(--krizbobuttonheight);
}
  
.wmcedit{
	font-size: 15px;
	color: white;
	font-family: Ubuntu,"Times New Roman", Times, serif;
	border: 0;
	-webkit-border-image: none;
	background: #004b68 !important;
	box-shadow: none;
	height: 35px;
	border-radius: 50rem;
	padding-left: 15px;
}
  
  .wmcpatientinfo{
  	background: white;
  }
  
  .wmcpatientinfoname{
    font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  	font-size: 30px;
  	color: #001E47;
  }
  
  .wmcpatientinfoother{
  	font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  	font-size: 18px;
  }
  
  .wmcpatintsexlabel{
  	font-size: 46px;
  	color: #00a6b0;
  }
  
  .wmcstudyhint{
  	font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  	font-size: 18px;
  }
  
  .wmcstudylistlabel{
   		font-size: 18px;
  		color: black;
  		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  }
  
  .wmcstudylistlabeldesc{
	  font-size: 14px;
  	  color: black;
  	  font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  }
  
  .v-panel-wmcmobilepanel{
  		border: 0;
  		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;  
  		font-size: 18px;
  		box-shadow: none;
  		background: white;
  }
  
  .v-verticallayout-wmcmobilepanel{
  		border: 0;
  		box-shadow: none;
  		background: transparent;
  }
  
  .v-panel-content-wmcmobilepanel-element:hover{
  		background: silver;
  		background-color: silver;
  		background: #00a6b0; 
  }
  

  
  .wmcbaselayout{
  	background: white;
	background-image:none;
  }
  
  .wmctext{
		font-size: 18px;
		letter-spacing: 0px;
		color: #000000;
		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
		font-weight: 400;
  }
  
    .wmctextright{
		font-size: 18px;
		letter-spacing: 0px;
		color: #000000;
		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
		font-weight: 400;
		text-align: right;
  }
  
  
  .wmctexth1{
		font-size: 30px;
		color: #03234e;
		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
		font-weight: 500;
	}
	
	.wmcfieldlabel{
		font-size: 18px;
		color: #00a696;
		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
		font-weight: 600;
	}
	
	.wmcdescription{
		font-size: 18px;
		letter-spacing: 0px;
		line-height: 26px;
		color: #03234e;
		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
		font-weight: 300;
		font-style: italic;
	}
	
	.wmcheaderpatientname{
		font-size: 18px;
		color: #ffffff;
		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
		font-weight: 300;
	}  

  .wmcformcheckbox{
  		font-size: 18px;
  		color: red;
  		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  
        background: transparent;
        box-shadow: none;
        height: 30px;
  }

  .krizbolabel{
  		font-size: 18px;
  		color: #6796CA;
  		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  		word-break: break-word;
  }
  
    .krizbobutton{
  		font-size: var(--mobilefontsize);
  		color: #c8ddee;
  		font-family: Ubuntu,"Times New Roman", Times, serif;
  		border-radius: 50rem;
  		box-shadow: none;
  		background: #03234e;
  		margin-right: 10px;
  		height: var(--krizbobuttonheight);
  }

  .v-panel-krizboinfopanel{
  		border: 0;
  		box-shadow: none;
  		background: transparent;
  }
  
  .v-panel-content-krizboinfopanel{
  		background: transparent;
  		
  		font-size: var(--mobilefontsize);
  		color: #6796CA;
  		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  		word-break: break-all;
  }
  
  v-panel-content-krizboinfopanel{
  		background: transparent;
  		
  		font-size: var(--mobilefontsize);
  		color: #6796CA;
  		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  		word-break: break-all;
  }
  
  .v-label-infopanel-label{
  		font-size: var(--mobilefontsize);
  		color: #6796CA;
  		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  		word-break: break-all;
  }
  
  .v-button-print, .v-button-download, .v-button-angle-add, .v-button-angle-dec, .v-button-increase, .v-button-decrease, .v-button-previous, .v-button-next{
  		font-size: 16px;
  		color: white;
  		font-family: Montserrat,Ubuntu,"Times New Roman", Times, serif;
  		border-radius: 50rem;
  		box-shadow: none;
  		background: #6796CA;
  		height: var(--krizbopdfbuttonheight);
  }

  .krizbobuttonwhite{
  		font-size: var(--mobilefontsize);
  		color: white;
  		font-family: Ubuntu,"Times New Roman", Times, serif;
  
  		border-radius: 50rem;
  		box-shadow: none;
  		background: #6796CA;
  		margin-right: 10px;
  		height: var(--krizbobuttonheight);
  }


.wmcheaderlayout{
	background-color: #01212b;
	height: 60px;
}

.studylistlayout {
    background-color: white !important;
	background-image:none !important;
}

.mobilitystudylist{
	background-color: white !important;
	background-image:none !important;
}

.wmcmobilepanel-element{
		border-radius: 4px;
		border-style: solid;
		border-color: rgb(213, 213, 213);
		border-width: 1px;
		background-color: white;
}

.wmcmobilepanel-element:hover{
		background: silver;
  		background-color: silver;
  		background: #6796CA; 
		color: white;
}

.studyview{
	background-color: white !important;
	background-image:none !important;
}

.krizbopatintinfolabel{
	font-size: var(--mobilepatientinfolabelsize);
	color: #6796CA;
	font-family: var(--defaultfont),"Times New Roman", Times, serif;
	margin-right: 20px;
}

.krizbopatintinfolabelwhite{
	font-size: var(--mobilepatientinfolabelwhitesize);
	color: white;
	font-family: var(--defaultfont),"Times New Roman", Times, serif;
}

.infopanel-label{
  		font-size: var(--mobilefontsize);
  		color: #6796CA;
  		font-family: var(--defaultfont),"Times New Roman", Times, serif;
  		word-break: break-all;
}

.krizbomobilepanel, .krizbopanel{
	background: #c8ddee;
}

.studyviewinfopanel{
	background-color: #003c54;
	padding: 20px 5px 20px 5px
}

.loginicon{
	width: 100%;
	content: url(icons/scanomed/scanomed-white.png);
}

.headericon{
	content: url(icons/scanomed/scanomed-small.png);
}

.scheduleview{
	background-color: white !important;
	background-image:none !important;
}

[part="input-field"] {
	background-color: transparent !important;
}

[part$="button"] {
	color: #c8ddee !important;
}

.wmcloginview{
	align-self: start;
	width: 600px;
}