# 0053a0 -> 355857
:root {
	--krizbogreen: white;
	--krizboblue: #0098CB;
	--lumo-font-family: "Lato", Arial,"Times New Roman", Times, serif;
	--defaultfont: "Lato", Arial,"Times New Roman", Times, serif;
	--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-image: url('icons/solarismed/solarismed_background.png');
	background-color: #032E2D;
    background-repeat: no-repeat;
    background-size: cover;
}

 
  .krizboformedit:focus{
  		font-size: var(--krizboeditfontsize);
  		color: var(--krizbogreen);
  		font-family: var(--defaultfont);
  
        /* background: yellow; */
  }
  
  .wmcopacitybutton{
  		font-size: 14px;
  		color: white;
  		font-family: var(--defaultfont);
  		border: none;
  		box-shadow: none;
   		height: 35px;
  		background: transparent;
  }
  
.wmclanguagelayout{
	margin: none;
	height: 90px;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	background-color: transparent !important;
	font-weight: 600 !important;
	color: #fff;
}

.wmclangbutton{
	font-size: 16px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	border: none;
	box-shadow: none;
	background: transparent;
	line-height: 20px;
	font-weight: 600 !important;
}

.wmcbutton{
	font-size: var(--mobilefontsize);
	color: #355857;
	font-family: var(--defaultfont);
	border-radius: 50rem;
	border-width: 2px;
	box-shadow: none;
	background: white;
	
	height: var(--krizbobuttonheight);
}

.wmcmodalitybutton{
  		border-radius: 12px !important;
  		border-color: #355857 !important;
  		border-width: 2px !important;
		border-style: solid !important;

}

.wmcloginbutton{
  background: linear-gradient(90deg, rgba(12,184,182,1) 0%, rgba(11,145,144,1) 75%);
  border: medium none;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  min-height: 50px;
  width: 50px;
  right: 5px;
  text-transform: uppercase;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  border-radius: 30px;
}

.wmcselectedbutton{
	font-size: var(--mobilefontsize);
	color: white;
	font-family: var(--defaultfont);
	border-radius: 50rem;
	box-shadow: none;
	background: #355857;
	
	height: var(--krizbobuttonheight);
}
  
.wmcedit{
	font-size: var(--mobilefontsize);
	color: black;
	font-family: var(--defaultfont);
	border: 0;
	-webkit-border-image: none;
	background-color: white !important;
	box-shadow: none;
	height: 35px;
	border-radius: 50rem;
	padding-left: 15px;
	opacity: 1;
}

