body {
	background:#EBEBEB;
	color: #405360;
    font-family: Arial;
    font-size: 12px;
	margin:0;
	padding:0;
}
h1,h2,h3,h4 {
    color: #2E6E9E;
    text-shadow: 0 1px 0 white, 0 -1px 0 #214A67;
}
a.menulines {    color: #2E6E9E;
    text-decoration: none;
    font-size: 23px;
    padding: 3px 10px 4px 11px;
    display: block;
    width: 40px;
    float: left;}
   ul.menu_new
   {
   width: 200px;
    position: absolute;
    top: 45px;
    left: 16px;
        padding: 14px 22px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
    border-radius: 3px;
    background: #D3D3D3;
    z-index: 100;
   
   }
   
   ul.menu_new li {
   list-style-type: none;
   }
      ul.menu_new li a {
   color: #2E6E9E;
    text-decoration: none;
    line-height: 30px;
    font-size: 16px;
   }
   ul.menu_new li a:hover {text-decoration:underline;}
h5{
	color:black;
	font-size:15px;
	margin:0px;
}
b, label {
	color: #2E6E9E;
	text-shadow: 0 1px 0 #E5E7F2;
	font-weight:bold;
}
form#login {
    background: none repeat scroll 0 0 white;
    border: 1px solid #CACACA;
    width: 400px;
	margin:0 auto;
	
	background: #E1E1E1; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF9F9', endColorstr='silver'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF9F9), to(silver)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFF9F9, silver); /* for firefox 3.6+ */
}
*[title] {border-bottom:1px dotted;cursor:default;}
*[title]:hover {border-bottom:none;color:black;}
h4:nth-child(1) {margin-top:0;}
textarea,
input {font-size:1em;font-family:Arial}
textarea {padding:2px;}
.overlay {
	position:fixed;
	z-index:100;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:white;
}
.ajax_loader {
	position:fixed;
	z-index:101;
	top:50%;
	left:50%;
}
.hidden {display:none;}
hr {
	border:none;
	border-top:1px solid #CBCBCB;
	border-bottom:1px solid white;
}
ul.list, ol.list {
	/* padding-left:1.1em; */
}

ul.list a, ol.list a {
	text-decoration:none;
	line-height:1.5em;
}
ul.list a:hover, ol.list a:hover {
	text-decoration:underline;
}
ul.list.mentors,ol.list.mentors {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px dashed #C6C6C6;
    list-style: none;
    padding-bottom: 1em;
    width: 250px;
	padding:10px;
}
ul.sitemap {
    border: 1px solid silver;
    border-radius: 5px;
    height: 30px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

ul.list form.new_mentor label {display:block;font-weight:bold;margin-top:10px;}
ul.list form.new_mentor dl label {display:inline;margin:0;}
ul.list form.new_mentor fieldset dd {padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #cacaca;overflow:hidden;}
ul.list li.mentor {position:relative;}
ul.sitemap li{
	float:left;
	padding:0 5px;
	line-height:30px;
}
ul.sitemap li.delimiter {
	margin-top:-1px;
}
ul.sitemap li:nth-child(1){
	margin-left:0;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; display:none;}
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/*FOOTER*/
#footer {
	margin:0 auto;
	width:900px;
	padding:10px 30px;
	font-size:11px;
}
#footer .left {float:left;}
#footer .right {float:right;}
#footer h1 {
	font-size:1em;
	margin:0;
}
#footer * {color: #A9A9A9;}
#footer a:hover {color: #767676;}
.page_wrapper {
    margin: 0 auto;
    min-width: 962px;
    width: 95%;
}
.page_wrapper .title_row {
    overflow: hidden;
    padding: 20px;
}
.user_data {
	float:right;
	text-align:right;
}
.user_data p {line-height:0.9em;}
h1 {
    float: left;
    font-size: 28px;
    margin: 23px 0;
}
/* p:nth-child(1) {margin:0;} */

.highlight { background-color:black;color:white;}
/* FORM ELEMENTS */

form *[disabled] {display:none;}
select[disabled] {display:inline;}
dl.clipboard_data {display:none;}
input.center {margin:0 auto;display:block;}
/*ICONS*/
.icon {
	background-image:url(img/action_icons.png);
	width:19px;
	height:19px;
	cursor:pointer;
	display:block;
	float:left;
	display:inline-block;
	margin:2px;
}
.close.icon {background-position:19px -19px;}
.add.icon {background-position:19px 1px;}
.add.icon:hover {background-position:-1px 1px;}
.close.icon:hover {background-position:-1px -19px;}
.controls  {
    position: absolute;
    right: 16px;
    top: -12px;
}

