.zt-obiski-login-form{
    margin-bottom: 15px;
    clear: both;
}
button.done {
    width: 100%;
}
button:disabled {
    cursor: not-allowed!important;
    opacity: 0.6;
}

/* AUTHENTICATION SPINNER*/
    .spinner {
        width: 30px;
        height: 30px;
        border: 3px solid white;
        border-top: 3px solid transparent;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        display: inline-flex;
        align-self: center;
        margin: 0px auto;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    .loading .spinner {
        display: inline-block;
    }


.zt-colored-block {
	text-align: center;
}
.zt-colored-block button{
	font-size: 30px;
	float: left;
	text-wrap: auto;
}
.zt-colored-block button.red{
	background: red;
}
.zt-colored-block .grayBlock {
    color: black; 
    padding: 2vw;   
    background-color: #a4afb7; 
    margin-top: 1vw; 
    font-size: 3vh; 
    border: 1vw solid white;
    margin-top: 15px;
}

.zt-centered-block{
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.zt-najave-boardingpass-logo{
    max-height: 16vh!important;
    max-width: 75vw!important;
    width: fit-content;
    align-self: center;
}

#zt-najave-obiskov-boarding-pass-message{
    clear: both;
    font-size: 3.5vh;
    line-height: 1.5;
    /*height: 100%;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.zt-colored-block .grayBlock.mini {
    font-size: 16px; 
    margin-top: 15px; 
}
.zt-colored-block .danger {border-color: #d9534f; }
.zt-colored-block .warning{border-color: orange; }
.zt-colored-block .success{border-color: var( --e-global-color-primary ); }
.zt-colored-block .adminInfo{border-color: #5bc0de; font-size:1vw; word-break: break-word;}

.login-wrapper, .submit-wrapper{
    text-align:left; margin-top:20px;clear:both; display: flex;
}
#zt-najave-obiskov-quickpass-results{	
	clear:both; 
	margin-top:1vw;
	width:100%;
	margin-bottom: 1.6em;
}

#zt-najave-obiskov-quickpass-form{
    clear:both; 
	margin-top:1vw;
	width:100%;
	margin-bottom: 1.6em;
}

.zt-najave-visit-termin .block.danger, .zt-najave-confirm-block .block.danger{
    background-color: #d9534f; 
}
.zt-najave-visit-termin .block.success, .zt-najave-confirm-block .block.success{
    background-color: #ffffff;
}
.zt-najave-visit-termin .block.warning, .zt-najave-confirm-block .block.warning{
    background-color: orange; 
}


.zt-najave-confirm-block .danger, 
.zt-najave-visit-termin  .danger{
    border-color: #d9534f; 
    
}

.block {
    padding: 1vh;
}

.zt-najave-confirm-block,
.zt-najave-visit-termin {
    max-width: 500px;
    min-width: 360px;
    width:100%;       
    align-self: center;
    margin: 0vh 2vw;
    padding: 1vh;
    text-align: center;
    box-shadow: 0vh 0vh 1vw 1px black, 0vh 0vh 2vw 0px inset black;
    inset: 3vh;
    border-radius: 1vw;
}

.no-wrap-elipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.three-rows-max{
  width: 100%;
  overflow: hidden; /* Skrije besedilo, ki presega omejitve */
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Omeji na 3 vrstice */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis; /* Dodajte tri pike, če je besedilo daljše */
}

.two-rows-max{
  width: 100%;
  overflow: hidden; /* Skrije besedilo, ki presega omejitve */
  display: -webkit-box;        /* Flexbox za WebKit */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;       /* Omeji na 2 vrsti */
  overflow: hidden;
  text-overflow: ellipsis;
}

.elementor-shortcode:has(.zt-najave-visit-termin), .elementor-shortcode:has(.zt-najave-confirm-block){
    display: flex;
    justify-content: center; /* Horizontalno centriranje */
    align-items: center; /* Vertikalno centriranje (opcijsko) */
    /* height: 100vh; */ /* Celotna višina zaslona, če želiš centriranje po višini */
}

.zt-najave-confirm-block .block1,
.zt-najave-visit-termin .block1{
	background: #ffffff82;
	height: 15vh;
	display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 1vh 1vh 0vh 0vh;
}
.zt-najave-confirm-block .block1 .title,
.zt-najave-visit-termin .block1 .title
{	
	font-size: 3vh;
}
.zt-najave-confirm-block .block1 .data,
.zt-najave-visit-termin .block1 .data{	
	font-size: 3.0vh;
}

.zt-najave-confirm-block .title,
.zt-najave-visit-termin .title{	
	font-size: 3vh;
}
.zt-najave-confirm-block .data,
.zt-najave-visit-termin .data{	
	font-size: 3.0vh;
}

.zt-najave-confirm-block .error .title,
.zt-najave-visit-termin .error .title{	    
	font-size: 5vh;
}
.zt-najave-confirm-block .error .data,
.zt-najave-visit-termin .error .data{	
	font-size: 3vh;
}

.zt-najave-confirm-block .block2,
.zt-najave-visit-termin .block2{
	background: var( --e-global-color-primary );
	color: white;
	height: 15vh;
	font-size: 5vh;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.zt-najave-confirm-block .block3,
.zt-najave-visit-termin .block3{
	background: #afb4b9;
	height: 15vh;
	font-size: 5vh;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.zt-najave-confirm-block .block4 ,
.zt-najave-visit-termin .block4 {
    background-color: var( --e-global-color-primary ); /* #ffffff82 */
    display: flex;
    flex-direction: column;
    justify-content: center;	
    color :white;
}

.zt-najave-confirm-block .block4 {
    height: 22vh;
}
.zt-najave-visit-termin .block4 {
    height: 15vh;
}

.zt-najave-confirm-block .block5,
.zt-najave-visit-termin .block5{
	height: 35vh;
    background: #ffffff82;
    display: flex;
    flex-direction: column;
    justify-content: center;	
    padding: 0px 2vw;
	border-radius: 0vh 0vh 1vh 1vh;
    overflow: auto;
    overflow-x: hidden;
    text-wrap: auto;
    overflow-wrap: break-word;	
}
.zt-najave-confirm-block .block5{
  	height: 28vh;  
}
.zt-najave-visit-termin .block5{
	height: 35vh;
}

#ztVisitorQR{
    margin-top: 0vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#ztVisitorQR img{
    height: 13vh;
}

.zt-najave-confirm-block .block5 button,
.zt-najave-visit-termin .block5 button {
    font-size: 3vh;
    width: 100%;
}
.zt-najave-confirm-block .block5 .btn-accept,
.zt-najave-visit-termin .block5 .btn-accept {
    background:var( --e-global-color-primary );
}
.zt-najave-confirm-block .block5 .btn-deny,
.zt-najave-visit-termin .block5 .btn-deny{
    background:red;
}

.zt-najave-confirm-block .block5 .grayBlock.mini,
.zt-najave-visit-termin .block5 .grayBlock.mini {
    font-size: 3vh;
    margin: 0vh 0px 0px 0px;
    padding: 1vw;
}


.col-form-label {
    padding-top: calc(.375rem + 1px)!important;
    padding-bottom: calc(.375rem + 1px)!important;
    margin-bottom: 0!important;
    font-size: inherit!important;
    line-height: 1.5!important;
    text-align: left!important;
    font-weight: 700!important;
}

.form-group {
    margin-bottom: 1rem;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem!important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da!important;
    border-radius: .25rem!important;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.accept-btn {
    color:white; 
    background-color: var(--e-global-color-primary);
}

#zt-najave-obiskov-meeting-buttons{
    width: 100%;
}
#zt-najave-obiskov-meeting-buttons .btn-accept{
    color: white;
}

#zt-najave-obiskov-meeting-buttons .btn-deny{
    color: white;
}