/* The Modal (background) */
.vera-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	top: 0;
	left: 0;
	z-index: 1050; /* Sit on top */
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.vera-modal-content {
	background-color: #fefefe;
	margin: 1% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
	display: flex;
	align-items: center;
	gap: 16px;
}

/* .vera-modal-content img { */
/* 	vertical-align: middle; */
/* 	margin-right: 50px; */
/* } */

/* The Close Button */
#veraModalPageData {
	display: none;
}

.vera-modal-conten-page-data {
	display: none;
}

.vera-modal-close {
	position: relative;
	margin-bottom: 30px;
}

.vera-modal-close-button {
	position: absolute;
	right: 0px;
	top: 0px;
}

#userModal {
  display: none;
}

#userModal h1{
  border-bottom: none;
  background-color: unset !important;
}

#userModal fieldset h4{
  color: #002060 !important;
}

#userModal .modal-dialog {   
      position: fixed;
      left: 50%;
      top: 50px;
      transform: translateX(-50%);
      width: 700px;
      height: 750px;
      margin: 0;
      overflow-y: auto;
    
}

#userModal .modal-content {   
		background-color: #ECF2F7 !important;    
}

#userModal .modal-dialog .modal-content {
	height: 100%;
}

#userModal label {
	width: unset !important;
}

#userModal hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

#userModal .labelModalDialog {
	width: 200px;
	float: left;
	margin-top: 5px;
}

#userModal fieldset {
	margin: unset !important;
}

#userModal fieldset div{
	padding: unset ;
	padding-top: 5px !important;
}

#userModal .kontaktMessage{
	margin-bottom: 10px;
}

.userModalTelefon {
	width: 300px;
}

.userModalEmail {
	width: 300px;	
}

.itemKontaktEmail {
	width: 170px;
}

.labelKontaktModalDialog {
	float: left;
	margin-top: 5px;
	width: 100px;	
}

.userModalKontaktLeft, .userModalItemHromadneZpravy, .userModalItemEud {
	float: left;
}


.userModalItemHromadneZpravy, .userModalItemEud {
	margin-right: 10px;
	margin-top: 5px;
}

.userModalLabelHromadneZpravy, .userModalLabelEud {
	margin-top: 7px;
}

.userModalChyba{
	display: none;
	margin-top: 20px;
	background-color: #ff6666;
	margin-bottom: 20px;
	padding-bottom: 20px !important;
	font-weight: bold;
}

.userModalChybaIcon{
	float: left;
	padding-left: 20px !important;
	padding-right: 20px !important;
	height: 100px;
}

.userModalChybaIkona {
	width: 40px; 
}

.userModalChybaText {
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.userModalPotvrzeniIcon {
	float: left;
	padding-left: 20px !important;
	padding-right: 20px !important;
	height: 100px;
}

.userModalNepotvrzeniIcon {
	float: left;
	padding-left: 20px !important;
	padding-right: 20px !important;
	height: 100px;
}

.userModalPropojeni {
	background-color: #B1D99B;
	margin-bottom: 20px;
	font-weight: bold;
}

.userModalPotvrzeniTextGreen {
	color: #28a745;
}	

.userModalPotvrzeniText {
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.userModalNepropojeni {
	background-color: #F9EAB6;
	margin-bottom: 20px;
	font-weight: bold;
}

.userModalNepotvrzeniTextOrange {
	color: #EB9600;
}	

.userModalNepotvrzeniText {
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.userModalNadpisText {
	float: left;	
}

.userModalNadpisIcon {
	text-align: right;
}

.userModalIdentita {
	height: 60px;
}

.userModalPotvrzeniIkona {
	width: 40px; 
}

.userModalNepotvrzeniIkona {
	width: 40px; 
	margin-top: 15px;
}

.userModalButtonIcon {
	height: 16px;
}

.userModalButtonText {
	float: right;
	padding-left: 10px;
}

.userModalZasilatInfo {
	height: 16px;
	padding-left: 5px;
	padding-top: 2px; 
}

#userModal legend {
	display: none;
}