/* The Modal (background) */
.modal {
  display: none;
  position: fixed !important;
  z-index: 2147483000 !important;

  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;

  overflow: auto;
  background-color: rgba(0,0,32,0.91);
}


.mdl-close-2 {
    position: absolute;
    right: 14px;
    top: 15px;
    width: 51px;
    height: 51px;
    border: none;
    background: none;
    color: #28AEEA;
    font-size: 60px;
    cursor: pointer;
}

.mdl-close-2:hover {
    color: #d00;
}



/* Modal Content */
.modal-content{ 	
	padding:15px;
	background-color: rgba(0,0,32,0.5); 
	position:relative; 
	margin-top:250px ;
	margin-left: auto ;
	margin-right: auto ;
	max-width:700px;
	width:90%;
	border-radius:15px;
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s;  
	border:2px solid #28AEEA;	
	color:#fff !important;
	
}

/* Modal Content 2 */
.modal-content2 { 
	padding:15px;
	background:0;
	position:relative; 
	margin:100px auto 0px auto;
	width:1410px;
	height:712.5px;
	border-radius:15px;
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s;  
	border:2px solid #28AEEA ;
	color:#fff !important;
	
}

/* Modal Content 3 */
.modal-content3 { 
	padding:15px;
	background:0;
	position:relative; 
	margin:200px auto 0px auto;
	width:879px;
	border-radius:15px;
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s;  
	border:2px solid #28AEEA;
	
}

/* Modal Content 4 */
.modal-content4 { 
	padding:15px;
	background:0 ;
	position:relative; 
	margin:100px auto 0px auto;
	width:879px;	
	border-radius:15px;
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s;  
	border:2px solid #28AEEA;
}

.modal-content-5{ 	
	padding:15px;
	background:0; 
	position:relative; 
	margin-top:200px ;
	margin-left: auto ;
	margin-right: auto ;
	width:789px;	
	border-radius:15px;
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s;  
	border:2px solid #28AEEA;	
}

.modal-content-6{ 	
	padding:15px;
	background-color: rgba(0,0,32,0.5); 
	position:relative; 
	margin-top:200px ;
	margin-left: auto ;
	margin-right: auto ;
	width:897px;	
	border-radius:15px;
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s;  
	border:2px solid #28AEEA;	
}

.modal-content_7{ 	
	padding:15px;
	background: 0; 
	position:relative; 
	margin-top:200px ;
	margin-left: auto ;
	margin-right: auto ;
	width:789px;
	border-radius:15px;
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s;  
	border:2px solid #28AEEA;	
}

.modal-content-8{ 	
	padding:15px;
	background: #015; 
	position:relative; 
	margin-top:100px ;
	margin-left: auto ;
	margin-right: auto ;
	
	width:330px;
	height:231px;	
	
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s; 
	
	border-radius:15px;
	border:2px solid #28AEEA;	
}

.modal-content-9{ 	
	padding:15px 5px 5px 5px;
	background: 0; 
	position:relative; 
	margin-top:60px ;
	margin-left: auto ;
	margin-right: auto ;
	
	width:780px;
	height:762px;	
	
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s; 
	
	border-radius:15px;
	border:2px solid #28AEEA;	
}

.modal-content-10{ 	
	padding:15px 5px 5px 5px;
	background: 0; 
	position:relative; 
	margin-top:60px ;
	margin-left: auto ;
	margin-right: auto ;
	
	width:825px;
	height:762px;	
	
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s; 
	
	border-radius:15px;
	border:2px solid #28AEEA;	
}

.modal-content-11 { 
	padding:15px;
	background:0 ;
	position:relative; 
	margin:200px auto 0px auto;
	
	width:510px;	
	height:197.8px;
	
	border-radius:15px;
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:1s;
	animation-name:zoomIn;
	animation-duration: 1s;  
	border:2px solid #28AEEA;
}


#mdcnt2{	
	height:465px;		
}

.md_hx4{	
	min-height:402px;		
}


/*
.modal-content {
 
  
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
 
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

*/









@keyframes fadeIn {
  from {
    opacity: 0;
  }
to {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1);
  }

  50% {
    opacity: 1;
  }
}



/*********************/

.cdeopen1{

	-webkit-animation-name:fadeIn;
	-webkit-animation-duration:2s;
	animation-name:fadeIn;
	animation-duration: 2s;  

}


.mdtbl1 {
    width: 100%;
    border-collapse: collapse;
}

.mdtbl1 td {
    width: 20%;
    padding: 10px;
}

.mdtbl1 .md-left {
    text-align: left;
}

.mdtbl1 .md-right {
    text-align: right;
}



/***************** DOCS MODAL ********************************/


.mdl-close {
    position: absolute;
    right: 14px;
    top: -5px;
    width: 51px;
    height: 51px;
    border: none;
    background: none;
    color: #28AEEA;
    font-size: 60px;
    cursor: pointer;
}

.mdl-close:hover {
    color: #c00;
}






.mdl-content{ 	
	padding:15px;
	background-color: rgba(0,0,32,0.5); 
	position:relative; 
	margin-top:100px ;
	margin-left: auto ;
	margin-right: auto ;
	width:1400px;	
	/*height:600px;*/
	border-radius:15px;
	-webkit-animation-name:zoomIn;
	-webkit-animation-duration:0.5s;
	animation-name:zoomIn;
	animation-duration: 2s;  
	border:2px solid #28AEEA;	
	color:#fff !important;
}


.mdl-box {
    position: relative;
    border-bottom: 5px solid #28AEEA;
	padding: 15px;
    
}



.mdl-tbl1 {
    width: 100%;
   
	
}

.mdl-tbl1 td {
   
    padding: 15px;
	text-align: center;
	/*border: 1px solid #5f5;*/
}

/*
.mdl-tbl1 .md-left {
    text-align: left;
}

.mdl-tbl1 .md-right {
    text-align: right;
}

*/


@media (min-width: 389px) and (max-width: 1400px) {


.mdl-content{ 	
	margin-top:24px ;	
	width:95%;	
	
}

}

@media (max-width: 550px) {

    .mdtbl1,
    .mdtbl1 tbody,
    .mdtbl1 tr {
        display: block;
        width: 100%;
    }

    .mdtbl1 tr {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    /* skrij prazne td */
    .mdtbl1 td {
        display: none !important;
        padding: 0 !important;
    }

    /* pokaži samo About in Confirm */
    .mdtbl1 td:nth-child(1),
    .mdtbl1 td:nth-child(5) {
        display: block !important;
        width: auto !important;
    }

    /* Confirm zgoraj */
    .mdtbl1 td:nth-child(5) {
        order: 1;
    }

    /* About spodaj */
    .mdtbl1 td:nth-child(1) {
        order: 2;
    }

    .mdtbl1 .btn_m {
        width: 160px;
        text-align: center;
    }
}