* {
	box-sizing: border-box;
}

body {
	background: #fff;
	margin: 0px;
	padding: 0px;
}

body#login
{
	border: none;
	height: 100%;
	min-height: 100%;
}

body, table, th, td, input, textarea, select, option {
	font-family: 'IBM Plex Sans', HelveticaNeue, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #333;
}
a {
	color: gray;
	text-decoration: underline;
}

a:hover {
	color: #000;
}

a img { border: none; }

textarea, select, option {
	background-color: #fff;
}
.notice {
	font-size: 10px;
}

.hide {
	display: none;
}

.clearall {
	clear: both;
	height: 1px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.cb { clear: both; }


#notification {
/*
	position: fixed;
	left: 20px;
	right: 20px;
	top: 30px;

	background: #fff49e;
*/
	margin: 0 auto;
	z-index: 10001;
	clear: both;

}

#feedback   {
	position: fixed; left: 50%; top: 50%; z-index: 10001; width: 66%; padding: 18px 20px; margin-left: -33%; font-weight: bold; color: #333;
    border-radius: 4px;
    text-align: center;
    background: #ff6; background: rgba(255,255,150,.95); }
    #feedback h1 { float: none !important; }
    #feedback.error { background: #6ff; }
#feedback p { padding: 4px 9px 5px; margin: 0 !important; }


.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.grid {
	margin: 0;
	width: 980px;
}


#content {
	background-color: #fff;
/*
	float: left;
	width: calc(100% - 160px);
*/
	padding: 20px;

}

/*
.inner {
	padding: 20px;
}
*/


h1, h2, fieldset legend {
/* 	font-family: Helvetica, Arial, sans-serif; */
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	margin: 0px;
}

h1, h2 { clear: left; }

h2.tab {
	display: none;
}


input {
	margin: 0px;
	padding: 0px;
}


.input, input[type=text], input[type=password] {
	color: #222;
	margin: 1px;
	padding: 4px;
	border: 1px solid #bbb;
	background-color: #f2f2f2;

}

.readonly { width: 200px; display: block; float: left; margin-right: 10px; padding-top: 5px;}

.input, .input-text {
	width: 260px;
}

.datepicker, .datepicker-init { width: 100px; }

.input-text.small { width: 50px; }

.field-select select {
	width: 260px;
}

.input-txtbox, textarea {
	border: 1px solid #bbb;
	background-color: #f2f2f2;
	color: #222;
}
.input-txtbox, .field-textarea textarea {
	width: 300px;
}
.field-textarea textarea {
	height: 100px;
}

#l_opis {
	height: 600px;
	width: 600px;
	clear: right;
}

#l_s6 ,
#l_s14 ,
#l_s15 ,
#l_s22 ,
#l_s23 ,
#l_s33 ,
#l_s34 ,
#l_s35 ,
#l_s36 {
	width: 500px;
	height: 200px;
}

#zaklada-form .input-text { width: 592px; padding: 8px; }

#zaklada-form textarea {
	width: 600px !important;
}

input#code { border: 0; border-radius: 0; background: transparent; border-bottom: 1px solid #bbb; padding: 2px; font-weight: bold; }

.bigone {
    height: 300px;
    width: 100% !important;
}


.input-button {
	color: #333;
	display: inline;
	padding: 0px;

}

.input-submit, input[type=submit], .button {

	border-radius: 4px;
	background: #fff;
	border: 1px solid #00aeef;
	padding: 10px 16px;
	color: #00aeef;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	transition: all .1s ease-in;
}

.input-submit.primary, input[type=submit].primary, .button.primary
{

	background: #00aeef;
	color: #fff;


/* 	color: #000; */
}

.input-submit:hover, input[type=submit]:hover {
	color: #fff;
	background: #0096cc;
	cursor: pointer;
	box-shadow: 4px 4px 0px #92e1ff;
}

input[type=text], input[type=password], textarea {
	border-radius: 4px;
	padding: 6px;
}


input#title_hr, input#title_en {
	width: 620px;
	font-size: 16px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* selects */
#type,
#category_id,
#headline_hr, #headline_en
#comment_status,
#custom_include,
#user_author,
#reservations,
.filter_select {
	width: 200px;
}

