body{
	overscroll-behavior-y: contain;
}

#obvestilo_odpoved{
	/*display:none;omogoči ali onemogoči obvestilo o odpovedi na frontpagu - uredi še v javascriptu*/
}

#rezervacije_izbira_stanovalca_koledar{
	display:none;/*section - koledar za vpis rojstnega datuma
}

#uredi_oskrbovanca input{
	border:1px solid;
	border-collapse:collapse;
	border-radius: 4px;
	/*background-color:#ddd;*/
	text-align:left;
	padding:10px;
	margin:0 0 30px;	
	width:300px;
}

#uredi_oskrbovanca input[readonly]{background-color:#ddd;}

#uredi_rezervacijo_form input,select{
	border:1px solid;
	border-collapse:collapse;
	border-radius: 4px;
	/*background-color:#ddd;*/
	text-align:left;
	padding:10px;
	margin:0 0 30px;	
	width:300px;
	height:41px;
}
#uredi_rezervacijo_form input[readonly]{background-color:#ddd;}



.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 50%;
}

#rezervacijski_obrazec {
	display:none;
}


.referencna_st{
	padding: 10px;
    color: white;
    background: red;
    border-radius: 7px;
	margin:10px
}

.rez_v_teku{
    border-radius: 50%;
    margin: 5px;
    width: 20px;
    height: 20px;
    background: #ff0000de;
    color: #ffffff;
    text-align: center;
    display: inline-block;
}

@media screen and (max-width: 767px) {
	.mobilne{
		display:"";
	}
}

@media screen and (min-width: 768px) {
	.mobilne{
		display:none;
	}
}
.datum_vpis{
	max-width:100px;
}
#prazniki_div{
	padding:20px;
}

.popup-content{
	visibility:hidden;
	background:#cccccc14;
	padding:20px;
	border-radius:2px;
}
.popup-content.active {
visibility:visible;
}

button.popup_close{
	color:black;
}

#popup_obvestilo{
	display:none;
}
#form_div{
	display:none;
}

.aktiviran_udelezenec{
	padding:20px 20px 20px 20px;
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	font-size:14px;
}
.reg_koda{
	margin-top:20px;
	margin-bottom:20px;
}
.error {
  color: red;
  margin-left: 0px;
}
.prijava_section{
	background:#cccccc14;
	padding:20px;
	border-radius:2px;
	margin-top:10px;
}
.izbira_naslov{
	font-size:16px;
	padding:10px 5px 20px 0px;
	color:#666;
}
.izbira_podnaslov{
	font-size:14px;
	padding:10px 5px 10px 30px;
	color:#666;
}

.chk_izbira_1{
	padding:5px 0px 5px 30px;	
	opacity:1;
}
.chk_izbira_1 .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chk_izbira_1 .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.chk_izbira_1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.chk_izbira_1 .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chk_izbira_1 .container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.chk_izbira_1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chk_izbira_1 .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chk_izbira_1 .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/**/
input[type=color]{
	padding:0px;
	width: 70px;
    height: 30px;
	position:relative;
	top:7px;
}

.legenda_celica{
	position: relative;
    left: -118px;
    top: 2px;
    width: 70px;
    border: none!important;
    background: transparent;
}

/* ***********RADIO******************  */
.chk_izbira_dni .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.chk_izbira_dni .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.chk_izbira_dni .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.chk_izbira_dni .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.chk_izbira_dni .container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.chk_izbira_dni .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.chk_izbira_dni .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.chk_izbira_dni .container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.bot{
	display:none;
}
.nonvisible{
	display:none;
}
#shranjevanje{
	display:none;
	color:red;
}
#registrirani_udelezenci table, th, td{
	border:1px solid;
	border-collapse:collapse;
	background-color:#ddd;
	text-align:left;
	padding:10px;
	margin:0 0 30px;
	
}
/* ==========================================================================
	   #FONT
	   ========================================================================== */
	.font-robo {
	  font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	}

	/* ==========================================================================
	   #GRID
	   ========================================================================== */
	.row {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	}

	.row-space {
	  -webkit-box-pack: justify;
	  -webkit-justify-content: space-between;
	  -moz-box-pack: justify;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
	}

	.col-2 {
	  width: -webkit-calc((100% - 60px) / 2);
	  width: -moz-calc((100% - 60px) / 2);
	  width: calc((100% - 60px) / 2);
	}

	@media (max-width: 767px) {
	  .col-2 {
		width: 100%;
	  }
	}

	/* ==========================================================================
	   #BOX-SIZING
	   ========================================================================== */
	/**
	 * More sensible default box-sizing:
	 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
	 */
	html {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}

	* {
	  padding: 0;
	  margin: 0;
	}

	*, *:before, *:after {
	  -webkit-box-sizing: inherit;
	  -moz-box-sizing: inherit;
	  box-sizing: inherit;
	}

	/* ==========================================================================
	   #RESET
	   ========================================================================== */
	/**
	 * A very simple reset that sits on top of Normalize.css.
	 */
	body,
	h1, h2, h3, h4, h5, h6,
	blockquote, p, pre,
	dl, dd, ol, ul,
	figure,
	hr,
	fieldset, legend {
	  margin: 0;
	  padding: 0;
	}

	/**
	 * Remove trailing margins from nested lists.
	 */
	li > ol,
	li > ul {
	  margin-bottom: 0;
	}

	/**
	 * Remove default table spacing.
	 */
	table {
	  border-collapse: collapse;
	  border-spacing: 0;
	  position:relative;
	}
	th { 
    background: #3498db; 
    color: white; 
    font-weight: bold; 
	position:sticky;
	position:-webkit-sticky;
	top:0;
    }