.wmcloginedit{
	font-size: 18px !important;
	background-color: #CDD5D5 !important;
    font-weight: 400;
    line-height: 1.8;
	height: 40px;
    color: #495057;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	
	#background: rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    # border: 1px solid rgba(255, 255, 255, 0.5);
	opacity: 1;
}
  
  .wmcpatientinfo{
  	background: white;
  }
  
  .wmcpatientinfoname{
    font-family: var(--defaultfont);
  	font-size: 30px;
  	color: #001E47;
  }
  
  .wmcpatientinfoother{
  	font-family: var(--defaultfont);
  	font-size: 18px;
  }
  
  .wmcpatintsexlabel{
  	font-size: 46px;
  	color: #00a6b0;
  }
  
  .wmcstudyhint{
  	font-family: var(--defaultfont);
  	font-size: 18px;
  }
  
  .wmcstudylistlabel{
   		font-size: 18px;
  		/* color: black; */
  		font-family: var(--defaultfont);
  }
  
  .wmcstudylistlabeldesc{
	  font-size: 14px;
  	  /* color: black; */
  	  font-family: var(--defaultfont);
  }
  
  .v-panel-wmcmobilepanel{
  		border: 0;
  		font-family: var(--defaultfont); 
  		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-color: #355857;
  		background: #355857; 
		color: white;
  }
  

  
  .wmcbaselayout{
  	background: white;
	background-image:none;
  }
  
  .wmctext{
		font-size: 18px;
		letter-spacing: 0px;
		color: #000000;
		font-family: var(--defaultfont);
		font-weight: 400;
  }
  
    .wmctextright{
		font-size: 18px;
		letter-spacing: 0px;
		color: #000000;
		font-family: var(--defaultfont);
		font-weight: 400;
		text-align: right;
  }
  
  
  .wmctexth1{
		font-size: 30px;
		color: #03234e;
		font-family: var(--defaultfont);
		font-weight: 500;
	}
	
	.wmcfieldlabel{
		font-size: 18px;
		color: #00a696;
		font-family: var(--defaultfont);
		font-weight: 600;
	}
	
	.wmcdescription{
		font-size: 18px;
		letter-spacing: 0px;
		line-height: 26px;
		color: #03234e;
		font-family: var(--defaultfont);
		font-weight: 300;
		font-style: italic;
	}
	
	.wmcheaderpatientname{
		font-size: 18px;
		color: #ffffff;
		font-family: var(--defaultfont);
		font-weight: 300;
	}  

  .wmcformcheckbox{
  		font-size: 18px;
  		color: red;
  		font-family: var(--defaultfont);
  
        background: transparent;
        box-shadow: none;
        height: 30px;
  }

  .krizbolabel{
  		font-size: 18px;
  		color: #6796CA;
  		font-family: var(--defaultfont);
  		word-break: break-all;
  }
  
  .krizbobutton{
  		font-size: var(--mobilefontsize);
  		color: #355857;
  		font-family: var(--defaultfont);
  		border-radius: 12px;
  		border-color: #355857;
  		border-width: 2px;
		border-style: solid;
  		box-shadow: none;
  		background: white;
  		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: var(--defaultfont);
  		word-break: break-all;
  }
  
  v-panel-content-krizboinfopanel{
  		background: transparent;
  		
  		font-size: var(--mobilefontsize);
  		color: #6796CA;
  		font-family: var(--defaultfont);
  		word-break: break-all;
  }
  
  .v-label-infopanel-label{
  		font-size: var(--mobilefontsize);
  		color: #6796CA;
  		font-family: var(--defaultfont);
  		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: var(--defaultfont);
  		border-radius: 50rem;
  		box-shadow: none;
  		background: #6796CA;
  		height: var(--krizbopdfbuttonheight);
  }

  .krizbobuttonwhite{
  		font-size: var(--mobilefontsize);
  		color: white;
  		font-family: var(--defaultfont);
    	border-radius: 50rem;
  		box-shadow: none;
  		background: #355857;
  		margin-right: 10px;
  		height: var(--krizbobuttonheight);
  }


.wmcheaderlayout{
	background-color: #355857;
	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: #355857; 
		color: white;
}

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

.krizbopatintinfolabel{
	font-size: var(--mobilepatientinfolabelsize);
	color: #355857;
	font-family: var(--defaultfont);
	margin-right: 20px;
}

.krizbopatintinfolabelwhite{
	font-size: var(--mobilepatientinfolabelwhitesize);
	color: #355857;
	font-family: var(--defaultfont);
}

.infopanel-label{
  		font-size: var(--mobilefontsize);
  		color: #6796CA;
  		font-family: var(--defaultfont);
  		word-break: break-all;
}

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

.studyviewinfopanel{
	background-color: white;
	padding: 10px 5px 10px 5px
}

.loginicon{
	width: 530px;
	content: url(icons/solarismed/solaris_1.png);
}

.ppicon{
	width: 380px;
	content: url(icons/solarismed/solaris_1.png);
}

.headericon{
	content: url(icons/solarismed/solaris_1.png);
	margin-left: 20px;
	margin-right: 20px;
	
}

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

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

vaadin-text-field::part(input-field){
	background-color: #CDD5D5 !important;
	margin-right: 20px;
}

vaadin-password-field::part(input-field){
	background-color: #CDD5D5 !important;
	margin-right: 20px;
}	

.wmclogineditlayout{
	border-radius: 5px;
	background-color:  #f8f9fa !important;
	height: 400px;
    opacity: 0.60;
    border-radius: 5px;
	
}

.loginlabel1{
	font-family: 'Montserrat', sans-serif;
    letter-spacing: 0;
	font-weight: 400 !important;
	font-size: 70px !important;
	color: white;
	line-height: 75px;
}

.loginlabel2{
	font-family: 'Montserrat', sans-serif;
    letter-spacing: 0;
	font-weight: 400;
	font-size: 18px;
	color: white;
}

.loginmsglabel{
	font-family: 'Montserrat', sans-serif;
    letter-spacing: 0;
	font-weight: 600;
	font-size: 24px;
	
}