/* CSS Document */
body {
	background-color: #f9f9f9;
	padding: 0px;
	margin: 0px;
	font: 13px/17px  Arial, Helvetica, sans-serif;
}
div, ul, li, h1, h2, h3, h4, p, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul {
	list-style-type: none;
}
/*----TOP PANEL----*/
a {
	color:red;
}
a:hover {
	color: #111;
}
.traka
{
background:#464646;
width:100%;
float:left;
border-bottom:2px solid #f1f1f1;
}
 
.h3naslov
{
background:#f1f1f1;
font-size:12px;
margin-bottom:3px;
}
.h3naslov1
{
background:#E0EEF7;
overflow:hidden;
}
.h3naslov1 a
{
text-decoration:none;
display:block;
}
.h3naslov1 .left
{
float:left;
width:30%;
}
.h3naslov1 .left img
{
margin-top:-4px;
position:relative;
top:4px;
left:4px;
}
.h3naslov1 .right
{
float:right;
width:50%;
text-align:right;
}

.h3naslov1 span, .h3naslov span
{
display:block;
padding:5px 10px 5px 10px;
font-weight:bold;
font-size:15px;
}
.padis
{
padding:0px 10px;
}
 
 
.fixed_logo
{
float:right;margin-left:10px;position: fixed;right:0;bottom:0;
z-index:10;
}
.margin_auto
{
width:97%;margin:0 auto;
}
.conte {
	width: 100%;
	
float:left;
	min-height: 0px;
}
.conte_index {
 width:100%;

}
.users
{
width:100%;
} 
table.users .first_row
{
background:#f1f1f1;
font-weight:bold;
}
table.users td
{
padding:4px;
} 
table.users .first
{
background:#F7F1F9;
 
}
table.users .second
{
background:#F1F4F9;
 
}
table.users .first:hover, table.users .second:hover{
	background: #E0EEF7;
}
 
 
.clear {
	clear: both;
}
 
.links a {
	color: #ff5500;
	font-weight: bold;
}
.links a:hover {
	color: black;
}
form {
	font-family: verdana;
}
 
 
input[type=text],input[type=password], select,  .dugme, textarea {
	
	border: 1px solid #E1E1E1;
	
	padding:4px 2px;
  
}
input:hover, select:hover {
	background: #f9f9f9;
}

input[type="checkbox"] {
	width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: center;
    position: relative;
    top: 1px;
    *overflow: hidden;
    margin-right:3px;
}
input[type=text], input[type=password] {
	width:200px;
  padding-left:3px;
  padding-right:3px;
}
input[type=text]:focus {
	background: #E0EEF7;
}
select {
	width:208px;
  padding-left:3px;
  padding-right:3px;
}
.dugme {
	cursor: pointer;
	color:white;
 background:  url(../images/dugme.jpg) repeat-x left top;
 border:0px;
}
.dugme:hover {
	
 background:  url(../images/dugme1.jpg) repeat-x left top;
}
.dugme1 {
	
  height:auto;
	cursor: pointer;
 
color:white;
font-weight:bold;
padding:5px 30px 5px 30px;
 text-decoration:none;
	
  background:  url(../images/save.jpg) repeat-x left top;
}
.dugme1:hover {
 color:white;
 background:  url(../images/save1.jpg) repeat-x left top;
}
.abs
{
position:absolute;
top:-30px;
right:0px;
}
textarea {
	height: 50px;
	background: white;
	border: 1px solid #E1E1E1;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	width: 100%;
}
.title {
	width: 795px;
}
 
.button {
	background: url(../images/button_back.jpg) repeat;
	cursor: pointer;
	color: white;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 2px 2px 2px 2px;
}
 
 
.settings
{
border: 1px solid #E0EEF7;
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	float: left;
	width: 100%;
	
}
.radius {
	position:relative;
	border: 1px solid #E0EEF7;
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	float: left;
	width: 100%;
	
 
}
 .plus1
 {
 width:100%;
 position:relative;
 top:4px;
 background:#FCDCE5;
 }
 .plus1 div
 {
 padding:5px;font-size:11px;
 }
 .table_reservation
 {
 width:100%;margin-top:10px;float:left;
 }
 .first_tr
 {
 background:#E0EEF7;font-weight:bold;
 }
.radius .padd {
	padding: 30px 10px 0px 10px;
}
  