#parent_id {
	width: 90%;
}

#author {
	width: 190px;
}

#type_chzn, #category_id_chzn {
	margin-right: 8px;
}

textarea#abstract_hr, #abstract_en {
	width: 620px;
	font-size: 12px;
}

/*
#main_search_string {
	padding: 5px 10px; outline-style:none; -webkit-border-radius: 4px; width: 90%; font-size: 14px; font-weight: bold;

}
*/

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 1px 5px rgba(0,0,0,.3);
  border: 1px solid #fedf26;
  outline-style: none;
  background: #fff;
}



table.table { width: 100%; border-collapse: collapse; clear: left; }

table.table thead td,
table.table thead th {
	background-color: #fff;
	border-top: 2px solid #666;
	border-bottom: 1px solid #666;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
table.table tfoot td {
	background-color: #e2e2e2;
}

table.table tbody td,
table.table tbody th {
	border-bottom: 1px solid #eee;
	font-size: 12px;
}

table.table tbody tr:last-child td {
	border-bottom: 0;
}

table td, .table td, .table th {
	vertical-align: top;
	padding: 6px;
}

th .chzn-container,
th .chosen-container { font-weight: normal; }
th select {
	min-width: 200px;
}

table select {
	min-width: 100px;
}

table.padded thead th {
	background: #ccc;
}

table.padded td,
table.padded th {
/* 	padding: 8px; */
	font-size: 12px !important;
}

table.bordered td {
	border: 1px solid #eee;
}

table.bordered tbody tr:last-child td {
	border: 1px solid #eee;
}

table.bordered tr.divider th,
table.bordered tr.divider td,
table.bordered tbody tr.divider:last-child td {
	border-bottom-color: #666;
}


.padded .radio-label {
	display: block;
	padding: 4px;
	white-space: nowrap;
}

.padded td label {
	margin-right: 15px;
}
.padded td input {
	margin-right: 5px;
}

.padded .radio-label:hover {
	background: #eee;
}
.chzn-container { vertical-align: bottom; }
.row_inactive { opacity: 0.5; }


div#no_results,
.no_images {
	border: 3px dotted #ccc;
	-webkit-border-radius: 8px;
	padding: 20px;
	color: #999;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0px -1px 0px #eee;
	height: 140px;

}
.qq-upload-drop-area {

	border: 2px dotted #ccc;
	-webkit-border-radius: 8px;
	padding: 20px;
	color: #999;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0px -1px 0px #eee;
	height: 60px;

}


.qq-upload-button {
	width: 256px;
	height: 60px;
	border: 2px dotted #ccc;
	-webkit-border-radius: 8px;
	padding: 20px;
	color: #999;
	background: #f2f2f2;
	text-align: center;
	font-size: 14px;
	text-shadow: 0px -1px 0px #eee;
	display: block;

}

.qq-upload-button span {
	display: block;
	font-weight: bold;
 	font-size: 48px;
	line-height: 48px;
	vertical-align: middle;
	margin-top: -15px;
	margin-bottom: 5px;
}

.qq-upload-button input { height: 140px !important; }

.editor_holder { width: 630px; float: left; margin-right: 10px; margin-bottom: 10px;  }

.insert_image_panel 	{ float: left;  width: 220px; }
.images_for_content 	{ float: left;  width: 220px; height: 450px; overflow-y: scroll; }
.images_for_content img	{ border: 1px solid #eee; padding: 1px; margin-left: 2px; margin-bottom: 2px; }

.no_images { width: 148px; float: left; }


#file-uploader-images {
	width: 30%;
	float: left;
}

#upload_from_url,
#image_repository {
	border: 1px dotted #ccc;
	border-radius: 8px;
	padding: 20px;
	color: #999;
	background: #f2f2f2;
	font-size: 14px;
}

#upload_from_url label,
#image_repository label {
	margin-bottom: 10px;
	font-weight: normal;
}

#upload_from_url input[type=text],
#image_repository input[type=text] {
	background: #fff;
		width: 100%;
}

#filter td label
{
	display: inline-block;
	padding-right: 12px;
	padding-left: 4px;
	vertical-align: middle;
	line-height: 16px;
}

#filter th label, th label { display: block; text-align: right; margin-right: 10px; padding-top: 5px; }
th { vertical-align: top; }


