.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;
    }
    
    .spinnerDiv {
        height: 100vh;
        width: 100vw;
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 10000000;
        display: flex;
        align-content: center;
        justify-content: center;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 128px, rgba(128, 128, 128, 0.9) 100%, rgba(128, 128, 128, 0.7) 100%);
    }
    .spinnerDiv .spinner {
        width: 60px;
        height: 60px;
    }

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

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

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

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

.zt-najave-boardingpass-logo{
    max-height: 14vh!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-najave-form .grayBlock.mini {
    font-size: 16px; 
    margin-top: 15px; 
}
.zt-najave-form .danger {border-color: #d9534f; }
.zt-najave-form .warning{border-color: orange; }
.zt-najave-form .success{border-color: #5cb85c; }
.zt-najave-form .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{
    background-color: #d9534f; 
}
.zt-najave-visit-termin .block.success{
    background-color: var( --e-global-color-primary ); /* #5cb85c; */
    color: white;
}
.zt-najave-visit-termin .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: 1vh 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){
    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: 19vh;
	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.5vh;
}

.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: 19vh;
	font-size: 5vh;
	display: flex;
    flex-direction: column;
    justify-content: center;
    
}

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

.zt-najave-confirm-block .block4 ,
.zt-najave-visit-termin .block4 {
	height: 19vh;
    background: #ffffff82;
    display: flex;
    flex-direction: column;
    justify-content: center;	
}

.zt-najave-confirm-block .block5,
.zt-najave-visit-termin .block5{
	height: 19vh;
    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 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 );
    color: white;
}
.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; 
    border: initial;
}

#zt-najave-obiskov-autologin-results{
    margin-top: 20px;
}