.radius_red {
	
	position: relative;
	background: #FBDDDC;
 
	margin-bottom: 15px;
}
.radius_red1 {
	position: relative;
	background: #FBDDDC;

	margin-bottom: 15px;
	width:300px;
}
.radius_uspesno {
	
	position: relative;
	background: #DBF4C0;
	 
	margin-bottom: 15px;
}
.radius_sivo {
	
	position: relative;
	background: #E5E5E5;
	font-weight: bold;
	margin-bottom: 15px;
	width: 260px;
	float: right;
	top: -14px;
	right: -10px;
}
 
 
.radius_sivo2 {
	
position: relative;
background:#f1f1f1; 
margin-bottom:10px;
width: 100%;
float:left;
}
.padd
{
padding:10px;
}
.padd1
{
padding:10px 10px 10px 0px;
}
.radius div
{
 padding:3px;
}
.radius_red div, .radius_red1 div, .radius_uspesno div {
	padding: 10px;
}
 
  
/* --------- LOGIN FORMA ---------- */
#loginform
{
width:270px;margin:0 auto;color:black;
}
 
.radius_logovanje {
	
	border: 1px solid #CFCFCF;
	   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin: 0 auto;
	width: 317px;
	background: -webkit-linear-gradient(top, white, #E0E0E0);
	background:    -moz-linear-gradient(top, white, #E0E0E0);
	background:     -ms-linear-gradient(top, white, #E0E0E0);
	background:      -o-linear-gradient(top, white, #E0E0E0);
	background:      linear-gradient(top, white, #E0E0E0);
	-pie-background:      linear-gradient(top, white, #E0E0E0);
	box-shadow:   inset 0 0 3px #fff;
	/*background: url(../images/back_logovanje.jpg) repeat-y top left;
*/
	min-height: 340px;
	padding-top: 20px;
	position: relative;
	top: 70px;
}
.radius_logovanje img {
	margin-left: 10px;
	margin-bottom: 15px;
}
.radius_logovanje span {
	display: block;
	padding-left: 3px;
	margin-top: 14px;
}
.radius_logovanje strong {
	font-weight: normal;
	position: relative;
	top: 7px;
	left: 2px;
}
.logovanje_padding {
	padding: 5px 30px 20px 23px;
}
.login_naslov {
	font-size: 15px;
	font-weight: bold;
	padding: 0px 0px 10px 1px;
	display: inline;
}
.input_login, .input_login input {
	padding: 3px;
	width: 100%;
}
 
.dugme2 {
	
  height:auto;
	cursor: pointer;
  
color:white;font-weight:bold;
padding:5px 20px 5px 20px;
text-decoration:none;
	
  background:  #999;
}
.dugme2:hover {
 
 background:  #555;
 color:white;
}
/* ------------------- !MOBILE ----------------------- */
@media only screen and (max-device-width: 600px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 600px), only screen and (max-width: 767px) {
.margin_auto
{
width:100%;
}
.radius_logovanje
{
width:100%;
height:100vh;

top:0px;
}
.fixed_logo
{
display:none;
}
}
/* -------  PAGINACIJA ----------- */

.pagination
{
width:100%;
text-align:center;

}
.paginations
{
width:auto;
}
.paginations li
{
 float:left;
padding:2px;
display:inline;
}
.page_next,  .page_prev,  .page_last,  .page_first, .page_num, .current_page
{
background:#f1f1f1;
display:block;
color:white;
margin-right:2px;
}
.page_next:hover,  .page_prev:hover,  .page_last:hover,  .page_first:hover, .page_num:hover
{
background:#999;

}
.current_page
{
background:#666;
color:#fff;
}
.page_next a, .page_prev a,  .page_last a,  .page_first a, .page_num a, .current_page i
{
padding:0px 3px 0px 3px;
}
/* --------- END pagination ------- */
 
.plus
{
float:right;position:relative;top:-5px;
}

.back_example
{
border:1px solid #444;position:relative;top:9px;
} 

/* admin calendar */
#attent
{
background:#FCDCE5;padding:5px;float:left;width:94%;margin-top:6px;
} 
.rboxr
{
width:98%;float:left;background:white;border:1px solid #f2f2f2;
}
.rboxr1
{
width:49%;float:left;background:white;min-height:325px;border:1px solid #f2f2f2;
}
.cal_admin
{
background:#f8f8f8;float:left;width:100%;min-height:280px;
}
.cal_admin1
{
background:#f8f8f8;float:left;width:50%;min-height:280px;
}
.calendar_box
{
padding:5px;text-align:center;
}
.day
{
color:#111;
font-family:verdana;
font-size:14px;
display:block;
padding:2px;
}
.day:hover
{
color:#fff;
}
 
.blue
{
background:red;
text-align:center;
}
.pend
{
background:#A4BEDF;
text-align:center;
}
.siv
{
background:#BDF56E;

text-align:center;
}
.red
{
background:red;
text-align:center;
color:white;
font-weight:bold;
}

span.red
{
display:block;
width:15px;
height:15px;
float:left;
margin-right:5px;
}
span.blue
{
display:block;
width:15px;
height:15px;
float:left;
margin-right:5px;
}
.red_day
{
font-size:11px;
text-align:left;
}
.free_days
{
display:block;font-weight:normal;font-size:11px;
}
/* end admin calendar */
.reservation_detail
{
width:100%;
background:#F5F5F5;
margin-bottom:10px;
}
.reservation_detail td
{
background:#fff;
padding-left:5px;
}
/**************** form creator ***********************/
 
 .sorting
 {
 width:100%;
 padding:0px;
margin:0px;
 }
  .sorting li{
 list-style:none;  
    float:left;
    margin-right:10px;
    cursor:move;
    position:relative;
   
  }
 .info
{

background:#FBEFF1;
width:100%;float:left;
border:1px solid red;
color:#333;
margin-bottom:10px;
text-align:center;
font-weight:bold;
font-size:16px;
}
 .radiusz, .boxic, .text
{
position:relative;



}
.name_question_input
{
width:585px;margin-bottom:4px;
}
.questione
{
width:415px;
margin-bottom:4px;
}
.answers
{
width:255px;
margin-right:10px;
}
.clonedInput
{
padding:15px;
float:left;
background:#fff;
width:640px;
margin-bottom:5px;
}
 
.clonedInput h1
{
font-size:15px;
margin:0px;
padding:0px;
margin-bottom:5px;
float:left;
}
.clonedInputs
{
float:left;
background:#fff;
width:100%;
margin-bottom:5px;
clear:both;
}
.point, .point1
{
width:10px;
}
 
#result
{
width:100%;
float:left;
text-align:center;
display:none;
position:result;
padding:10px;
}
.hidden
{
display:none;
}
.leftcolumn
{
width:600px;
float:left;
}
.sajax-loadings {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:9999999;
	background:#111 url(../images/loaders1.gif) no-repeat center center;
	opacity:.7;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	display:none;
}

.righti
{
float:right;
}

.form_creator
{
float:right;
width:200px;
margin-top:80px;
}
.form_creator li
{
width:100%;
}
.form_creator li a
{
margin-bottom:2px;
display:block;
padding:10px;
background:#444;
color:white;
text-decoration:none;
}
.form_creator li a:hover
{
background:#005FC9;

}
.permission
{
/*display:none;*/
padding:15px 5px 5px 5px;
}
.permplus
{
display:block;
}
#subusertop
{
width:100%;height:37px;
}
#subusertop div
{
position: fixed;right:0;top:0px;
width:100%;
text-align:center;
padding:10px 0px 10px 0px;
background:#F9EDBE;
}
/************************ nav menu *******************/
.toggleMenu {
    display:  none;
text-decoration:none;
    padding: 10px 15px;
    color: #fff;
      background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.toggleMenu:hover {
color:#fff;
}
.nav {
    list-style: none;
     *zoom: 1;
      background: #444;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
    text-decoration:none;
 
}
 
.nav li {
 position: relative;
 margin-right:1px;
 padding-right:5px; 
}
.nav li:hover {
 background:#005FC9;
 
}
.nav li ul li:hover {
 background:none;
 
}
.nav li ul li a:hover {
 background:#444;
 
}

.nav > li {
    float: left;
    
        
}
.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
    
}

.nav > li > a {
    display: block;
    
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    
    top: 0;
}
.nav li li a {
    display: block;
background:#005FC9;
    position: relative;
    z-index:100;
    border-top: 1px solid #fff;
    width:200px;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #fff;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
        border-top: 1px solid #fff;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
        
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
        
    }
    .nav li li a {
    float:left;
    width:100%;    
}
.nav li li a span{
    
    padding-left:10px;  
}
.flright
{
width:100%;
float:left;
}
.ast
{
clear:both;
}
}
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
  max-width:300px;
}
.masterTooltip
{
position:relative;
top:3px;
}
.lang_lista
{
width:100%;
}
.lang_lista li
{
float:left;
margin-right:2px;
}
.lang_lista li a
{
display:block;
padding:5px 15px;
font-size:12px;
text-transform:uppercase;
background:#005FC9;
color:white;
text-decoration:none;
}
.lang_lista li .curt
{
background:#E0EEF7;
color:red;
}
.lang_lista li a:hover
{
background:#E0EEF7;color:red;
}
.dn span
{
display:inline;
}
.dn .night, .dn .day
{
display:inline;
}
.dn .dayselected
{
display:none;
}
.dn .nightselected
{
display:none;
}
  /********************* UI tabs ***************************/
  .ui-tabs {
	zoom: 1;
}
.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
}
.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	margin: 0 3px -2px 0;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
	display: block;
	padding: 7px 15px;
	background: #f0f0f0;
	border: 1px #ccc solid;
	border-bottom-color: #ccc;
	outline: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
padding: 7px 15px;
	background: #fff;
	border-bottom-style: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: default;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	clear: both;
	border: 1px #ccc solid;
	padding: 10px;
}
.ui-tabs .ui-tabs-hide {
	display: none;
}
/************************* End UI tabs *******************************/