label.label {
	display: block;
	float: left;
	width: 120px;
	margin: 1px;
	font-weight: bold;
}

fieldset {
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    padding: 9px;
    margin: 0 0 20px 0;
}

fieldset#tagovi, fieldset#linkovi, fieldset#povezani_sadrzaj {
	width: 100%;
}

fieldset#objava {
	width: 100%;
}

fieldset#objava .chzn-search, .field-datetime .chzn-search {
	display: none;
}

textarea.config {
	width: 435px;
	white-space: nowrap;
	font: 12px "Courier New", Courier, mono;

}

/* IKONICE KOD LISTINGA U ADMINU */

span.item_active {
    width: 32px;
    height: 32px;
	background: url(cssimg/check.png) no-repeat 50% 50%;
	display: block;
	text-indent: -9999px;
}

span.item_inactive {
    width: 32px;
    height: 32px;
	/*background: url(/admin/images/icon/inactive.gif) no-repeat 50% 50%;*/
	display: block;
	text-indent: -9999px;
}

span.item_featured {
    width: 32px;
    height: 32px;
	background: url(cssimg/star.png) no-repeat 50% 50%;
	display: block;
	text-indent: -9999px;
}

span.item_nofeatured {
    width: 32px;
    height: 32px;
	/*background-image:  url(/admin/images/icon/featured_no.gif);*/
	display: block;
	text-indent: -9999px;
}


a.link_delete {
	display: none;
	text-decoration: none;
	background: #ccc;
	color: #666;
	padding: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0px -1px 1px #fff;
}
a.link_delete:hover {
	background: #c00;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
}


td.title_col { width: 250px; }
td.delete_col { width: 60px; }

/*
input#confirm_delete_button {
	background: #ccc;
	color: #333;
	border-color: #fff;
	text-transform: none;
	text-shadow: 0px 1px 0px #fff;
}

input#confirm_delete_button:hover {
	background: #f00;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
}
*/


span.visible_on_hover { display: inline; }

span.cat_title { line-height: 16px; vertical-align: middle; height: 16px; display: block; }

span.cat_title img { margin-top: 0px; margin-right: 4px; float: left; }

#items_selection table.table tbody tr:hover a.link_delete, li.category a.link_delete { display: block; }
#items_selection table.table tbody tr:hover td { background: #f5f5f5; }
#items_selection table.table tbody tr.selected td { background: #ffc; }
#items_selection table.table tbody tr:hover span.visible_on_hover { display: inline; }

.extra_info { display: none; }
.extra_info.visible { display: block; }


#item_droppables { border: 3px solid #c7c3b8; padding: 4px; margin-bottom: 10px; }
#item_images ul, #item_meta ul { margin: 0; padding: 0; }
#repository_images { clear: both; display: none; }

.pagination.image-repository {
	clear: both;
	padding-top: 20px;
}


#item_images_holder,
#item_images_holder ul  { width: 100%; }

#item_meta { float: left; width: 100%;}
#item_meta table { width: 100%; }

#meta li { width: 100%; display: block; clear: left;  }


#image_upload_panel {
}

#image_upload_panel fieldset {
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
}


#image_upload_panel #repository_images fieldset {
	padding: 10px 9px;
}


#item_images_header {

}

#item_images_header input {
	margin-bottom: 10px;
}

#img { clear: both; }
/* #img li a.ui-icon { float: left;  } */
#img li.move_handle {
	display: block;
	float: left;
	width: 220px;
	padding: 4px;

	border: 1px solid #f9f9f9;
	border-radius: 4px;
	margin-bottom: 10px;

	margin-left: 5px;
	margin-right: 5px;

}

#img li.move_handle:hover {
	border: 1px solid #bbb;
	background: #f9f9f9;
}

.move_handle { cursor: move; }

#img .img_group select {
	width: 220px !important;
}

.img_group {
	margin-bottom: 4px;

}

.img_holder.small {
	width: 130px;
	height: 130px;
	padding: 5px;
	float: left;
	margin: 0 10px 10px 10px;
	background: #fff;
}

.img_holder.small:hover {
	background: #ccc;
}

.img_holder.small:hover img {
	opacity: 0.5;
}