/* Main navigation */
.main_navigation {
	background:#D3D3D3;
	overflow:hidden;
	border-bottom:1px solid
}
.main_navigation ul.menu {
	margin:0;
	padding:0;
}
.main_navigation ul.menu li {
	float:left;
	list-style:none;
	//border-right:1px solid;
	padding:10px;
}
/* messages */

.messages {
    background: none repeat scroll 0 0 #F8E8BE;
    border: 1px solid #C8B476;
    border-radius: 5px 5px 5px 5px;
    margin: 20px;
    padding: 10px;
}
.messages.red {background:#FFC3C1;border-color:#D06E6A;}
.messages.err {background:#FFC3C1;border-color:#D06E6A;}
.messages.success {background:#D0FFC1;border-color:#92BA85;}
.messages p {
	margin:5px 0;
}
table.list {
    background: none repeat scroll 0 0 white;
    border: 1px solid #A3A3A3;
    border-collapse: collapse;
}
table.list thead tr {
    background: none repeat scroll 0 0 #7E7E7E;
    color: white;
    text-align: left;
    text-shadow: 1px 1px 1px #5E5E5E;
    text-transform: uppercase;
}
table.list td, table.list th {
    border-right: 1px dotted #A3A3A3;
    padding: 5px;
}
table.list tr:nth-child(2n) {background:#DEDEDE;}
/* FORMS */

form {
	/* width:593px; */
	margin:0 auto;
}
fieldset {
	background:#eeeeee;
	position:relative;
	padding:10px;
}
fieldset.login {
	border:none;
	background:none;
	margin:0 auto;
}
fieldset.login dl {line-height:30px;}
fieldset.login dl dt {
}
fieldset.login .submit_row {
	text-align:center;
}
fieldset legend {
	border: 1px solid #B0B0B0;
	border-top:none;
	background:white;
    margin-top: 15px;
    padding: 0 6px 1px;
    text-transform: uppercase;
}
form select {
	/*width:100%;*/
}
form dl {
	line-height:1.7em;
}
form dl dt{
    clear: left;
    float: left;
    margin-right: 5px;
    text-align: right;
	width:135px;
}

form#pregled dl dt {clear:none;}
form dl dt label {font-weight: bold;}
form dl dd {
    clear: none;
    margin: 0;
    overflow: hidden;
}
form dl dd input{float:left;}
form .form_controls {
	margin-top:10px;
	text-align:center;
}


.wrapper {
    background: none repeat scroll 0 0 white;
    border: 1px solid #C5BEBE;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    /* width: 900px; */
	margin-top:40px;
}

.wrapper ul.user_menu {
    left: -1px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -26px;
	right: -1px;
}
.wrapper ul.user_menu li {
	float:left;
	line-height:25px;
	padding:0 10px;
	margin-right:5px;
	border:1px solid #DCD9D9;
	border-bottom:none;
	background:#f7f7f7;
	background-image:url(img/shaddow_top.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border-radius:5px 5px 0 0;
}
.wrapper ul.user_menu li.right {float:right;margin-right:0;margin-left:5px;}
.wrapper ul.user_menu li.active,
.wrapper ul.user_menu li:hover {
	background:white;
	border:1px solid #C5BEBE;
	border-bottom:0px;
}
.wrapper ul.user_menu li a {
	color:gray;
	text-decoration:none;
}
.wrapper ul.user_menu li a:hover,
.wrapper ul.user_menu li a.active {text-decoration:underline;}

.wrapper ul.submenu {
	list-style:none;
	margin:-30px 0 0 -30px;
	padding:0;
	overflow:hidden;
}
.wrapper ul.submenu li {
	line-height:20px;
	height:20px;
	float:left;
	padding: 0 10px;
	border-right:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
.wrapper ul.submenu li a {
	text-decoration:none;
	color:#8e8e8e;
}
.wrapper ul.submenu li:hover a,
.wrapper ul.submenu li.active a {
	color:#6a6a6a;
}
.floating_columns .column {
    background-position: right top;
    background-repeat: repeat-y;
    border-bottom: 1px dotted;
    overflow: hidden;
    padding: 20px 0;
}
.floating_columns .column:last-child {border:none;padding-bottom:0;}
.floating_columns .column.list_students {
/* 	position:fixed;
	top:0;
	bottom:0;
	left:0;
	background:white;
	padding:10px; */
}
.floating_columns .column h2 {
    font-size: 1em;
    margin: 0.8em;
}
.floating_columns .column h2 span {
	float:right;
	font-weight:normal;
}
.floating_columns .column h2 span i {
    background: none repeat scroll 0 0 #777474;
    color: white;
    display: inline-block;
    font-style: normal;
    padding: 0 5px;
    text-align: center;
    text-shadow: 1px 1px 0 #4D4D4D;
}

.floating_columns .column ul {
	list-style:none;
	padding:0;
	margin:0;
}

.floating_columns .column ul li {
	/*line-height:1.8em;*/
	border-bottom:1px solid #DEDEDE;
	padding:5px 10px;
}
/*.floating_columns .column ul li.highlightItem {*/

.floating_columns .column ul li span.student_hours_count {
	display: block;
	float: right;
	width: 44px;
	text-align: right;
}
.floating_columns .column ul li span.student_hours_count i {
	display:block;
	float:right;
	width:16px;
	height:16px;
	background:red;
	background:url(img/status_icons.png) no-repeat -16px bottom;
	margin-left:5px;
	margin-right:-32px;
}
.floating_columns .column ul li span.student_hours_count i.hours_completed {background-position:0 0;}
.floating_columns .column ul li span.student_hours_count i.hours_exceeded {background-position:0 -60px;}
.mentor_list ul li .highlight {
    background: url("img/status_icons.png") no-repeat scroll left bottom transparent;
    float: left;
    height: 18px;
    margin-left: -26px;
    margin-top: -1px;
    width: 16px;
	display:none;
}
.mentor_list ul li.highlightItem .highlight {display:block;}
.mentor_list ul li.highlightItem label {font-weight:bold;}
.floating_columns .column ul li:hover {}
.floating_columns .column ul li a{
	line-height:1.8em;
	padding:0 5px;
}
.mentor_list ul li .students {display:none;}
.floating_columns .column ul li a.selected {background: #DEDEDE;color:#000000;}
.floating_columns .column ul li a:hover,
.floating_columns .column ul li label:hover {text-decoration:underline;}
.floating_columns .column ul li:last-child {border-bottom:none;}
.floating_columns .column ul li a {
    color: gray;
    text-decoration: none;
    text-shadow: 1px 1px 0 white;
    text-transform: uppercase;
}

.floating_columns .column ul li span.time_info {color:#989898;}
ul li.active a {color:black;}


.floating_columns .column.event_data  form{
    overflow: hidden;
    padding: 10px;
    position: relative;
}
.floating_columns .column.event_data  form fieldset#vaje_info .hours_sum {
    background: none repeat scroll 0 0 #A2EBB0;
    border: 1px solid #61D560;
    border-radius: 5px 5px 5px 5px;
    bottom: -10px;
    font-size: 16px;
    padding: 18px;
    position: absolute;
    right: 1px;
    top: -7px;
}
.floating_columns .column.event_data .student_list,
.floating_columns .column.event_data .mentor_list {
    float: left;
    padding: 1.25%;
    width: 47%;
}
.floating_columns .column.event_data .student_list {

}
.floating_columns .column.event_data .student_list ul li.ui-draggable-dragging {
	background:#E8E8E8;
	border:1px solid #DEDEDE;
	border-radius: 5px 5px 5px 5px;
	margin-top:-1px;
}

/*ADD PRESENCE SITE - vnos prisotnosti */
input#search_students {
    background: none repeat scroll 0 0 #FFD3D3;
    border: 1px solid #E89898;
    font-size: 20px;
    padding: 5px;
    width: 235px;
}
input#search_students:focus {
    background: none repeat scroll 0 0 #DAF9D9;
    border: 1px solid #8CCC8B;
}
i.fixed {font-family: Courier;font-style:normal;}
ul li.active {
	background: none repeat scroll 0 0 #E8E8E8;
}
.floating_columns .column ul li.droppable-active {
	border:2px dashed #CACACA;
	margin-top:-2px;
	margin-bottom:-1px;
	margin-left:-2px;
	border-radius:5px;
	background:#F1F1F1;
}
.mentor_list li .hours {
    float: right;
	color: grey;
    text-align: right;
}
.mentor_list li .hours b, .mentor_list li .hours i {
	display:block;
	font-style:normal;
	font-weight:normal;
}
.mentor_list li .hours span {font-weight:bold;}
input.time {width:50px}

.mentor_list ul li div.time {display:none;}
.mentor_list ul li .commands {display:none;}
.mentor_list ul li .commands .cm {border:1px solid #FFFFFF;padding: 0 3px;cursor:pointer;margin-top:-2px;}
.mentor_list ul li .commands .cm:hover {border:1px solid #cacaca;background:#E6E6E6;}
.mentor_list ul li:hover:not(.copied) .commands {display:block;}
.mentor_list ul li .commands .duplicate {
	margin-left:-20px;
	float:left;
}
.mentor_list ul li.active div.time {display:block;}
.mentor_list li.copied .time_info {padding-left:20px;}
.mentor_list li.copied label.mentor_name {display:none;}
form textarea.presence_comment {
	float: right;
    width: 328px;
	height:17px;
	font-family:arial;
	font-size:12px;
	resize: none;
	color:#6c6c6c;
}
form textarea.presence_comment.highlight {
	border:2px solid red;
	background:white;
}

/*LoCaTioNS*/

table.locations {
    border: 2px solid black;
    border-collapse: collapse;
    margin: 0 auto;
}
table.locations tr {
}
table.locations tr th {
	background:black;
	color:white;
	text-align:left;
	padding:5px 4px;
}

table.locations tr th a {
	color:white;
	text-decoration:none;
}

table.locations tr th a:hover {
	color:silver;
}
table.locations tr td {
    border: 1px dotted #7A7A7A;
    border-collapse: collapse;
    padding: 3px;
    vertical-align: top;
}
table.locations tr .mentor a {text-decoration:none;color:#282828;}
table.locations tr .mentor a:hover {text-decoration:underline;color:black;}
table.locations tr .mentor code {display:table-cell;white-space:nowrap;}
table.locations tr .user {
	
}
table.locations tbody tr th {
	background:#EBEBEB;
	color:black;
	border: 1px dotted #7A7A7A;
    border-collapse: collapse;
    padding: 3px;
    vertical-align: top;
	font-weight:
}
table.locations tr.klinika td {
	border-top:2px solid black;
}
table.locations tr td ol {
	margin:0;
	padding-left: 30px;
}


/*add-student*/
.vaje.template {display:none;}


/*pregled*/

.show_data {
	margin: 20px 2px;
}
.show_data table {
	border:1px solid #c4c4c4;
	width:100%;
	border-collapse:collapse;
}
.show_data table tbody tr {border-bottom:1px solid #c4c4c4;}
.show_data table table tbody tr {border-bottom:1px dashed #c4c4c4;}
.show_data table table table tbody tr {border-bottom:1px dotted #c4c4c4;}
.show_data table tbody tr:nth-child(2n-1) {
	/* background:#e8e8e8; */
}
.show_data table thead tr {background:#cacaca;}
.show_data table thead tr th:nth-child(1) {width: 150px;}
.show_data table thead tr th:nth-child(2) {width: 150px;}
.show_data table thead tr th{
	border-right: 1px dotted #BABABA;
    padding: 5px;
	text-align:left;
}
.show_data table tr td {
	padding:3px;
}
.show_data table tr td {border-right:1px dotted #c4c4c4}
.show_data table tr td:last-child {border-right:none}
.show_data table table {
    border: 0 none;
    margin: -3px 0;
}
.show_data table tr.active, .show_data table tr:hover {
	background: #E1E1E1; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF9F9', endColorstr='#E1E1E1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF9F9), to(#E1E1E1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFF9F9, #E1E1E1); /* for firefox 3.6+ */ 
}
.show_data table table tr.active, .show_data table table tr:hover {
	background:none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* for IE */
}
.show_data table table tr:last-child {border-bottom:none;}
.show_data td.vpisna_st {width:100px;}
.show_data td.student_name {width:150px;}
.show_data td.day_hours_sum {width:50px;}







form#pregled fieldset.control dl {overflow:hidden;}
form#pregled fieldset.control dl:first-child {margin-top:0;}
form#pregled fieldset.control dl:last-child {margin-bottom:0;}
form#pregled fieldset.control dl dt {
	width:auto;
	margin-right:10px;
	text-align:left;
}
form#pregled fieldset.control dl label {
	background:#cacaca;
	border:1px solid #9a9a9a;
	border-bottom:none;
    display: block;
    padding: 0 5px;
}

/*SIDE MENU*/
.content {
	overflow:hidden;
	padding-left:30px;
}
.content h2:nth-child(1) {
	margin-top:0;
}
.side_menu {
    float: left;
    margin-left: -31px;
    padding: 0 10px 0 30px;
    width: 198px;
}
.side_menu h2 {
	margin-top:0;
	
}
.side_menu ul {
	margin:0;
	padding:0;
}
.side_menu ul li {
	border-bottom:1px dashed #cacaca;
	list-style:none;
	padding:5px;
}
.side_menu ul li:last-child {border:none;}
.side_menu ul li a{
	color:#666666;
	text-decoration:none;
}
.side_menu ul li a:hover {
	text-decoration:underline;
	color:black;
}
.side_menu ul li.active {
	background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #CACACA;
	border-left:none;
	padding-left:35px;
	margin-left:-30px;
	margin-top:-1px;
}

/* ZAKLLEPANJE */
.zaklepanje{
	background: none repeat scroll 0 0 #F8E8BE;
    border: 1px solid #C8B476;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
	padding-top:0px;
	margin-top:10px;
}