td, th { 
    padding: 1px; 
    border: 1px solid #ccc; 
    text-align: center; 
    font-size: 14px;
    }

#tabela_rezervacij td, th{
	width:100px;
}


.dnevni_pregled th{
	background: #3498db; 
    color: white; 
    font-weight: bold; 
	position:sticky;
	position:-webkit-sticky;
	top:0;
}

.dnevni_pregled td{
	border:1px solid;
	border-collapse:collapse;
	background-color:#ffffff;
	text-align:left;
	padding:10px;
	margin:0 0 30px;
}
	/**
	 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
	 *    on fieldsets.
	 */
	fieldset {
	  min-width: 0;
	  /* [1] */
	  border: 0;
	}

	button {
	  outline: none;
	  background: none;
	  border: none;
	}
.t_10_00{
	/*color:red;*/
}
.skrij_td{
	display:none;
}
.prikazi_td{
	display:"";
}

.skrij_element{display:none;}
	/* ==========================================================================
	   #PAGE WRAPPER
	   ========================================================================== */
	.page-wrapper {
	  min-height: 100vh;
	}

	body {
	  font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	  font-weight: 400;
	  font-size: 14px;
	}

	h1, h2, h3, h4, h5, h6 {
	  font-weight: 400;
	}

	h1 {
	  font-size: 36px;
	}

	h2 {
	  font-size: 30px;
	}

	h3 {
	  font-size: 24px;
	}

	h4 {
	  font-size: 18px;
	}

	h5 {
	  font-size: 15px;
	}

	h6 {
	  font-size: 13px;
	}

	/* ==========================================================================
	   #BACKGROUND
	   ========================================================================== */
	.bg-blue {
	  background: #2c6ed5;
	}

	/* ==========================================================================
	   #SPACING
	   ========================================================================== */
	.p-t-100 {
	  padding-top: 100px;
	}

	.p-t-20 {
	  padding-top: 20px;
	}

	.p-b-100 {
	  padding-bottom: 100px;
	}

	/* ==========================================================================
	   #WRAPPER
	   ========================================================================== */
	.wrapper {
	  margin: 0 auto;
	}

	.wrapper--w680 {
	  max-width: 680px;
	}

	/* ==========================================================================
	   #BUTTON
	   ========================================================================== */
.btn_nadzor{
	width:100%;
}