.img_holder.small .img_actions a {
	padding: 4px;
}

.img_holder {
	width: 220px;
	height: 220px;
/*
	text-align: center;
	vertical-align: middle;
	background: #f2f2f2;
*/
	position: relative;
	margin-bottom: 4px;
}

li .img_holder img {
	position: absolute;
	bottom: 0;
}

.img_holder p {
	position: absolute;
	visibility: hidden;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 5px;
	text-align: center;
	background: rgba(255,255,255,0.8);
	word-break: break-all;
}

.img_actions {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0;
	visibility: hidden;
	z-index: 10;
	background: rgba(255,255,255,0.8);
	padding: 10px;
}

.img_holder.small .img_actions {
	bottom: 0;
	background: rgba(255,255,255,0.5);
}

.img_actions a {
	margin-left: 5px;
	cursor: pointer;
}

.img_holder:hover .img_actions, .img_holder:hover p {
	visibility: visible;
}

.image_caption {
	width: 200px;
	height: 25px;
	padding: 5px 9px;
/*
	background: #fff;
	border: 1px solid #fff;
*/
}

.image_properties {
}

.image_clear_search {
	cursor: pointer;
}

#dialog-edit-image img {
	float: left;
	max-width: 220px;
	margin-right: 20px;
}

#dialog-edit-image .image_fields {
	float: left;
	width: 450px;
}

hr { clear: both; }


ul#related_content { margin: 10px auto; padding: 0;}

ul#related_content .title_col { width: 200px; cursor: move; }
ul#related_content .category_col { width: 150px; }
ul#related_content .remove_col { visibility: hidden; width: 32px; }
ul#related_content li:hover .remove_col { visibility: visible; }
ul#related_content .remove_col a { cursor: pointer; }


#menu {
	background: #00aeef;
	width: 100%;
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;

}
.has_tabs #menu { min-height: 70px; }
.has_tabs #tabs { /* margin-top: -29px; */ }

.has_tabs #menu ul { margin-bottom: 10px;}
.has_tabs #menu ul li ul { margin-bottom: 0px;}

#menu ul, #submenu ul { list-style: none; margin: 0 auto; padding: 0; max-width: 1200px; }
#menu li, #submenu li { display: inline-block; }
#menu a { display: inline-block; padding: 14px; text-decoration: none; text-transform: uppercase; color: #fff; line-height: 16px; }

#menu ul li.active { border-top-left-radius: 4px; border-top-right-radius: 4px; }
#menu ul li.active a { color: #333; /* font-weight: bold; */  }

#menu ul li.active,
#menu ul.submenu,
#submenu 			{ background: #92e1ff; }

#submenu { padding-top: 10px; padding-left: 4px;  padding-bottom: 10px; }
#submenu a { padding: 14px; color: #000; text-decoration: none;  font-size: 12px; text-transform: uppercase; }

#submenu .active a { font-weight: bold; }

#menu li svg { margin-right: 6px; vertical-align: middle; }

#user_info { background: #000; color: #fff; }
#user_info h1 { font-size: 16px; line-height: 32px; font-weight: normal; margin: 0; padding: 0; width: 150px; text-align: left; float: left; background: #00aeef; }
#user_info p { margin: 0; padding: 0; width: 280px; text-align: right; line-height: 24px; float: right; }

span#honey { 	font-style: normal; font-weight: bold; color: #fedf26; background: url(cssimg/honeyo.png); width: 16px; height: 16px; text-indent: -9999px; display: block; float: left; margin-top: 4px; margin-right: 4px; }
#user_info h1 em { font-size: 12px; color: #ccc; font-family: Georgia;  }
#user_info h1 a { color: #fff; font-style: normal; font-weight: normal; padding-left: 10px; }


