@import url('hover.css');

/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Mono', monospace;
*/

img {outline: none;}
a {outline: none; text-decoration:none;color:#FF8F00;}
a:hover {color:#C46B00;}
code {color:#0033CC;}

page{
	text-align: center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

body{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:17px;
	color:white;
	background-color:#dedede;
	margin:0;
	padding:0;
	/*user-select: none;*/
}

h1, .naslov{
		padding:0;
		margin:0;
		font-size: 30px;
		font-weight:600;
}		

h2, .lead{
		padding:0;
		margin:0;
		font-size: 20px;
		font-weight:400;
}		

h3{
		padding:0;
		margin:0;
		font-size: 18px;
		font-weight:100;
}


.flex-container{display: flex; flex: 1;}

.center{text-align:center;}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}
.right{text-align:right}
.left{text-align:left}

.btnRed{background-color:#9B0000}
.btnRed:hover{background-color:#FF0000}
.btnRed:active{background-color:white;color:red;}

.btnGray{background-color:#E5E5E5;color:#666666;}
.btnGray:hover{background-color:#729300;color:white;}
.btnGray:active{background-color:#CBFF15;color:black;}

#glava{
	background-color:#9e9e9e;
	height:50px;
	position:fixed;
	top:0;left:0;
	width:100%;
	z-index:100;
}

#fakeGlava{
	background-color:#9e9e9e;
	height:50px;
}


#glavaCenter{
	/*background-color:aqua;*/
	width:1180px; 
	margin:0 auto;
	padding:0px;
	height:50px;
	position:relative;
	top: 0px;
}

#logo{
	position:absolute;
	top: 0px;
	left: 2px;
	text-align: center;
}

#logo>a>img{
	height:50px;
	top:0px;
}


#menu{
	font-family: "Roboto Condensed", sans-serif;
	font-weight:400;
	font-size:18px;
	position:absolute;
	width: 920px;
	top: 0px;
	text-align: left;
	left: 260px;
	vertical-align:middle;
	height:50px;
	margin-left: 0px;
	text-shadow: 0 0 10px white;
	/*background-color:bisque;*/
}

#menu a{
	display:inline-block;
	text-decoration:none;
	color:#FFFFFF;
	/*transition: 200ms linear;*/
	vertical-align:middle;
	margin:5px 0 0 0;
	padding:15px .75em 0 .75em;
	height:30px;
	border-radius:15px 15px 0 0;
	
}

#menu a:hover{
	background-color:#ffeb3b;
	color:black;
	transition: 200ms linear;
}

#menu a.selected{
	background-color:#ffc107;
	color:black;
}


#vsebina{
	/*border: 1px chartreuse dashed;*/
	margin:0;
	padding:0;
	height:auto;
	overflow:visible;
	/*background-color:aqua*/
}

#vsebinaCenter{
	background-color:white;
	color:#214549;
	width:1180px; 
	margin:0px auto;
	padding:0px;
	min-height:900px;
}

#dPorocilaLevo, #dNastavitveLevo, #dPregledLevo, #divLevo{
	background-color:#EAEAEA;
	position:relative;
	width:260px;
	display:inline-block;
	vertical-align:top;
	min-height:900px;
}

.usersList, .usersListNadomescam{
	display:inline-block;
	margin-bottom:2px;
	padding-left:5px;
	padding-top:1px;
	border:thin #d0d0d0 solid;
	color:black;
	font-weight:400;
	font-size:18px;
	outline:0;
	height:23px;width:230px;
	border-radius:2px;
	cursor:pointer;
	text-align:left;
}


.usersList>img, .usersListNadomescam>img{
	width:16px;
	height:16px;
	padding-top:-2px;
	vertical-align:middle;
}