.app_btn {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.app_btn:hover {
	text-decoration: none;
}
.app_btn:active {
	position: relative;
	top: 1px;
}
.btn {
	margin:10px;
	line-height: 40px;
	display: inline-block;
	padding: 0 25px;
	cursor: pointer;
	font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 14px;
	font-weight: 700;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover{
	background: #ccc8c8;
}

	.btn--radius {
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	}

	.btn--radius25 {
	  -webkit-border-radius: 25px;
	  -moz-border-radius: 25px;
	  border-radius: 25px;
	}

	.btn--green {
	  background: #542437;
	}

	.btn--green:hover {
	  background: #4dae3c;
	}

	.btn--nova {
	  background: #4B9FE1;
	}

	.btn--nova:hover {
	  background: #3778C2;
	}

	.button2 {
	 /*width:200px;*/
	 text-transform: uppercase;
	 /*border:1px solid #2b3540; 
	-webkit-border-radius: 0px; 
		-moz-border-radius: 0px;
		border-radius: 0px;*/
	font-size:12px;
	/*padding: 10px 10px 10px 10px; */
	text-decoration:none; 
	display:inline-block;
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
	font-weight:bold; 
	color: #FFFFFF;
	background-color: #3498db;/*#005cb9; */
	}

	.button2:hover {
	 border:1px solid #101417;
	 text-transform: uppercase;
	 background-color: #101417; 

	}

	.my-legend .legend-title {
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 90%;
    }
  .my-legend .legend-scale ul {
    margin: 0;
    margin-bottom: 5px;
    /*padding: 0;*/
    float: left;
    list-style: none;
	border: 1px solid grey;
    padding: 5px;
    }
  .my-legend .legend-scale ul li {
    font-size: 80%;
    list-style: none;
    margin-left: 0;
    line-height: 25px;
    margin-bottom: 2px;
    }
  .my-legend ul.legend-labels li span {
    display: block;
    float: left;
    height: 23px;
    width: 50px;
    margin-right: 5px;
    margin-left: 0;
    border: 1px solid #999;
	padding: 1px;
    font-size: 90%;
    text-align: center;
    }
  .my-legend .legend-source {
    font-size: 95%;
    color: #999;
    clear: both;
    }
  .my-legend a {
    color: #777;
    }

	/* ==========================================================================
	   #DATE PICKER
	   ========================================================================== */
	td.active {
	  background-color: #2c6ed5;
	}

	input[type="date"] {
	  padding: 14px;
	}

	.table-condensed td, .table-condensed th {
	  font-size: 14px;
	  font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	  font-weight: 400;
	}

	.daterangepicker td {
	  width: 40px;
	  height: 30px;
	}

	.daterangepicker {
	  border: none;
	  -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	  display: none;
	  border: 1px solid #e0e0e0;
	  margin-top: 5px;
	}

	.daterangepicker::after, .daterangepicker::before {
	  display: none;
	}

	.daterangepicker thead tr th {
	  padding: 10px 0;
	}

	.daterangepicker .table-condensed th select {
	  border: 1px solid #ccc;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  font-size: 14px;
	  padding: 5px;
	  outline: none;
	}

	/* ==========================================================================
	   #FORM
	   ========================================================================== */
	input {
	  outline: none;
	  margin: 0;
	  border: none;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  width: 100%;
	  font-size: 14px;
	  font-family: inherit;
	}

	.input-group {
	  position: relative;
	  margin-bottom: 30px;
	  border-bottom: 2px solid #ccc;
	}

	.input-icon {
	  position: absolute;
	  font-size: 18px;
	  color: #ccc;
	  right: 8px;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -moz-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  -o-transform: translateY(-50%);
	  transform: translateY(-50%);
	  cursor: pointer;
	}

	.input--style-1 {
	  padding: 9px 0;
	  color: #666;
	  border: none!important;
	}

	.input--style-1::-webkit-input-placeholder {
	  /* WebKit, Blink, Edge */
	  color: #555;
	}

	.input--style-1:-moz-placeholder {
	  /* Mozilla Firefox 4 to 18 */
	  color: #555;
	  opacity: 1;
	}

	.input--style-1::-moz-placeholder {
	  /* Mozilla Firefox 19+ */
	  color: #555;
	  opacity: 1;
	}

	.input--style-1:-ms-input-placeholder {
	  /* Internet Explorer 10-11 */
	  color: #555;
	}

	.input--style-1:-ms-input-placeholder {
	  /* Microsoft Edge */
	  color: #555;
	}

	/* ==========================================================================
	   #SELECT2
	   ========================================================================== */
	.select--no-search .select2-search {
	  display: none !important;
	}

	.rs-select2 .select2-container {
	  width: 100% !important;
	  outline: none;
	}

	.rs-select2 .select2-container .select2-selection--single {
	  outline: none;
	  border: none;
	  height: 34px;
	}

	.rs-select2 .select2-container .select2-selection--single .select2-selection__rendered {
	  line-height: 34px;
	  padding-left: 0;
	  color: #555;
	}

	.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow {
	  height: 32px;
	  right: 4px;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	  -moz-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	  -moz-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	}

	.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow b {
	  display: none;
	}

	.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow:after {
	  font-family: "Material-Design-Iconic-Font";
	  content: '\f2f9';
	  font-size: 18px;
	  color: #ccc;
	  -webkit-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease;
	  -moz-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}

	.rs-select2 .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow::after {
	  -webkit-transform: rotate(-180deg);
	  -moz-transform: rotate(-180deg);
	  -ms-transform: rotate(-180deg);
	  -o-transform: rotate(-180deg);
	  transform: rotate(-180deg);
	}

	.select2-container--open .select2-dropdown--below {
	  border: none;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	  border: 1px solid #e0e0e0;
	  margin-top: 5px;
	  overflow: hidden;
	}

	/* ==========================================================================
	   #TITLE
	   ========================================================================== */
	.title {
	  margin-bottom: 37px;
	}

	/* ==========================================================================
	   #CARD
	   ========================================================================== */
	.card {
	  /*overflow: hidden;*/
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  background: #fff;
		margin-bottom:100px;
	}

	.card-1 {
	  -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	}

	.card-1 .card-heading {
	  background: url("../images/bg-head-02.jpg") center center/cover no-repeat;
	  padding-top: 210px;
	}

	.card-1 .card-body {
	  padding: 0 90px;
	  padding-top: 55px;
	  padding-bottom: 65px;
	}

	@media (max-width: 767px) {
	  .card-1 .card-body {
		padding: 0 40px;
		padding-top: 40px;
		padding-bottom: 40px;
	  }
}