/*
#user_info { background: #000; color: #fff; }
#user_info div { width: 980px; margin: 0 auto; padding-bottom: 5px;  }
#user_info p { margin: 0; padding: 0; width: 280px; text-align: right; line-height: 24px; float: right; }

#user_info h1 { font-size: 13px; line-height: 14px; font-weight: normal; margin: 0; padding: 0; width: 80px; height: 80px; border-radius: 40px; text-align: left; float: left; background: transparent url(cssimg/honey.png) no-repeat 50% 50%; position: absolute; left: 20px; top: 20px; }
#user_info span#honey { 	font-style: normal; font-weight: bold; color: #fedf26; text-align: center; display: block; padding-top: 22px; text-transform: uppercase; }
#user_info h1 em { font-size: 12px; color: #ccc; font-family: Georgia; display: block; text-align: center; }
#user_info h1 a { color: #fff; font-style: normal; font-weight: normal; display: block; text-align: center; text-decoration: none; }
*/

#admin_page_title { line-height: 32px; padding-left: 20px; font-size: 14px; }
#admin_page_title #a_type { color: #ccc; font-variant: small-caps; text-transform: lowercase;}

#tabs { border: none; margin-top: 0; padding: 0; }
/* ul#tabs-nav { border: none; background: #f1f1f1; border-radius: 0; border-bottom: 1px solid #e5e5e5; max-height: 32px; } */