.usersList:hover, .usersListNadomescam:hover{background-color:#001466;color:white;}
.usersList:active, .usersListNadomescam:active{background-color:white;color:#1d6dd9;}
.usersList.selected, .usersListNadomescam.selected{background-color:#1d6dd9;color:white;}




#dPorocilaDesno, #dNastavitveDesno, #dPregledDesno, #divDesno{
	background-color:white;
	position:relative;
	width:910px;
	display:inline-block;
	vertical-align:middle;
}

.seznamTabelaGlava{
	background-color:#001466;
	color:#FFFFCC;
	display:inline-block;
	text-align:left;
	/*border-bottom:thin #CCCCCC solid;*/
	width:100%;
	cursor:pointer;
	padding:5px;
	padding-bottom:2px;
	font-weight:400;
	height:25px;
	border-radius:6px 6px 0 0;
	font-size:14px;
	vertical-align:middle;
}

.seznamTabela{
	display:inline-block;
	text-align:left;
	border-bottom:thin #CCCCCC solid;
	width:100%;
	cursor:pointer;
	padding:5px;
	padding-bottom:2px;
	font-weight:400;
	height:25px;
	font-size:14px;
	vertical-align:middle;
	/*text-shadow:1px 1px 2px #555555;*/
}

.seznamTabela:hover{background-color:#001466;color:white;}
.seznamTabela:active{background-color:white;color:#1d6dd9;}
.seznamTabela.selected{background-color:#1d6dd9;color:white;}

.seznamTabela>div, .seznamTabelaGlava>div{
	display:inline-block;
	vertical-align:middle;
	border-right:thin #CCCCCC solid;
}

.seznamTabela>div:last-child, .seznamTabelaGlava>div:last-child{
	border-right:none;
}

.seznamTabela>div>img{
	width:20px;
	height:20px;
	vertical-align:top;
}


.ostaliPodatki{
	display:none;
	text-align:left;
	border:thin #C0C0C0 solid;
	border-radius:0 0 10px 10px;
	height:450px;
	overflow:hidden auto;
	background-color:ghostwhite;	
}
#koledar{
	position:relative;
	width:660px;
	height:100px;
	background-color:white;
	text-align:center;
	display:inline-block;
	/*border:thin #E6E6E6 solid;*/
	border-radius:5px;
	vertical-align:top;
}

.koledarDan{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:17px;
	text-align:center;
	border:thin white solid;
	border-radius:4px;
	font-size:10px;
	cursor:pointer;
	padding:0;
	margin:0 -1px;
	color:black;
}

.koledarDanToday{
	background-color:#0CFAC5;
}

.koledarDan:hover{
	border:thin #FF8F00 solid;
}

.koledarDanSelected{
	border:thin #005F74 solid;
}


.koledarImeDneva{
	font-size:9px;
	margin-top:4px;
	color:#666666;
}

.koledarStevilkaDneva{
	font-size:12px;
	font-weight:600;
	border-radius:10px;
}

.koledarStevilkaDneva.normal{color:black;border: thin white solid;border-radius:10px;}
.koledarStevilkaDneva.sobota{color:#FF66CC;border: thin #FF66CC solid;border-radius:10px;}
.koledarStevilkaDneva.nedelja{color:#CC00CC;border: thin #CC00CC solid;border-radius:10px;}

/*praznik*/
.koledarStevilkaDneva.praznik{
	background-color:#FFFF99;
	color:black;
	border:thin red solid;
	border-radius:10px
}

.smallHelp{
	display:inline-block;
	height:20px;width:20px;
	background-color:#729300;
	border-radius:10px;
	color:white;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
}

#porocilaUre{
	display:inline-block;
	width:220px;
	height:100px;
	background-color:white;
	border:thin #E6E6E6 solid;
	border-radius:5px;
	vertical-align:top;
}

.porocilaTipke{
	margin-top:10px
}
.porocilaTipkeLevo{
	display:inline-block;
	width:500px;
}

.porocilaTipkeDesno{
	display:inline-block;
	width:380px;
	text-align:right;
}

.porocilaTipkeDesno img{
	display:inline-block;
	height:32px;
	width:32px;
	vertical-align:top;
}


#fogBack{
	position:fixed;
	top:0;left:0;width:100%; height:100%;
	background-color:#22222266;
	z-index:101;
}

#formWindow{
	width:700px;
	/*height:600px;*/
	position:fixed;
	top:50%;left:50%;
	margin:-290px -300px;
	border: 2px #1d6dd9 solid;
	z-index:102;
	border-radius:5px;
	background-color:antiquewhite;
	overflow:hidden;
	display:none;
	box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);	
}


#formWindow table {border-collapse: collapse;}
#formWindow tr {/*border-bottom: 1px #CCCCCC dotted; padding-bottom:10px;*/}
#formWindow td:first-child {padding-top:10px}
#formWindow td {padding-bottom:10px;vertical-align:top;}
#formWindow td, th {vertical-align:top;}


.nDiv{
	padding:10px;
	color:#214549;
}

.naslovnaVrstica{
	display: block;
	top:0;left:0;width:700px;height:30px;
	vertical-align:middle;
	background-color:#17329e;
	padding-top:5px;
	font-weight:500;
	user-select: none;
}

.porocilaZapis{
	width:890px;
	/*min-height:200px;*/
	border-radius:5px;
	border:thin #CCCCCC solid;
	background-color:#EEEEEE;
	color:#214549;
	margin-top:20px;
	padding:10px;
	position:relative;
	font-family: 'Roboto Condensed', sans-serif;
	
}

.porocilaZapisBadge{
	display:inline-block;
	/*position:absolute;*/
	width:40px; height:40px;
	margin-top:5px;
	text-align:center;
	vertical-align:top;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:500;
	font-size:12px;
}

.porocilaZapisBesedila{
	display:inline-block;
	text-align:left;
	vertical-align:top;	
	width:800px;
}


.porocilaZapisNasV{
	display:inline-block;
	/*position:absolute;*/
	text-align:left;
	vertical-align:top;	
	background-color:aliceblue;
	font-weight:500;
	width:800px;
	border:thin #CCCCCC solid;
	border-radius:5px;
	padding:10px;
	margin-bottom:5px;
}

.porocilaZapisNasV img{
	display:inline-block;
	height:20px;
	width:20px;
	vertical-align:top;
}

.noColor{
	background-color:#F5F5F5;
	border:none;
}

/*#errVnos{
	position:absolute;
	background-color:orangered;
	color:white; 
	padding:20px; 
	border:thin black solid; 
	border-radius:5px;
	display:none;
	margin:0 auto;
}*/

#errVnos{
	position:fixed;
	top:-200px;
	left:50%;
	width:400px;
	margin-left:-200px;
	z-index:110;
	font-size:18px;
	text-align:center;
	font-weight:400;
	text-shadow:0px 0px 3px black;
	opacity:0;
	background-color:#ff8f00;
	color:white; 
	padding:25px; 
	border-radius:5px;

}

#noga{
	/*
	position:fixed;
	bottom:0;left:0;
	right:0;
	*/
	background-color:#001466;
	height:40px;
	color:#FFFFFF;
	z-index:1000;
}

#nogaCenter{
	width:1180px; 
	margin:0 auto;
	padding:0;
	height:40px;
	position:relative;
	top: 0px;
	vertical-align:middle;
	font-size:15px;
}
#nogaCenter2{
	width:1180px; 
	height:40px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#showWait{
	position:fixed;
	text-align:center;
	top:0;left:0;bottom:0;right:0;
	padding-top:300px;
	color:black;
	cursor:wait;
}
#showWait>#swBorder{
	display:inline-block;
	padding:30px;
	border:thin black solid;
	border-radius:10px;
	background-color:#ffffffdd;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#showWait img{
	height: 100%;
	max-height: 50px;
	vertical-align: middle;
}


button{
	background-color:#1d6dd9;
	border:thin #999999 solid;
	color:white;
	padding:8px;
	outline:0;
	height:33px;
	border-radius:4px;
}
button:hover{background-color:#13468A;}
button:active{background-color:#89B5EF;color:black;}



textarea{
	background-color:#FFFFE1;
	border:thin #999999 solid;
	border-radius:4px;
	height:25px;
	margin:2px;
	padding:3px;
	outline:none;
	resize: vertical;
	font-family:'Roboto Mono', monospace;
}

textarea:focus{
	background-color:#E3EDFB;
}


textarea::placeholder { 
  color:#CCCCCC;
  opacity: 1; /* Firefox */
}


input, select{
	width:250px;
	background-color:#FFFFE1;
	border:thin #999999 solid;
	border-radius:4px;
	height:25px;
	margin:2px;
	padding:3px;
	outline:none;
}

select{
	width:258px;
}

input:focus, select:focus{
	background-color:#E3EDFB;
}

input[type=checkbox]{
	width:20px;
	margin-right:10px;
	vertical-align:middle;
}


input::placeholder { 
  color:#CCCCCC;
  opacity: 1; /* Firefox */
}

.invalid{
	background-color:#ffecec;
	border:thin red solid;
}

select{
	/*background-color:white;*/
	border:thin #999999 solid;
	border-radius:4px;
	height:33px;
   -webkit-appearance: menulist-button;
	margin:2px;
	padding:3px;
	outline:none;
	
}
select>option{
/*background-color:#A2AB58;
color:#ff0;*/
font-size:12px;
}

.selectButton{

	border:thin #999999 solid;
	color:white;
	padding:8px;
	outline:0;
	height:33px;
	border-radius:4px;
	background-color:#CCCCCC;
	margin:0 4px 6px 0;
	zoom:80%;
}

.selectButton.selected{
	background-color:#8BB400;
}

.selectButton:hover{
	background-color:#999999;
}

#kontejnerPotrdiTipk{
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(244,244,244,1) 50%, rgba(237,237,237,1) 100%);
	position:absolute;bottom:0;left:0;right:5px;height:40px;padding-top:10px;	
	text-align:right;
	border-top:thin #d6d6d6 solid;
}

.textSmall{
	font-size:11px;
}

.textMono{font-family: 'Roboto Mono', monospace;}

button.paginator{
	border:none;
	background-color:#FFFFCC;
	color:black;
	padding:8px;
	outline:0;
	height:30px;
	width:30px;
	border-radius:100%;
	cursor:pointer;
}

button.paginator:hover{
	background-color:#729300;
	color:white;
}

button.paginator.selected{
	background-color:#8BB400;
	color:white;
}






*::-webkit-scrollbar {
  width: 5px;               /* width of the entire scrollbar */
}
*::-webkit-scrollbar-track {
  background: #CCCCCC;        /* color of the tracking area */
}
*::-webkit-scrollbar-thumb {
  background-color: #808080;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  /*border: 3px solid #666666;*/  /* creates padding around scroll thumb */
}



/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  text-align:left;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  right:0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	cursor:pointer;
  color: black;
  padding: 10px 14px;
  text-decoration: none;
  display: block;
  font-size:13px;
  font-weight:300;
}

.dropdown-content button {
	width:100%;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color:#001466;}

#mobileMenuOpen{
	display:none;
}

.sweet-alert.showSweetAlert{
	box-shadow:black 0px 0px 15px;
	border:1px black solid;
}