.ui-tabs .ui-tabs-panel { padding: 10px 0 !important; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border-color: #e5e5e5 !important; }
.ui-state-error { padding: 5px; }

.selected { background: #888; }



#login_logo 							{ margin-bottom: 15px; }
#form_login label 						{ display: block; text-transform: uppercase; color: #7f7f7f; text-align: left; }
#form_login .field 						{ margin-bottom: 10px; }
#form_login input[type=submit] 			{ }
#form_login input[type=text],
#form_login input[type=password] 		{ background: #eaeaea; border: 1px solid #eaeaea; width: 208px; }
#form_login input[type=text]:focus,
#form_login input[type=password]:focus 	{ background: #eaeaea; border: 1px solid #d5d5d5; outline: none; }


div.tagsinput 				{ /* border:1px solid #bbb; */ background: #FFF; padding:5px; height:80px; overflow-y: auto;}
#content_tags_tagsinput 	{ width:590px !important; }
div.tagsinput span.tag 		{ border: 1px solid #aaa; -moz-border-radius:4px; -webkit-border-radius:4px; display: block; float: left; padding: 3px 6px; text-decoration:none; background: #d5d5d5; color: #333; margin-right: 5px; margin-bottom:5px; }
div.tagsinput span.tag a	{ font-weight: bold; color: #000; text-decoration:none;   }
div.tagsinput input 		{ width:80px; margin:0px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div 			{ display:block; float: left; }
.tags_clear 				{ clear: both; width: 100%; height: 0px; }

/* .image_properties label 	{ width: 100px; display: block; float: left; clear: both; } */

.sitemap-sortable, .sitemap-sortable ol {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 40px;
}
.sitemap-sortable {
	margin-left: 0;
}

.sitemap-sortable li {
	padding: 0;
}

.sitemap-sortable select {
	-webkit-appearance: none;
	padding: 4px;
	border-radius: 0;
	width: 100%;
}

/*
.sitemap-sortable .item {
	border: 1px solid red;
}
*/


#news_categories .ui-sortable tr:hover
{
	cursor: move;
}

#table-categories tr td ul
{
	list-style: none;
	float: left;
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0 0 0 1em;
}

#table-categories tr td ul li span
{
	float: left;
	margin: 0;
	padding: 0;
	width: 20%;
}

#table-categories tr td ul li.category
{
       width: 90%;
       float: left;
       clear: both;
       margin-left: 10%;
}

#table-categories tr td ul li.category.depth-0,
#table-categories tr td ul li.category.depth-0 > ul
{
       width: 100%;
       margin: 0;
}

.ui-selected
{
	height: 25px;
	width: 100%;
	background: #DDD;
}

.ui-widget ul { list-style: none; margin-left: 20px; padding-left: 0; }

#rc_holder, .rc_holder { clear: both; margin-left: 190px; }

.pagination { margin: 10px auto; overflow: hidden; text-align: center; }
.pagination li { display: inline; }
.pagination li a { border-radius: 50%; background: #ddd; color: #000 !important; display: inline-block; font: normal bold 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 4px; width: 26px; text-decoration: none; }
.pagination li a:hover { background: #333; color: #fff !important; text-decoration: none; }
.pagination li.active a { background: #000;  color: #fff !important; display: inline-block !important; }
.pagination li a.prev { background: none; font-size: 18px; font-weight: normal; margin-right: 15px; padding-left: 12px; width: auto !important; }
.pagination li a.next { background: none; font-size: 18px; font-weight: normal; margin-left: 15px;padding-right: 12px; width: auto !important; }
.pagination li a.prev:hover, .pagination li a.next:hover { color: #000 !important; }

.label-section { margin-left: 190px; clear: both; }

.field { float: left; width: 100%; padding: 0; margin-bottom: 10px; clear: both; }
.field label { float: left; display: inline; width: 170px; padding: 5px 20px 0 0; text-align: right; line-height: 20px; }

.field .readonly-value {
	float: left;
	padding: 5px 20px 0 0; line-height: 20px;
}

.field .inline-label { float: none; width: auto; padding: 0 9px 0 10px; }

.field .input-checkbox { float: left; margin-top: 6px; margin-right: 20px; }
.inline-fields { float: left; }
.inline-fields .field { clear: none; width: auto; margin-right: 20px; padding-bottom: 0; }
.inline-fields .field label { width: auto; }

.field-group .field { width: auto; clear: none; margin-right: 20px;}
.field-group .field label { width: auto;}

label.above, .image_fields label { float: none; text-align: left; width: auto; display: block; text-transform: uppercase; color: #666; font-size: 11px; }

.image_fields input[type=text] { width: 250px; }

.field .label-radio,
.field .label-check { clear: both; width: auto; text-align: left; margin: 0 0 9px 195px; }
.field .label-radio input,
.field .label-check input { margin-right: 5px; margin-top: 5px; }

/* .field input { float: left; } */

.field.submit input { margin-left: 190px; }

.field p { clear: left; margin-left: 190px; }
.field p.inline { margin-left: 0; }

.field.error { color: #c00; }
.field.error input { border-color: #c00; }

.user_sh { display: none;}
.user_sh.show { display: table-row; }

#submit_holder { /* position: fixed; bottom: 0; left: 0; right: 0; 	 */ clear: left; border-top: 1px solid #e5e5e5; background: #f1f1f1; padding: 10px; }

#link, #related_id { float: left;}
#cool_import, #add_related_content, #nositelji, #sudionici, #voditelji { float: left; padding-top: 5px; }
.btn_add { padding-top: 5px; text-decoration: none; float: left; }
.ui-icon { display: inline-block !important; vertical-align: top }

#ajax_status {
	background: url(cssimg/loading.gif) no-repeat;
/* 	display: inline-block; */
	display: none;
	width: 16px;
	height: 16px;
	word-break: break-all;
	float: right;
	padding: 4px 0 0 0;
	margin: 0;
}

textarea#youtube_url { width: 600px; }

#videos { padding-left: 190px;}
#videos .video { width: 300px; float: left; margin-bottom: 20px; }
#videos .video img { float: left; margin-right: 10px; }
#videos .video .meta { color: #666;}

#station-select, #commission-select { display: inline; }

select {
	min-width: 60px;
}

header {
	position: -webkit-sticky;
	top: 0;
	background: #00aeef;
	z-index: 10000;
}

header .container {
	display: flex;
	justify-content: space-between;

}


#sidebar {
/*
	float: left;
	width: 160px;
	position: -webkit-sticky;
	position: sticky;
	top:44px;
*/
}

#homepage_link {
	display: block;
	padding-top: 6px;

}

#homepage_link	img {
	}


#hello {
	color: #fff;
	padding-right: 10px;
}

/* timeline preview - smart parser */


.timeline {
	clear: both;
	border-top:5px solid #00adee;
	border-bottom:5px solid #00adee;
	margin-bottom:40px;
	font-size:14px;
}

.timeline-inner {
	margin-top:-5px;
	margin-bottom:-5px;
	border-left:5px solid #ec1d24;
	border-right:5px solid #ec1d24;
	mix-blend-mode:darken;
}

.timeline-day {
	border-bottom:1px dashed #d8d8d8;
	padding:14px 30px;
}

.timeline-day:last-child {
	border-bottom:0;
	padding-bottom:20px;
}

.timeline .time {
	color:#00adee;
}

.timeline h3 {
	font-style:normal;
	font-weight:600;
	font-size:14px;
}

.timeline ul {
	list-style:none;
	margin-bottom:0;
}

.timeline ul li:last-child {
	margin-bottom:0;
}



.voditelji {
	list-style: none;
}

.voditelji li {
	padding: 4px;
	margin-bottom: 6px;
}
.voditelji li input {
	margin-right: 10px;
}




input[type="checkbox"]:checked + label::before {
/*
	content: '\2713';
	background: yellowgreen;
*/
}

input[type="checkbox"]:checked + label {
	font-weight: bold;
}
input[type="checkbox"] {
/* 	position: absolute; clip: rect(0,0,0,0); */
}

input[type="checkbox"]:focus + label::before {
	box-shadow: 0 0 .1em .1em #58a;
}
input[type="checkbox"]:disabled + label::before {
	background: gray;
	box-shadow: none;
	color: #555;
}


.circle {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	margin-right: 4px;

}



.circle-RZ {
	background: #00aeef;
}
.circle-RZP, .circle-RZPONLINE {
	background: #f7941e;
}
.circle-RZIMI {
	background: #81bc44;
}
.circle-KO {
	background: #463c8b;
}
.circle-ODG {
	background: pink;
}

.circle-RZDALJE {
	background: #007f35;
}

.circle-KO7 {
	background: #463c8b;
}

.circle-RZONLINE {
	background: #b8d153;
}

.circle-RZMINI {
	background: #3170b6;
}

.circle-RZIMIP {
	background: #cc2b2f;
}

.circle-RZUNO {
	background: #9d2978;
}

.circle-RZBID {
	background: #F0008F;
}

.circle-coocrcoor {
	background: #f7941e;
}
.circle-czss {
	background: #1e9e1e;
}
.circle-dv {
	background: #00aeef;
}
.circle-oc {
	background: #1e9e1e;
}
.circle-ocd {
	background: #ff3baa;
}

.badge-location-coocrcoor {
	background: #f7941e;
}
.badge-location-czss {
	background: #1e9e1e;
}
.badge-location-dv {
	background: #00aeef;
}
.badge-location-oc {
	background: #1e9e1e;
}
.badge-location-ocd {
	background: #ff3baa;
}


th.rotate {
  /* Something you can count on */
  height: 240px;
  white-space: nowrap;
  background: #fff !important;
}

th.rotate > div {
  transform: translate(20px, 202px) rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #000;
  padding: 5px;
  width: 320px;
  overflow: hidden;
  display: inline-block;
}



.input-group {
	display: flex;
}

.edu-rz, .edu-rzp, .edu-ko {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px;
	border-radius: 4px;
	margin-right: 4px;
}

.edu-rz {
	background: #00aeef;
	color: #fff;
}
.edu-rzp {
	background: #f7941e;
	color: #fff;
}
.edu-ko {
	background: blue;
	color: #fff;
}

.card dt {
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	line-height: 24px;
	vertical-align: middle;
}

.card dd {

	margin-left: 0;
	padding-left: 0;

}

.card .info dt {
	text-transform: none;
	color: #000;
}

.card {
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
	border-radius: 4px;
	background: #f5f5f5;

	display: flex;
	flex-wrap: wrap;
}

.card:hover {
	background: #f3f3f3;
/* 	box-shadow: 1px 1px 18px 15px black; */
}

.card > div {
	padding: 10px;
}

.info {
	flex-grow: 1;
}

.name {
	font-weight: bold;
}

.struka {
	color: #666;
}

.priznanja, .edukacija {
	width: 150px;
}

.kontakti, .provoditelji {
	width: 200px;
}

.card-voditelj {

}

.dokumenti {
	background: #f5f5f5;
	padding: 30px;
	margin-top: 30px;
}

.dokumenti h1 {
	font-size: 24px;
	margin-bottom: 20px;
}
.dokumenti h2 {
	font-size: 20px;
}
.dokumenti h3 {
	font-size: 16px;
	text-transform: uppercase;
}

.list_files {
	list-style: none;
	padding: 0;
	margin: 0 0 40px 0;
}

.list_files li {

}

.list_files a {
	text-decoration: none;
	line-height: 24px;
	color: #000;
}

.list_files a:hover {
	text-decoration: underline;
	color: #00aeef;
}