body {
	font-family: 'Open Sans', sans-serif !important;
	background-color:#f9f9f9;
	color:#8E8E8E !important;}

.low-opacity {opacity: 0.5;}

.main {
	width:100%;
	position:relative;
	/* height:100%; */}

td { text-align: left; }

div.rap_brw_nav { vertical-align: middle;}

div.rap_brw { vertical-align: middle;}

/*animacija za loading u select poljima*/

.drop-loading {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height:100%;
	background-color: #2489C5;
	color: #fff;
	z-index: 10001;
	-webkit-transition: width 7s; /* For Safari 3.1 to 6.0 */
    transition: width 7s;
	overflow:hidden;}

.drop-loading p {padding: 7px 10px;}

.drop-loading.drop-animated {width:100%;}

/*animacija end*/

.val-dm.error {
	border:1px solid red;
	color: red;}

input.error {
	border:1px solid red !important;
	color: red !important;}

/* za hover na redu */
.hcr { background-color:#f9f9f9;}

input.text {
	border: 1px solid #d0d0d0;
	text-align: center;}

form.rap_frm { margin: 30px 0px 20px 0px;}

.rap_frm label {
   width: 35%;
   /* min-width:100px; */
   float: left;
   text-align: right;
   margin-right: 0.5em;
   display: block;
   margin-bottom:5px;
   margin-top:7px;
   font-weight:normal;}

form.rap_frm > div { 
	margin:16px 0px;
	text-align: left;
	width:100%;}

.rap_frm fieldset {
   max-width:1300px;
   width:100%;
   margin:0 auto;
   padding:50px;
}


/*.rap_frm legend, .rap_brw .legend {
   font-size: 120%;
   font-weight: normal;
   color: #888;
   margin: 0 0 0 0;
   padding: 0 5px;
   margin-left: 15px;
   width:auto;
   border:none; }*/
   
.rap_frm legend, .rap_brw .legend {
   font-size: 120%;
   font-weight: normal;
   color: #888;
   margin: 0 0 0 0;
   padding: 0 5px 0 20px;
   margin-left: 0px;
   width:100%;
   border:none; }

div #disp_audit {
   border: solid;
   border: black;
   border-width: thick;
   margin: 20px 0px 10px 0px;
   text-align: center;
   font-family: Tahoma;
   font-size: 12px;
   color: gray;
}

input[type=checkbox] {margin-top:2px;}

div #err_msg
{
   margin: 25px 0px;
   text-align: center;
   float: left;
   display:block;
   width:100%;
   color: #fff;
   background-color: #f29122;
   line-height: 30px;
}

.rap_frm input, .rap_brw_nav input{
	padding: 7px 10px 7px 10px;
	font-weight: 400;
	font-size: 14px;
	color: #707070;
	background: #fff;
	border: 1px solid #c0c0c0;
	border-radius: 0px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	width:250px;
}
	
.rap_frm input:hover {
	background: #dfe9ec;
	color: #004A6A;
	outline:none;
}

.rap_frm input:active, .rap_frm input:focus {
	background: #dfe9ec;
	color: #004A6A;
	outline: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

span.customStyleSelectBoxInner {background: url(../../images/dropdown.png) no-repeat scroll right center transparent; width:200px;}	
	

.rap_frm input {padding: 8px 10px;} 

.rap_frm input.ro {
	border:1px solid #dddddd;
	background: #f4f4f4;}

.rap_frm input.ro:hover, .rap_frm input.ro:active, .rap_frm input.ro:focus, .rap_frm input[readonly] {
	box-shadow:none;
	background: #f4f4f4;
	border:1px solid #dddddd;
	color: #707070 !important;}

.input-polje.euro-field input {
	background: url(../img/date_euro_icon.png) 95% 7px no-repeat;}

.input-polje.date-field input {
	background: url(../img/date_euro_icon.png) 95% -22px no-repeat;}

.input-polje.date-field input.error {
	border:1px solid red;
	color: red;}

.check-polje label {margin-top:-1px;}

/*DATEPICKER*/
.datepicker {
	padding: 10px;
	height:295px;
	width:281px;
	border-radius:0px;
	margin:0px;	
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-webkit-touch-callout: none;
	z-index: 1003;}

.datepicker .datepicker-days .table-condensed thead > tr > th, 
.datepicker .datepicker-days .table-condensed tbody > tr > th,
.datepicker .datepicker-days .table-condensed tfoot > tr > th,
.datepicker .datepicker-days .table-condensed thead > tr > td,
.datepicker .datepicker-days .table-condensed tbody > tr > td,
.datepicker .datepicker-days .table-condensed tfoot > tr > td {
	padding:5px 10px;
	text-align:center;
	}

.datepicker > div .table-condensed thead > tr > th, 
.datepicker > div .table-condensed tbody > tr > th,
.datepicker > div .table-condensed tfoot > tr > th,
.datepicker > div .table-condensed thead > tr > td,
.datepicker > div .table-condensed tbody > tr > td,
.datepicker > div .table-condensed tfoot > tr > td {
	text-align:center;
	cursor:pointer;}

.datepicker > div .table-condensed thead > tr:first-child {
	background-color:#2489C5;
	color: #fff;
	font-size:16px;}

.datepicker .datepicker-days .table-condensed thead > tr > th.prev,
.datepicker .datepicker-days .table-condensed thead > tr > th.next {font-size:18px;}

.datepicker > div .table-condensed thead > tr > th.prev:hover,
.datepicker > div .table-condensed thead > tr > th.next:hover,
.datepicker > div .table-condensed thead > tr > th.datepicker-switch:hover {
	background-color: #66ACD6;}


.datepicker > div .table-condensed thead > tr > th > .glyphicon {margin-right:0px;}

.datepicker .datepicker-days .table-condensed tbody > tr > td:hover,
.datepicker .datepicker-months .table-condensed tbody tr td span.month:hover,
.datepicker .datepicker-years .table-condensed tbody tr td span.year:hover {
	color: #fff;
	background-color: #84AE42; }

.datepicker .datepicker-days .table-condensed tbody > tr > td.day.old,
.datepicker .datepicker-days .table-condensed tbody > tr > td.day.new {opacity: 0.5;}

.datepicker .datepicker-months .table-condensed tbody tr td {margin-top:20px;}

.datepicker .datepicker-months .table-condensed tbody tr td span.month,
.datepicker .datepicker-years .table-condensed tbody tr td span.year {
	width:25%;
	padding-top:20px;
	height:54px;
	display:block;
	float:left;
	text-align:center;}

.datepicker .datepicker-days .table-condensed tbody > tr > td.day.range,
.datepicker .datepicker-days .table-condensed tbody > tr > td.day.selected,
.datepicker .datepicker-days .table-condensed tbody > tr > td.day.selected.active {
	background-color: #84AE42 !important ; /*plava : #2489C5*/
	background-image:none !important;
	color: #fff !important;
	text-shadow: 1px 1px #8E8E8E !important;}

.datepicker div .table-condensed tfoot tr th.today:hover {
	background-color: #66ACD6;
	color: #fff;}

/* .datepicker .datepicker-days .table-condensed tbody > tr > td.day.selected {
	background-color:none !important;
	background: url(../img/reservation_icons.png) 0px -34px no-repeat !important; }
	
.datepicker .datepicker-days .table-condensed tbody > tr > td.day.selected.active {
	background-color:none !important;
	background: url(../img/reservation_icons.png) 0px -1px no-repeat !important; } */

/*DATEPICKER end*/

/*HOTEL DATEPICKER*/
.hotel-datepicker-container {
	float:left;
	width:100%;}

.hotel-datepicker-container .datepicker {height: auto;}

.hotel-datepicker-container th, .hotel-datepicker-container td {
	text-align:center;}

.hotel-datepicker-container .datepicker__close-button {
	border-radius:0 !important;
	background-color:#2489C5 !important;}

.hotel-datepicker-container .datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected,
.datepicker__month-button:hover {background-color: #2489C5 !important;}

.hotel-datepicker-container .datepicker__month-day--selected {background-color: rgba(36,137,197,0.5);}

.datepicker__month-day--hovering {background-color: rgba(36,137,197,0.5) !important;}


/*HOTEL DATEPICKER end*/
	
/*LOGIN*/
.login-form {
	width:357px;
	margin:0 auto;
	margin-top:30px;}

.login-form .rap_frm fieldset {padding:0px;}

.login-form .object.info {
	padding-bottom: 25px;
	width:100%;}

.login-form .object.info .title {
	text-align:center !important;
	padding:5px 15px;}

/* .login-form .object.info .title img#rap_logo_loading {
	width:95px;
	height:95px;}  */

.login-form .object.info .title img#rap_logo_normal {
	width:193px;
	height:95px;}

.login-form .object.info .title h5 {
	width:100%;
	text-align:left !important;
	padding-bottom:5px;
	color: #919191;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;}

.login-form .object.info .login-content, .login-form .object.info .login-footer {
	padding-left: 5%;
	padding-right: 5%;}

.login-form .object.info .login-content .err_msg {
	margin-top:25px;
	color: #F29122;}


.login-form .object.info .login-content .input-polje {margin-top:25px;}

.login-form .object.info .login-content .input-polje input {
	font-size:16px;
	width:100%;
	padding:10px 45px;}

.login-form .object.info .login-content .input-polje.user input {
	background: url(../img/login_icons.png) 0 -39px no-repeat;}

.login-form .object.info .login-content .input-polje.password input {
	background: url(../img/login_icons.png) 0 2px no-repeat;}

.login-form .object.info .login-footer #btn_ok, .login-form .object.info .login-footer .btn-load {
	margin-right:0;
	float:right;
	width:100%;
	font-size:18px;}

.login-form .developer {
	text-align:center;
	margin-top:20px;}

@media screen and (max-width: 394px) { 
	.login-form {
		width:100%;
		padding:0 5%;}
	
	.login-form .object.info .title img#rap_logo_normal {
		width:80%;
		max-width:193px;
		height:80%;
		max-height:95px;}
		
/*	.login-form .object.info .title img#rap_logo_loading {
		width:50%;
		max-width:193px;
		height:50%;
		max-height:95px;
		} */
	
	.datepicker {
		width:100% !important;
		left:0px !important;
	}
	
	.table-condensed {width:100%;}
	
	.datepicker .datepicker-days .table-condensed thead > tr > th, 
	.datepicker .datepicker-days .table-condensed tbody > tr > th,
	.datepicker .datepicker-days .table-condensed tfoot > tr > th,
	.datepicker .datepicker-days .table-condensed thead > tr > td,
	.datepicker .datepicker-days .table-condensed tbody > tr > td,
	.datepicker .datepicker-days .table-condensed tfoot > tr > td,
	.datepicker > div .table-condensed thead > tr > th.prev,
	.datepicker > div .table-condensed thead > tr > th.next {
		width: 14.1%;
		padding:5px 0px;
		display:inline-block;}
	
	
	.datepicker > div .table-condensed thead > tr > th.prev,
	.datepicker > div .table-condensed thead > tr > th.next,
	.datepicker > div .table-condensed thead > tr > th.datepicker-switch {
		height: 36px;
		padding:6px 0px 0px;
		display:inline-block;}
	
	.datepicker > div .table-condensed thead > tr > th.datepicker-switch {
		height: 36px;
		padding:7px 0px 0px;
		width:71.5%;}
	
	.datepicker > div .table-condensed thead > tr:first-child {
		height: 36px;
		padding:5px 10px;}
	}

/*LOGIN end*/

/*HEADER*/
.header { 
	width:100%;
	}
	
.main .header .loginbox {
	width:100%;
	padding:8px;
	background-color:#fff;
	float:right;
	position:relative;
	border-bottom:2px solid rgba(0, 0, 0, 0.1);}

.loginbox .login-box {
	float:right;
	z-index: 1002;
	position:relative;
	}
	
.loginbox .login-box  .dropdown > a {
	display:block;
	color:#8E8E8E;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	display:block;
	border:1px solid #e5e5e5;}

.loginbox .login-box  .dropdown > a .dropdown-text {
	padding:10px 25px 10px 10px;
	float:left;
	border-right: 1px solid #e5e5e5;}

.loginbox .login-box  .dropdown > a:hover {
	font-weight:normal;}

.loginbox .login-box  .dropdown > a .caret {
	border-top: 4px solid #8e8e8e;
	margin-right:15px;
	margin-left:15px;
	margin-top:19px;
	float:right;}

.glyphicon {
	margin-right:15px;}

.loginbox .glyphicon {
	margin-right:5px;}


/*MAIN - CONTENT */

#main-content {
	width:100%;
	float:left;}
	
/*MENU*/
.menu {
	height:100%;
	background: #84ae42;
	z-index:100;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-webkit-touch-callout: none;
	float:left;
	width:100%;
	/* min-width:190px;  */
	max-width:190px;
}

.main .brand {
	float:left;
	background:#fff;
}

.main .brand a {
	display:block;
	color: #85AF42;
	font-size:21px;}

.main .brand a:hover {
	text-decoration:none;
	font-weight:normal;}

.main .brand a img.rap_logo_mobile {
	margin-right:15px;}

.navbar-collapse {
	max-height:none;
	padding:0px;}

.navbar-nav {margin:0px;}

.navbar-inverse {
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-webkit-touch-callout: none;
	border:none;
	background-color:#84AE42;}

.navbar-inverse .navbar-toggle {
	border:none;
	background-color: #6d6d6d;}

.nav {width:100%;}

.navbar-nav > li {float:none;}

.nav .heading {
	padding: 15px;
	text-align:left;
	/* font: bold 13px Arial; */
	font-size:16px;
	color: #fff;
	background: #84ae42;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	border-bottom:1px solid rgba(0, 0, 0, 0.05);
	cursor:pointer;}

.nav li.active .heading, .nav .heading:hover {
	color: rgb(255, 255, 255);
	text-decoration: none;
	border-top: 1px solid #6B8735;
	text-shadow: 0px 1px 0px #6B8735;
	background: #A0C950;}

.nav li.active:first-child .heading {border-top:none;}
	
.nav li.active ul.sub {
	text-indent: none;
	list-style:none;
	padding: 0px;
	margin: 0px;
	display:block;}

.nav .heading2 {
	text-align: left;
	/* font: bold 13px Arial; */
	padding: 10px 10px 10px 30px;
	color: rgb(145, 145, 145);
	background: #EDEDED;
	filter: none !important;
	text-shadow: 0px 1px 0px rgb(255, 255, 255);
	border-bottom: 1px solid #BFBFBF;
	cursor:pointer;}

.nav li.active li.list.active .heading2 {
	color:#84ae42;
	text-shadow: 0px 1px 0px rgb(255, 255, 255);
	border:none;}

/*Promjene za dodatno plaćene oglase*/
.nav li.active li.list.active .heading2 a{
	color: #84AE42;
	text-shadow: 0px 1px 0px #FFF;
	text-decoration: none;}

.nav li.active li.list .heading2 a{
	color: #8e8e8e;
	text-decoration: none;}

/*END - Promjene za dodatno plaćene oglase*/

.nav li.active ul.sub li.list.active ul.sub2 {
	list-style:none;
	margin:0px;
	padding:0px;
	display:block;}

.nav li.active ul.sub2 {
	background:#fff;
	list-style:none;
	margin:0px;
	padding:0px;
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	display:block;}

.nav li.active sub

.nav li.active ul.sub li.list.active ul.sub2 li.sub2-item {
	margin:0px;
	padding:0px;}

.nav ul.sub2 li a, .nav li.active ul.sub li.sub2-item a{
	color: #919191;
	text-decoration: none;
	padding:6px 5px 6px 45px;
	margin:0px;
	font-size:13px;
	line-height:20px;
	display:block;
	background:#fff;
	outline:none;}

.nav li.active ul.sub li.sub2-item.active a, .nav li.active ul.sub2 li.sub2-item.active a {
	padding-left:40px;
	border-left:5px solid #A0C950;
	background-color:#f9f9f9;}

.nav li.active ul.sub2 li a:hover {color:#84ae42;}

ul.nav li ul.sub {display:none;}

ul.nav li ul.sub li.list ul.sub2 {display:none;}

ul.nav li ul.sub2 {display:none;}

ul.dropdown-menu {
	right:0px;
	left:auto;
	border-radius: 0px;
	min-width:0;
	box-shadow:none;
	width:100%;}

ul.dropdown-menu li.odjava a {color: #8e8e8e;}

ul.dropdown-menu li.odjava a:hover {
	background-color: #fff;
	color: #F29122;}

ul.dropdown-menu li.odjava a span.glyphicon { margin-right:20px;}
	

/*CONTENT*/

.content {
	margin-top:25px;
	margin-left:190px;}
	
.container {
	margin:0px;
	padding:0px;}

/*do tuda*/

div.clear {clear:both;}

/*NOVE KLASE ZA REDIZAJN*/
.ruler {
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	margin:-40px 0 15px;}

.ruler.donji {
	float:left;
	margin:0px;}
	
.rap_body {
	margin:0px auto;
	max-width:1300px;
	width:100%;}

form.rap_frm {margin:0px;}

.rap_frm fieldset {
	width:100%;
	margin:0px;
	text-align:center;}

.rap_frm > fieldset > div {
	margin-bottom: 25px;}

.info {
	float:left;
	margin-right:0px;
	width:48%;
	background: #fff;
	/* min-width:245px; */
	-webkit-box-shadow: 2px 2px 4px 0px #cccccc;
	-moz-box-shadow: 2px 2px 4px 0px #cccccc;
	box-shadow: 2px 2px 4px 0px #cccccc;
	/*padding-bottom:10px;*/
	}

.rap_frm > fieldset div.info .info-content > div {
	margin-bottom:15px;
	text-align:left;} 

.info .title {
	width:100%;
	padding:12px 18px;
	text-align:left !important;
	border-bottom: 1px solid #E5E5E5;}

.info .title h5 {
	color: #969696;
	/*font-weight:300;*/
	font-weight:normal;
	margin:0px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;}

/* .rap_frm */ .zajedno {
	width:48%;
	float:right;
	margin-left:4%;}


.rap_frm div.mapgps div label  {
	float:left;
	text-align:left;
	width:80%;
	display:inline;}

.rap_frm div.mapgps div input {
	margin:4px 0px 0px;
	width:100%;}

.rap_frm div.mapgps.info .map-content div:nth-child(3) {float:right;}

.rap_frm div.mapgps div.input-polje {
	width:45%;
	float:left;
	margin-bottom:15px;
	}

.rap_frm div.mapgps #map_canvas {margin-top: 10px;}

.rap_frm div.mapgps #map_canvas .map-placeholder {
	width: 100%;
    height: 100%;
    background-color: #eeeeee;
	position: relative;}

.rap_frm div.mapgps #map_canvas .map-placeholder button {
	width: 100%;
	max-width: 190px;
	background-color: #8E8E8E;
	color: #fff !important;
	border: 2px solid #8E8E8E;
	box-shadow: 0px 6px #444;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -23px; 
	margin-left: -100px;}

.rap_frm div.mapgps #map_canvas .map-placeholder button .fas {margin-right: 10px;}

.rap_frm .zajedno .info.dist, .rap_frm .zajedno .info.mapgps {width:100%;}

/*.rap_frm .zajedno .info.dist .info-content div input {width:160px;}*/
.rap_frm .zajedno .info.dist .info-content .input-polje .input-group input {width:100%;}

.rap_frm .zajedno .info.mapgps, .rap_frm .info.object {margin-bottom:20px;}

.rap_frm .ad div.comment {
	float:left;
	width:48%;
	margin-bottom:0 !important;}

.rap_frm .ad div.comment input {
	width:13px;
	margin-top:5px;}

.rap_frm .ad div.comment label {
	width:80%;
	margin-top:0px;}

.rap_frm .ad div.ad-status label {
	width:30%;
	/* min-width:130px; */
	margin-left:18%;}

.rap_frm .ad div.ad-status input {
	width:120px;}

.rap_frm .zajedno .info.dist .info-content div label {
	width:23%;
	margin-left: 20px;}

.rap_frm .zajedno .info.dist .info-content div .input-group {
	width:23%;
	display:inline-table;
	margin-right: 10px;}

.rap_frm .zajedno .info.dist .info-content div .input-group.input-minute {
	width:20%; }

.rap_frm legend, .rap_brw .legend {
	font-size:30px;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	position: relative;}

.rap_brw .legend .glyphicon-cog {
	float:right;
	cursor:pointer;}

.rap_frm legend span.unit-info, .rap_brw .legend span.unit-info {
	display: block;
	font-size:18px;
	font-style:italic;}
	
.admin-info {
	float:left;
	color: #888888;
	width:100%;
	margin:0 auto;
	margin-bottom:50px;}

.admin-info .admin-bar {
	margin:0px 0px 0px 15px;
	padding:0px 5px;}

.admin-info .admin-bar h6 {
	font-size:19px;
	font-family: 'Open Sans', sans-serif;}

/*.admin-info .datumi label {
	float:none;
	display:inline;}

.admin-info .datumi input  {
	width:150px !important;
	background-color:#fff;
	display:inline;
	text-align:left !important; 
	margin-bottom:0px;}*/

.provision-amount-holder .provision-amount-options .provision-option {
	padding: 5px 20px;
	border: 1px solid #2489C5;
	color: #2489C5;
	float: left;
	cursor: pointer;}
						
.provision-amount-holder .provision-amount-options .provision-option.option-checked {
	background: #2489C5;
	color: #ffffff;
	float: left; }

.info .info-content .text-area-polje textarea {
	width:250px;
	margin-bottom:0px;}

.info .info-content .res-content .text-area-polje textarea {width:100% !important;}

.sadrzaj textarea.animated[disabled], .sadrzaj textarea.animated[readonly] {background:#f4f4f4;}

/*.admin-info .check-polje .icheckbox_square-blue {
	display:inline-block !important;
	float: none !important;}

.admin-info .check-polje label {
	float:none;
	display:inline;}

.admin-info .select-polje label {
	float:none;
	display:inline-block;
	width:auto;}

.admin-info .check-polje .icheckbox_square-blue {
	display:inline-block;
	float:none;
	vertical-align:middle;} */

.rap_frm select
{
   	padding: 6px 15px 6px 10px;
	font-weight: 400;
	font-size: 14px;
	color: #555555;
	background: #fff;
	border: 1px solid #D1D3D4;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.50);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.50);
	margin-top:-5px;
	margin-bottom:5px;
	width:250px;
}

.info .info-content .input-polje .input-group input {
	width:203px;}

.info .info-content .input-polje.prs-nmbr .input-group input,
.info .info-content .input-polje.euro-field input  {text-align: right;}

.info .info-content .input-polje.euro-field input  {padding-right: 35px;}

/*.info.jezici .jezici-content,*/ .admin-info {
	text-align: center;}

.info.jezici/*:first-child*/ {text-align:center;}

.info.jezici/*:first-child*/ div.check-polje {
	display:inline-block;
	margin:0 2% 4% 0;
	width:175px;}

/*.info.jezici .jezici-content div.check-polje {
	display:inline-block;
	margin:0 2% 4% 0;
	width:128px;}

.info.jezici .jezici-content div.check-polje:last-child {
	text-align:left;} */

.info.jezici/*:first-child*/ div.check-polje:last-child {text-align:left;}

/*.info.jezici .jezici-content div label {
	width:95px;
	margin-top:-1px;
	text-align:right !important;}*/

.info.jezici/*:first-child*/ div.check-polje label {
	width:140px;
	margin-top:-1px;
	text-align:right !important;}

.rap_frm fieldset #att_span {
	margin-bottom:0px;
	float:left;
	width:100%;}

.admin-info > div {margin-bottom:15px;}

.rap_frm .acc-unit .info .info-content div label {width:40%;}

.zajedno.ad.info .info-content .ad-status label {width:34%;}

/*Custom select polja*/
.select2-container {width:250px !important;}

.select2-container a:hover {font-weight:normal;}

.select2-container .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choice  {
	/*padding:7px 10px;*/
	padding:8px 10px;
	background-image:none;
	border-radius:0px;
	/*line-height:normal;*/
	line-height:20px;
	height:auto;
	border: 1px solid #c0c0c0;
	color: #707070;}

.select2-container .select2-choice.error, .select2-dropdown-open.select2-drop-above .select2-choice.error {
	border:1px solid red;
	color: red;}

.select2-container .select2-choice .select2-arrow {
	width:30px;
	background: #eeeeee;
	border-radius:0px;}

.select2-container .select2-choice .select2-arrow b {
	background-position: 7px 4px;}

.select2-dropdown-open .select2-choice .select2-arrow b {
	background-position: -11px 4px;}

.select2-dropdown-open .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choice {
	background-color:#fff;
	border-color: #2489C5;}

.select2-dropdown-open .select2-choice .select2-arrow {
	border-left:1px solid #C0C0C0 ;}

.select2-results .select2-highlighted {
	background-color: #2489C5;
	color: #fff !important;}

.select2-container .select2-choice > .select2-chosen {
	width:87%;
	margin-right:0px;
	font-size:14px;}

.select2-results li  {color: #707070;}

/*Custom select end*/

/*Marko sakrio option klase skriveno "Molimo izaberite" u listi optiona*/
.select2-drop .select2-results li.skriveno {display: none;}
@media screen and (max-width: 1352px) { 
	.rap_frm .zajedno .info.dist .info-content div label {
		text-align: left;
		width: 100%;}
	.rap_frm .zajedno .info.dist .info-content div .input-group,
	.rap_frm .zajedno .info.dist .info-content div .input-group.input-minute {
		width: 28%;
		margin: 0 0 0 3%;}}

@media screen and (max-width: 1147px) {
	.info .info-content > div {
		padding-left:10%;
		padding-right:10%;
		/* display:inline-block;
		margin:10px 0px 10px 0px; */}

	.rap_frm .zajedno .info.dist .info-content .input-polje {padding: 0;}
	
	.rap_frm .zajedno .info.dist .info-content div .input-group {margin: 0 0 0 3%;}

	.rap_frm .mapgps.info > div.map-content {
		padding:0;}
	
	.info .info-content div label {
		text-align:left;
		width:100%;
		margin-left:0px !important;}
	
	.info .info-content div input {
		width:100% !important;}
	
	.info.cijena .info-content .price-footer div .input-polje input {width:75px !important;}
		
	.rap_frm .info .info-content div select {
		width:100% !important;}
	
	.rap_frm .info .info-content div .select2-container {
		width:100% !important;}
	
	.rap_frm .ad div.ad-status label {
		width:100%;}
	
	.rap_frm .zajedno .info.dist .info-content div label {
		width:100%;
		padding: 0 5%;}
	
	.rap_frm div.input-polje label {
		margin-bottom:10px;}
	
	.rap_frm .ad div.comment input {
		width:13px !important;}
	
	.info.zajedno .info-content .input-polje .input-group {
		width:100%;
		float:left;
		/*margin-bottom:15px;*/}
	
	.info .info-content .text-area-polje textarea {
		width:100%;}
	
	/*#att_span*/ .info.jezici .info-content div.check-polje {padding:0;}
	
	.zajedno.ad.info .info-content .ad-status label {width:100%;}
	
	.info .info-content .period-content .period .input-polje {
		float:none;
		margin:0px;
		width:100%;}
	
	.info .info-content .period-content {padding:0px 25px !important;}
	
	.info .info-content .period-content .period .input-polje {
		float:none !important;
		width:100% !important;}
	
	.cijena.info .info-content .price-footer {padding: 0px 3% 20px; } 
	
	.slike.info .info-content .pic-container, .slike.info .info-content .pic-footer {
		padding-right:0 !important;
		padding-left:0 !important;}
	
	.slike.info .info-content.no-pic .fileinput, .info.statistika .info-content .stat-month {
		padding-left:0 !important;
		padding-right:0 !important;}
	
	.info.statistika .info-content .input-polje input {width:40% !important;}
	
	.info.reservation .info-content .table-responsive {padding: 0;}
	
	.info.reservation .info-content .res-header .select-polje label {margin-bottom: 10px;}
	
	.info.reservation .info-content .rap_frm fieldset .res-content .res-info {
		padding-left: 0;
		padding-right: 0;}
	
	.info.reservation .info-content .rap_frm fieldset .res-content .res-info .select-polje .select2-container {width:100% !important;}
	
}

@media screen and (max-width: 1041px) and (min-width: 936px) {
	.rap_frm .zajedno .info.dist .info-content div .input-group,
	.rap_frm .zajedno .info.dist .info-content .input-polje .input-group.input-minute {
		margin-bottom: 10px;
		width:94%;}
	
	.rap_frm .zajedno .info.dist .info-content .input-polje .input-group input,
	.rap_frm .zajedno .info.dist .info-content .input-polje .input-group.input-minute input {width: 100% !important;}}

@media screen and (max-width: 448px) {
	.rap_frm .zajedno .info.dist .info-content div .input-group,
	.rap_frm .zajedno .info.dist .info-content .input-polje .input-group.input-minute {
		margin-bottom: 10px;
		width:94%;}
	
	.rap_frm .zajedno .info.dist .info-content .input-polje .input-group input,
	.rap_frm .zajedno .info.dist .info-content .input-polje .input-group.input-minute input {width: 100% !important;}}

/*Custom tabs*/
.skins *, .skins *:before, .skins *:after {
	-webkit-box-sizing: border-box !important; 
	-moz-box-sizing: border-box !important; 
	box-sizing:border-box !important;}

.skins h1,.skin h2,.skin h3,.skin h4{
	margin:0 !important;
	font:17px/60px;
	font-family: 'Open Sans', sans-serif !important;}

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

.skins .clear{
	position:relative;
	*zoom:1;}

.skins .clear:before,.skins .clear:after{
	content:'';
	display:table;
	clear:both;}

.skins{
	position:relative;
	*zoom:1;
	width:100%;
	max-width:1300px;
	/* min-width:334px; */
	margin:15px auto 0px; 
	padding:0px;
	float:left;
	color:#969696 !important;}
	
.skins .arrows{
	position:absolute;
	top:3px;
	left:-60px;
	width:60px;
	overflow:hidden;}
	
.skins .arrows .top,.skins .arrows .bottom{
	position:relative;
	left:60px;
	width:60px;
	height:60px;
	cursor:pointer;
	-webkit-transition:left .3s,background-color .2s;
	-moz-transition:left .3s,background-color .2s;
	-ms-transition:left .3s,background-color .2s;
	-o-transition:left .3s,background-color .2s;
	transition:left .3s,background-color .2s}
	
.skins .arrows .top{
	background:#83b3be url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAdklEQVR4Xo3MuwmFQBiE0b0FmAuutnRBsAARLMTYRzvWItiEYLq/s6CYyMwGXzTDcWbG8mhEf/ZjQIV2ZCigjiASMAVJIAVKAQ4FKWBDJVoYpAB/7z8GRaAQgBNQG8dZA28f0BmHBgUCKGh9hhpNKH8BWY8GlF2OH3hCC1zmdAAAAABJRU5ErkJggg==") 50% no-repeat;
	*background-image:url("ie/arrow-top.png");}
	
.skins .arrows .top:hover{background-color:#6ba4b1;}

.skins .arrows .bottom{
	background:#e2b78d url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAf0lEQVR4Xo3MzQmEQBCE0TGAvQuOpiQIBiCCgXj2J52NRTAJwev0Vh+WOgjlNHyHguYFM/M6tKLSd2YTmtHHR48S8jtQzAB2430d2bgJvQLsdqRCZwZUPAFLaPjrjYAUMKLgwBtUK4CIhi4BEFGQBohISANEJKQBIqqIFtSqvx/0bXhCCUrgiAAAAABJRU5ErkJggg==") 50% no-repeat;
	*background-image:url("ie/arrow-bottom.png");}

.skins .arrows .bottom:hover{background-color:#dba571;}

@media screen and (max-width:1049px){.skins .arrows{display:none}
}
.skins .skin{
	position:relative;
	margin-bottom:40px;
	background: #fff;
	-webkit-box-shadow: 2px 2px 4px 0px #cccccc;
	-moz-box-shadow: 2px 2px 4px 0px #cccccc;
	box-shadow: 2px 2px 4px 0px #cccccc;
	width:48%;
	/* min-width:334px; */
	float:left;
	}

@media screen and (max-width: 1002px) {
  .skins .skin {
    width:100% !important;
	}
}

.skins .skin:nth-child(2n+1) {margin-right:4%;}
	
.skins .skin:hover .arrows .top,.skin:hover .arrows .bottom{left:0}

.skins .skin h3{
	/*position:relative;*/
	z-index:20;
	float:left;
	height:41px;
	padding:0 27px;
	line-height:58px;
	background:#fff;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #c0c0c0;
	width:100%;
	background-color:#40778f;
	color:#fff;
	z-index:-10;
	text-transform:uppercase;
	font-size:14px;}

.skins .skin h3:before{
	content:'';
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:2px;
	margin-top:-1px;
	background:#fff}

.skins .skin dl{
	z-index:10;
	width:100%;
	margin:0;
	padding:0px 25px;}

.skins .skin dt{
	background-color:#fff;
	position:relative;
	top:15px;
	right:1px;
	float:right;
	height:31px;
	margin-right:-1px;
	padding:0 30px;
	line-height:32px;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-bottom:none;
	cursor:pointer;
	-webkit-transition:background-color .2s;
	-moz-transition:background-color .2s;
	-ms-transition:background-color .2s;
	-o-transition:background-color .2s;
	transition:background-color .2s;
	display:block;
	font-weight:normal;}
	
.skins dt.en{
	/* background: url(../img/img_lang.png) no-repeat 10px -151px ;}  */
	background: url(../img/img_lang.png) no-repeat 9px 3px #f9f9f9;}
	
.skins dt.en:hover{	background: url(../img/img_lang.png) no-repeat 7px -158px #f9f9f9;}
	
.skins dt.it {background: url(../img/img_lang.png) no-repeat 9px -114px #f9f9f9;}

.skins dt.it:hover {background: url(../img/img_lang.png) no-repeat 7px -278px #f9f9f9;}
	
.skins dt.de {background: url(../img/img_lang.png) no-repeat 9px -75px #f9f9f9;}

.skins dt.de:hover {background: url(../img/img_lang.png) no-repeat 7px -238px #f9f9f9;}

.skins dt.hr {background: url(../img/img_lang.png) no-repeat 9px -36px #f9f9f9;}
	
.skins dt.hr:hover {background: url(../img/img_lang.png) no-repeat 7px -200px #f9f9f9;}

.skins .skin dt.selected{
	height:31px;
	background:#fff;
	border-bottom:none;
	cursor:default;
	padding:0 15px 0 15px!important;}
	
.skins .skin dt.selected:before{
	content:'';
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:2px;
	margin-top:-1px;
	background:#fff}


.skins .skin dd{
	position:relative;
	display:none;
	float:left;
	width:100%;
	margin:47px -100% 0 0;
	overflow:hidden;
	color:#444;
	background:#fff;
	border:none;}

.skins .skin dd.selected{display:block}

.skins .skin dd a{color:#444;}

.skins .skin dd a:hover{color:#111}

.skins .skin-minimal .skin-section .list li{padding-left:38px}

/* .skins .sadrzaj{padding-top: 20px;} */

.skins dt div.lngtext{display:none;}

.skins .skin dt{
	padding:0 25px!important; 
	-webkit-box-sizing: content-box !important; 
	-moz-box-sizing: content-box !important; 
	box-sizing:content-box !important;}
	
.skins dt.selected div.lngtext {display:block;}

.skins dt.selected.en div.lngtext {
	float:left; 
	background: url(../img/img_lang.png) no-repeat 68px 3px;
	padding-right:47px;}
	
.skins dt.selected.it div.lngtext {
	float:left; 
	background: url(../img/img_lang.png) no-repeat 72px -114px;
	padding-right:39px;}

.skins dt.selected.de div.lngtext {
	float:left; 
	background: url(../img/img_lang.png) no-repeat 76px -76px;
	padding-right:40px;}

.skins dt.selected.hr div.lngtext {
	float:left; 
	background: url(../img/img_lang.png) no-repeat 68px -35px;
	padding-right:46px;}

.skins dt.selected {padding:0 47px;}

.skins div.tagscopy{
	padding-top:5px;
	background:#f7f7f7; 
	color:#969696; 
	float:left; 
	margin-right:10px; 
	width: 40px; 
	height:30px; 
	text-align:center; 
	border-radius:0px; 
	box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); 
	border:1px solid #DDD8CE;}

.skins div.tagscopy:hover{
	cursor:pointer;
	background:#f9f9f9; 
	border:1px solid #CCC;}

.skins div.clear {clear:both;}

.skins div.clickme{
	padding:5px 13px; 
	background:#f7f7f7; 
	color:#969696; 
	float:left; 
	margin:0px 0 20px 0; 
	text-align:center; 
	border-radius:0px; 
	box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); 
	border:1px solid #DDD8CE;
	display:block;
	}

.skins div.book {display:none;}

.skins div.cnt {
	float:left;
	margin-right:20px;}
.skins div.tags {
	display:block; 
	margin-bottom:20px;
	color:#8E8E8E;}

.skins div.book strong {
	float:left;
	width:100px;
	margin-top:5px;
	font-weight: normal; }

.skins div.clickme:hover{
	cursor:pointer; 
	background:#f9f9f9; 
	border:1px solid #CCC;}

/* .skins .skin */ textarea{
	font-family: 'Open Sans', sans-serif; 
	font-size:15px; 
	width:100%;
	resize:vertical; 
	transition:height 0.2s ease 0s; 
	/* border-left:none ; 3px solid rgb(221, 216, 206);  
	border-right:none; */
	border:1px solid #C0C0C0;
	/* border-bottom:1px solid #C0C0C0; */
	padding:7px; 
	line-height:20px;
	color:#969696;
	margin-bottom:20px;}

.skin .title {
	background:fff;
	width:100%;
	padding:12px 18px;
	text-align:left !important;
	border-bottom: 1px solid #E5E5E5;}

.skin .title h5 {
	margin:0px;
	text-align:left !important;
	color: #969696;
	font-weight:300;
	margin:0px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;}

@media screen and (max-width: 767px) {
.menu {
    max-width:none;
	min-width:none !important;
	float:none !important;
	height:auto !important;	}

.header {min-width:none;}
  
.loginbox {
	background-color: #fff !important;}
	 
.content {
	margin-left:0px;}
	
.container > .navbar-header {
	margin:0px;
  }
  
  .container > .navbar-collapse {margin:0px !important;}
  
  .rap_frm fieldset {
	  padding:50px 10px;}
	 
  .login-form .rap_frm fieldset {padding:0px;}
  
  .rap_frm .info .info-content > div {
	  padding-left: 5%;
	  padding-right: 5%;}
  
  .skins .skin dl {
	  padding:0 5%;}
  
  .skins .skin dt {
	  padding:0px 22px !important;}
	 
	.cijena.info .info-content .period-content {padding: 0 5% !important;}
	
	.cijena.info .info-content .price-footer {
		padding:0 0 20px !important;
		margin:0 5% 20px !important; }
	
	
	.nav ul.sub2 li a, .nav li.active ul.sub li.sub2-item a { padding:12px 5px 12px 45px; }

	.nav .heading2 { padding:15px 10px 15px 30px; }
	
	.nav .heading { padding:20px 15px 20px 15px; }
	
}

@media screen and (max-width: 300px) {
	.rap_frm div.mapgps.info .info-content div.input-polje {
		float:left !important;
		width:100%;}
		
	.rap_frm div.mapgps.info .info-content div label {
		width:100%;}
		
	.rap_frm div.mapgps.info .info-content div input {
		width:100%;}
	
	#btn_ok, #btn_del {margin-right:0 !important;}
	

	}

@media screen and (max-width: 480px) {	
	.rap_brw .legend {
		margin:0px;
		font-size:27px;}
	
	.rap_brw-inq .legend { padding:0;}

	.admin-info .select-polje, .admin-info .check-polje, .admin-info .input-polje  {
		text-align:left;}
	
	.admin-info .select-polje .select2-container {
		width:100% !important;}
	
	.info.reservation .info-content .table-responsive .table td.calendar-cell {padding:16px !important;}
	
	.info.reservation .info-content .table-responsive .table td.calendar-cell .holder table.calendar tbody tr td, 
	.info.reservation .info-content .table-responsive .table td.calendar-cell .holder table.calendar tbody tr th {
		width:36px !important;
		height:29px !important;}
	
	.info.reservation .info-content > .select-polje {
		width:100% !important;
		padding-left:5%;
		padding-right:5%;
		margin:20px 0px 0px !important;}
	
	.info.reservation .info-content > .select-polje .select2-container {width:100% !important;}

	.info.reservation .info-content .res-header .select-polje,
	.info.reservation .info-content .res-header .input-polje {
		width:100% !important;
		margin:0;
		 } 
		
	.info.reservation .info-content .res-header .select-polje:nth-child(2n) {
		float:left;}
	
	.info.reservation .info-content .rap_frm fieldset .res-content .res-info {
		float:left !important;
		width:100% !important;
		border-right:0px !important;
		padding-top: 20px;
		padding-bottom: 20px;}
	
	.info.reservation .info-content .rap_frm fieldset .res-content .res-info.guest {
		border-top:1px solid #e5e5e5;}
	
	.main .brand a {
		width:45px;
		height:45px;
		overflow:hidden;}

	 }
	
.rap_frm .zajedno .info.mapgps .map-content {padding:0px 10px 10px;}

/*IMPORT KALENDARA*/
.object.info.import-calendars .info-content {
	padding:25px;
}

.object.info.import-calendars .info-content .item {
	width:100%;
	padding: 0 25px 15px 0;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 25px;
}

.object.info.import-calendars .info-content .item .check-polje,
.object.info.import-calendars .info-content .item .input-polje,
.object.info.import-calendars .info-content .item .select-polje
 {
	float:left;
	width:25%;
}

.object.info.import-calendars .info-content .item div label {
	float: left;
	display: block;
	width: 100%;
	text-align: left;
	margin: 5px 0 7px 0;
}

/*Import kalendara end*/

/*Cijene*/
#prices_div {
	width:100%;
	float:left;}
	
.info.cijena {
/*	display:block; */
	width:100%;
	margin-right:3%;
	margin-bottom:25px;
	padding-bottom:0px;}

.info .info-content, /*.info.jezici .jezici-content,*/ .info.mapgps .map-content {
	padding-top:15px;
	margin-bottom:0px;
	padding-bottom:10px;
	}

.info .title {
	cursor:pointer;
	margin-bottom:0px;
	position: relative;}

.info .title h5, .skin .title h5 {float:left;}

.info .title span.glyphicon.glyphicon-chevron-down, .skin .title span.glyphicon.glyphicon-chevron-down {
	margin-right:0px;
	float:right;}

.info .period-content {
	margin-bottom:0px !important;
	padding: 0 25px;}

.info .period-content .period {
	margin-bottom:20px;
	border: 1px solid #E5E5E5;
	padding-bottom:15px;
	float:left;
	width:32%;
	margin-right:2%;
	/*margin:0 0 0 20px;
	width:30%;
	display:inline-block;*/}

.info .period-content .period .period-group {
	padding:0 5%;}

#prices_div .info .period-content div:nth-of-type(3n+3) {margin-right:0px;}

.info .period-content .period h6 {
	font-size:14px;
	border-bottom: 1px solid #E5E5E5;
	margin:0px;
	padding:7px 0px 7px 25px;
	background-color:#F9F9F9;}
	
.info .period-content .period .input-polje {
	width:48%;
	float:left;}

.info .period-content .period .input-polje.desno {
	float:right;
	text-align:right;
	margin:0;}

.info .period-content .period .input-polje label {
	text-transform:capitalize;
	width:20%;}
	
.info .period-content .period .input-polje.desno label {width:28%;}

.info .period-content .period .input-polje input {width:100%;}

.info.cijena .price-footer {
	border-bottom: 1px solid #E5E5E5;
	padding:0px 3% 20px;
	margin:0 25px 20px}

.info.cijena .price-footer .basic-price {float:left;}

.info.cijena .price-footer .extra-price {float:right;}
	
.info.cijena .price-footer .extra-price .input-polje label, .info.cijena .price-footer .basic-price .input-polje label {width:auto;}

.info.cijena .price-footer .basic-price .input-polje label {
	color:#84AE42;
	font-weight:bold;
	font-size:14px;}

/* .info.cijena .price-footer .extra-price .input-polje input {text-align:right;} */

.info.cijena .price-footer div .input-polje input {width:75px;}

#prices_div .cijena.info .info-content .period-content .add-price-period {margin-top:0px;}

@media screen and (max-width: 500px) {
	.info.cijena .price-footer > div {float:none !important;}
	
	.info.cijena .price-footer .basic-price {
		margin-bottom:15px;}
		
	.info.cijena .price-footer div .input-polje label {
		float:left;
		width:55% !important;}
	
	.info.cijena .price-footer div .input-polje input {float:right;}
		
	.info .period-content .period {
		float:none;
		width:100%;}
	
	.info .period-content .period .input-polje {
    	width: 48% !important;
    	float: left !important;}
	
	.info .period-content .period .input-polje.desno {float:right !important;}
}

/*Cijene end*/

/*STATISTIKA*/
.info.statistika {width:100%;}

.info.statistika .info-content .stat-month, .info.statistika .info-content .stat-tot {
	text-align:center;
	display:block;
	margin-bottom:0px;}

.info.statistika .info-content .stat-tot {
	padding-right:4%;
	text-align:right;
	margin-bottom:0px;}

.info.statistika .info-content .input-polje {
	display:inline-block;
	width:220px;
	margin-bottom:20px;}

.info.statistika .info-content .input-polje label {
	text-align:right;
	width:100px;}

.info.statistika .info-content .input-polje input {
	float:left;
	width:75px;}

.info.object .info-content .stat {text-align:center;}


/*STATISTIKA - end*/

/*Custom checkboxes*/
.icheckbox_square-blue {float:left;}

div.input-group { width:200px;}

.input-group-addon {
	padding:0px 12px;
	border-radius:0px;
	width:47px;}

/* .input-group-addon:not(:first-child):not(:last-child) {
	border-radius:0px 4px 4px 0px;
	border-left:none; } */
	
/*Novi buttons*/
#btn_ok, #btn_canc, #btn_del, .btn-load, #btn_clear_stat, #btn_sync, .btn-calc-dist, .gen-all, .btn-canc {
	border:none;
	border-radius:3px;
	background-image:none;
	background-color:#84AE42;
	box-shadow:0px 6px #6E8C3A;
	position:relative;
	text-shadow:none;
	font-weight:normal;
	color:#fff;
	margin-right:0;
	margin-left:0;
	padding:10px;
	text-indent:0px;
	width:125px;
	font-size:16px;
	margin-top:15px;}

.gen.input-polje #btn_sync {margin-top:0;}

.gen.input-polje label {margin-top:12px;}

#btn_clear_stat {
	width:200px;
	height:44px;}

.btn-load, #btn_sync, .btn-calc-dist {
	width:165px;
	background:#2489C5;
	box-shadow:0px 6px #145F84;
	/* height:50px; */
	font-size:16px;}

.btn-calc-dist {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 15px;}

.add-new .btn-load, #btn_sync {
	height:44px;
	width:145px;}

.add-new {
	float:left;
	margin-right:10px;
	padding-left:3.5%;
	margin-bottom:25px;}

#btn_ok, #btn_del {
	margin-right:4%;}

#btn_canc, .gen-all, .btn-canc {
	background-color: #DDDDDD;
	box-shadow:0px 6px #CECECE;
	color:#888888;}

#btn_del, #btn_clear_stat {
	background-color: #F29122;
	box-shadow:0px 6px #D67C22;
	/* margin-right:4%; */}

.del-all {
	margin-bottom:25px;
	margin-top:0px;
	float:right;
	padding-right:3.5%;}

.del-all #btn_del {
	width:145px;}

#ajax_check_periods_year.btn-load,
#ajax_check_missing_days.btn-load {
	width: auto !important;
	max-width: 300px;
	min-width:165px;
	margin:0px 0px 15px;}

@media screen and (max-width: 431px) {
	.del-all {
		margin-left:0;
		margin-right:0 !important;
		float:left;
		padding-right:0;}
	
	.add-new {margin-bottom:0;}
		
	.add-new, .add-new .btn-load, .btn-load, .del-all, #btn_del, .del-all #btn_del, #btn_ok, #btn_canc, #btn_clear_stat, .gen-all {
		margin-left:0 !important;
		margin-right:0 !important;
		width:100%;
		padding-left:0}
	
	 .object.info .stat {
		 padding-left:5%;
		 padding-right:5%;}
		 
	 .reservation .rap_frm .res-button {
		 padding-left:5% !important;
		 padding-right:5% !important;}
	 }

#btn_ok:hover, #btn_canc:hover, #btn_del:hover, #btn_clear_stat:hover, .gen-all:hover, .btn-canc:hover {
	box-shadow:0px 4px #6E8C3A;
	border:none;
	background-image:none;
	background-color:#84AE42;
	top:2px;}

#btn_del:hover, #btn_clear_stat:hover {
	background-color: #F29122;
	box-shadow:0px 4px #D67C22;}
	
#btn_sync:hover {
	background-color: #2489C5;
	box-shadow:0px 4px #145F84;
	border:none;
	background-image:none;
	top:2px;
	color:#fff;}

.rap_brw .legend .btn.btn-load {
    position: absolute;
    right: 0;
    top: 0;
	width: auto;
	padding: 10px 15px;}

.btn-load:hover, .btn-calc-dist:hover, .rap_brw .legend .btn.btn-load:hover {
	box-shadow:0px 4px #145F84;
	border:none;
	background-image:none;
	top:2px;
	color:#fff;}

#btn_canc:hover, .gen-all:hover, .btn-canc:hover {
	background-color: #DDDDDD;
	box-shadow:0px 4px #CECECE;
	color: #888888;}
	
.btn-load:focus, .btn-calc-dist:focus {
	color:#fff !important;}

#btn_ok:active,#btn_canc:active, #btn_del:active, .btn-load:active, #btn_clear_stat:active, #btn_sync:active, .btn-calc-dist:active, .gen-all:active,.rap_brw .legend .btn.btn-load:active {
	box-shadow:none;
	top:6px;
	color:#fff;}

#btn_canc:active, .gen-all:active {color: #888888;}

/*Buttons end*/

/*LOADING*/

#loading_div {
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(0,0,0,0.40);
	/*z-index:1002;*/
	z-index:3000;
	display: none;
}

#loading_div .object.info {
	float:none;
	margin:15% auto !important;
	width:90%;
	max-width:310px;}

#loading_div .object.info .info-content {text-align:center;}

#loading_div .object.info .info-content img {
	width:100%;
	max-width:282px;}

.loading_text {
	z-index:102;
	font-size:18px;
	color:#949494;}


/*LOADING end*/

@media screen and (max-width: 936px) {
	.rap_frm .zajedno {
		float:left;
		margin-left:0;
		margin-bottom:20px;
		width:100%}
	
	.rap_frm .info, .info.news {
		width:100%;}
	
	.rap_frm .info.ad {
		margin-bottom:20px;}
	
	.info.jezici/*:first-child*/ {
		margin-bottom:20px !important;}
	
	.zajedno.ad.info {margin-top:0px !important;}
}
		

/*IMAGES*/
.info.slike {
	float:none;
	margin-right:4%;
	width:28%;
	display:inline-block;
	vertical-align:top;
	}

.info.slike .info-content {
	padding-top:0px;}

/* .info .info-content {padding-top:30px;}

.info .info-content.no-pic {padding-top:16px;}  */

.slike.info .info-content.no-pic .fileinput {margin-bottom:2px;}

.slike.info .no-pic .fileinput div .btn {
	padding:4px 12px;
	font-size:13px;
	border-radius:0px;
	margin-left:18px;}

.slike.info .no-pic .fileinput div .btn input {
	width:96px;
	transform:none;
	padding:0;}

.info.slike .info-content .clear {margin-bottom:0px;}

.pictures_div {
	width:100%;
	float:left;}

.pictures_div div div.slike:nth-of-type(3n+3) {margin-right:0;}

.info.slike .pic-container {
	text-align:center !important;}

.info.slike .pic-container a {display:block;}

.info.slike .pic-container img {
	width:100%;
	max-width:282px;
	height:auto!important;
	max-height:187px;
	/*vertical-align:baseline !important; */}

.info.slike .no-pic .fileinput .thumbnail img {
	width:100%;
	max-width:282px;
	height:100% !important;
	max-height:187px;
	/*vertical-align:baseline !important; */}

.slike .pic-footer {margin-bottom:0px !important;}

.slike .pic-footer .pic-nav {
	margin-left:18px;
	float:left;}

.slike .pic-footer .pic-nav .nav-item {
	font-size:18px;
	float:left;
	cursor:pointer;}
	
.slike .pic-footer .pic-nav .nav-item .glyphicon {margin-right:10px;}

.slike .pic-footer .pic-nav .nav-item .l-nav {margin-right:-12px;}

.slike .pic-footer .del-item {
	font-size:20px;
	float:right;
	cursor:pointer;
	color:#F29122;}

.info-content .fileinput .thumbnail {
	padding:0px;
	margin-bottom:12px;
	border:0px;
	border-radius:0px;
	border-bottom:1px solid #E5E5E5; }

.info-content .fileinput .thumbnail a.btn:hover {font-weight:normal;}

@media screen and (max-width: 1031px) {
	.slike.info {
		margin-right:4% !important;
		width:39%;}
	
	.pictures_div div div.slike:nth-of-type(2n+2) {margin-right:0 !important;}
	
	.slike.info .info-content .pic-container {
		padding-right:0;
		padding-left:0;}
	
	.del-all {margin-right:8.5%;}
	
	.add-new {margin-left:8.5%;} }
	
@media screen and (min-width: 768px) and (max-width: 821px) {
	.slike.info {
		margin-right:0 !important;
		width:55%;}}

@media screen and (max-width: 523px) {
	.slike.info {
	margin-right:0 !important;
	width:282px;}
	
	form.filter .info.object .info-content .select-group, form.filter .info.object .info-content .period-content {
		width:100% !important;}
	}

@media screen and (max-width: 319px) {.slike.info {
	margin-right:0 !important;
	width:100%;}}

/*IMAGES END*/

/*BROWSE*/
.rap_brw {padding:0 5%;}
.rap_brw .ruler {
	margin-top:10px !important;
	margin-bottom:25px !important;}
	
.info.browse {
	padding:10px 30px 30px;
	margin-bottom:20px;
	width:100%;}

.info.browse .browse-nav {
	border:1px solid #2489C5;
	float:right;
	margin-top:15px;
	margin-bottom:25px;}

.info.browse .browse-nav .browse-item {
	border-right:1px solid #2489C5;
	float:left;
	text-align:center;
	color:#2489C5;}

.info.browse .browse-nav .browse-item.page {
	padding:10px;
	width:75px;}

.info.browse .browse-nav .browse-item:last-child {border-right:none;}

.info.browse .browse-nav .browse-item a {
	display:inline-block;
	width:45px;
	padding:10px;
	color:#2489C5;}

.info.browse .browse-nav .browse-item a:hover, .info.browse .browse-nav .browse-item a:focus {text-decoration:none;}

.info.browse .browse-nav .browse-item a span {margin-right:0px;}

.info.browse .browse-nav .browse-item a span.l-nav {margin-right:-9px;}

.info.browse .input-polje {float:left;}

.info.browse .input-polje .btn-load {
	width:100%;
	/* padding:10px 20px 10px 30px; */
	height:44px;
	color:#fff !important;
	margin-bottom:25px;}
	
/* .info.browse .input-polje .ladda-button .ladda-label {padding:0px 10px;} */

.info.browse .input-polje .btn-load:hover {
	font-weight:normal;}

.info.browse .table-responsive {
	float:left;
	width:100%;
	border:1px solid #dddddd;
	margin-bottom:25px;}

.info.browse .table-responsive table {margin-bottom:0px; }

.info.browse .table-responsive table thead {
	background-color:#F9F9F9;}

.info.browse .table-responsive table.inq-list tbody tr {
	background-color: #fafafa;
	font-weight: 100;}

.info.browse .results-num {
	padding:8px 0;
	float:left;}

.info.browse .rows-num {float:right;}

.info.browse .rows-num label {
	margin-right:10px;
	color:#2489C5;}

.info.browse .rows-num .select2-container {width:85px !important;}

.info.browse .rows-num .select2-container .select2-choice {
	color: #2489c5;
	border:1px solid #2489c5;}

.info.browse .rows-num .select2-container .select2-choice .select2-arrow {border-left: 1px solid #2489c5;}

.info.browse .rows-num .select2-results li  {color: #2489c5;}

.info.browse td { vertical-align: middle;}

.info.browse td.gly-rty .glyphicon {margin-right:0px;}

.info.browse td.gly-rty div.rap-rty,
.select2-results li .select2-result-label div.rap-rty,
.select2-container .select2-choice > .select2-chosen div.rap-rty {
	background:url(../img/rez_m-2x.png) no-repeat;
	background-size:20px 20px;
	width:20px;
	height:20px;
	margin-left:-2px;}

.select2-results li .select2-result-label div.rap-rty,
.select2-container .select2-choice > .select2-chosen div.rap-rty  {
	float:left;
	margin-right:10px;}

.select2-container .select2-choice > .select2-chosen div.rap-rty {margin-left:0px;}

.info.browse td.icon-action {padding:0px;}

.info.browse td.icon-action a {
	display:block;
	padding:10px;
	color: #808080;
	font-size:16px;}

.info.browse td.icon-action.del a {color: #F29120 !important;}

.info.browse td.icon-action a:visited, .info.browse td.icon-action a:hover {color: #808080;}

.info.browse td.icon-action a:hover {background-color: #dddddd;}

.info.browse td.icon-action a span {margin-right:0px;}

.info.browse .table thead tr th {padding:0px;}

.info.browse .table thead tr th a, .info.browse .table thead tr th a:visited, .info.browse .table thead tr th a:hover {
	text-decoration:none;
	color: #808080;
	padding:10px;
	display:block;}

 .info.browse .table thead tr th a:hover {background-color: #dddddd;}


form.filter {
	/*margin-top:50px;*/
	float:left;}

form.filter fieldset {padding:0px;}

form.filter .info.object {width:100%;}

form.filter .info.object .info-content {padding-bottom: 0px;}

form.filter .info.object .info-content .select-group, form.filter .info.object .info-content .period-content {
	width:40%;
	float:left;
	margin-bottom:0px;}

form.filter .info.object .info-content .select-group .select-polje {
	margin-bottom:15px;}


form.filter .info.object .info-content .period-content .period {
	margin-bottom:0px;
	width:100%;}

form.filter .info.object .info-content .period-content .period .input-polje label {
	text-transform:none;
	text-align:left;
	width:100%;}
	
form.filter .info.object .info-content .btn-load {
	float:right;
	width:auto;
	margin-right:5%;
	margin-top:0px;}

@media screen and (max-width: 1305px) {
	.filter .info-content .select-group {
		padding-right:5%;
		padding-left:5%;}
	.info.i-cal .info-content div label {
		text-align: left;
		width: 100%;
		margin-left: 0px !important;}
	}

@media screen and (max-width: 970px) {
	form.filter .info.object .info-content .select-group,
	form.filter .info.object .info-content .period-content {
		width:100%;}
	
	form.filter .info.object .info-content .btn-load  {
		margin-top:15px;
		width:90%;}
	}

@media screen and (max-width: 605px) {
	form.filter .info.object .info-content .select-group, form.filter .info.object .info-content .period-content {
		width:100% !important;}
		
	form.filter .info.object .info-content .period-content, form.filter .info.object .info-content .select-group {padding:0 !important;}	
	
	.info.browse .browse-nav {
		float:left;
		margin-top:0px;
		margin-bottom:15px;}
	
	.info.browse .rows-num {margin-bottom: 20px;}
	
	.info.browse, .filter .info.object .info-content {padding:10px 15px 10px;}
		
	.info.browse .input-polje {width:100%;}
	
	form.filter .info.object .info-content .btn-load {
		float:left;
		width:100%;
		margin-top:15px;}
	}

@media screen and (max-width: 339px) {
	.info.browse .browse-nav {width:100%;}
	
	.info.browse .browse-nav .browse-item {width:17.6%;}
	
	.info.browse .browse-nav .browse-item a {
		padding:10px 0;
		width:100%;
		font-size:13px;}
	
	.info.browse .browse-nav .browse-item.page {
		font-size:13px;
		width:29.4%;}
	
	.info.browse .input-polje .btn-load {font-size: 15px;}
	
}

/*BROWSE end*/

/*RESERVATIONS*/
.info.reservation {
	width:100%;
	margin-bottom:25px;
	box-shadow:none;
	/*padding:0 2%;*/
	padding:0;}

.info.reservation.inquiry {
	-webkit-box-shadow: 2px 2px 4px 0px #cccccc;
	-moz-box-shadow: 2px 2px 4px 0px #cccccc;
	box-shadow: 2px 2px 4px 0px #cccccc;}

.info.reservation .info-content {
	padding:0 0 10px;}

.info.reservation .info-content > .select-polje {
	float:right;
	margin: 20px 2% 0 0;}

.info.reservation.inquiry .info-content .rap_frm {
	float:left;
	padding: 0 2%;}

.info.reservation .info-content .rap_frm fieldset {
	padding: 0px;}

.cal-holder .rap_brw {
	padding: 0 2%;
	position: relative;
	float:left;
	width:100%;}

/*.info.reservation .res-info.dark-bgd {
	background-color:#fafafa;
	padding: 0 2%;
	margin-bottom:15px;}*/

.res-info .rap-rty {
	background-image: url(../img/type_id_1.png);
	width: 20px;
	height: 20px;
	background-size: 20px;
	float: left;
	margin-right: 15px;}

/*AVAIABILITY*/
.info.object.calendar-settings .btn-load {
	float: right;
	margin: 0 20px 25px 0;}

.ms-staff-carousel {
	margin: 0px auto;
	max-width:95% !important;}
	
.tab-content .master-slider .select2-container {
	width:179px;
	float:left;
	margin-left:-1px;
	margin-right:-1px;
	text-align:center;}
	
.tab-content .master-slider	.select2-container .select2-choice > .select2-chosen {
	overflow:auto;
	margin-right:0px;}
	
.tab-content .master-slider	.select2-container .select2-choice .select2-arrow {display:none;}

.tab-content .master-slider .select2-container .select2-choice,
.tab-content .master-slider .select2-dropdown-open.select2-drop-above .select2-choice, 
.tab-content .master-slider .select2-dropdown-open.select2-drop-above .select2-choices {padding:6px 8px;}

.calendar-cell {
	padding:20px 12px 40px 12px;
	border-top: none;
	-webkit-user-select: none;  /* Chrome all / Safari all */
 	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */

	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;}

.calendar-cell .heading {
/*	padding:6px 0px; */
	text-align:center;
	background: /* #9ABA40 */ #2489C5;
	padding:0px;}

.calendar-cell .title {
	text-transform: capitalize;
	color: #fff;
	line-height:1.8em;
	font-size: 19px;
	border-bottom:none;
	padding:0px;
	font-weight:400;}

.calendar-cell .holder {
	border:1px solid #E5E5E5;
	padding:0px;
	background-color: #fff;}

.calendar-cell .holder table.calendar tr {font-size:0px;}

.calendar-cell .holder table.calendar tbody tr:last-child td {height:32px;}

/* .calendar-cell .holder table.calendar tbody tr td div:hover,
.calendar-cell .holder table.calendar tbody tr td div.unavailable:hover,
.calendar-cell .holder table.calendar tbody tr td div.cal-arrival:hover,
.calendar-cell .holder table.calendar tbody tr td div.cal-departure:hover {
	color: #fff;
	background-color: #9ABA40;}  */

.calendar-cell .holder table.calendar tbody tr td,
.calendar-cell .holder table.calendar tbody tr th {
	display:inline-block;
	width:35.5px;
	height:32px;
	padding:0px;
	border-collapse:separate !important;
	border-spacing:0px;
	text-align:center;}

.calendar-cell .holder table.calendar tbody tr th {font-family: 'Alegreya Sans', sans-serif !important;}

.calendar-cell .holder table.calendar tr.first-line th {
	font-weight:normal;
	padding:7px 5px;} 

.calendar-cell .holder table.calendar tbody tr td div.unavailable {
	background-color: #E0E0E0 ; /*plava : #2489C5*/
	text-decoration:line-through;
	color: #8e8e8e;	}

.calendar-cell .holder table.calendar tbody tr td div.cal-arrival {
	background-color:none;
	text-decoration:line-through;
	color: #8e8e8e;
	background: url(../img/reservation_icons.png) -2px -171px no-repeat; }
	
.calendar-cell .holder table.calendar tbody tr td div.cal-departure {
	background-color:none;
	color: #8e8e8e;
	background: url(../img/reservation_icons.png) 0px -209px no-repeat; }

.calendar-cell .holder table.calendar tbody tr td div.selected {
	background-color: #9ABA40 !important ; /*plava : #2489C5*/
	background-image:none !important;
	color: #fff !important;
	text-shadow: 1px 1px #8E8E8E !important;}

.calendar-cell .holder table.calendar tbody tr td span.ui-state-disabled {color: #bfbfbf;}

.calendar-cell tbody > tr > th,
.calendar-cell tfoot > tr > th,
.calendar-cell thead > tr > td,
.calendar-cell tbody > tr > td,
.calendar-cell tfoot > tr > td {
	padding: 0px;
	border-top:none;
	font-size:16px; }

.table-responsive .table tr.first-line > th {padding:6px !important;}

.calendar-cell thead > tr > th span,
.calendar-cell tbody > tr > th span,
.calendar-cell tfoot > tr > th span,
.calendar-cell thead > tr > td span,
.calendar-cell tbody > tr > td span,
.calendar-cell tfoot > tr > td span,
.calendar-cell head > tr > th div,
.calendar-cell tbody > tr > th div,
.calendar-cell tfoot > tr > th div,
.calendar-cell thead > tr > td div,
.calendar-cell tbody > tr > td div,
.calendar-cell tfoot > tr > td div {
	padding: 6px;  
	width:100%;
	height:100%;
	text-align:center;
	border-top:none;
	display:block;
	cursor:pointer;
	font-size:14px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight:300;}
	
	
.calendar-cell .holder table.calendar tbody tr td div.unavailable {
	background-color: #E0E0E0 ; /*plava : #2489C5*/
	text-decoration:line-through;	}

.calendar-cell .holder table.calendar tbody tr td div.cal-arrival {
	background-color:none;
	text-decoration:line-through;
	background: url(../img/reservation_icons.png) 1px -163px no-repeat; }
	
.calendar-cell .holder table.calendar tbody tr td div.cal-departure {
	background-color:none;
	background: url(../img/reservation_icons.png) 0px -193px no-repeat; }

.calendar-cell .holder table.calendar tbody tr td div.cal-mix {
	background-color:none;
	text-decoration:line-through;
	background: url(../img/reservation_icons.png) 0px -130px no-repeat; }

.calendar-cell .holder table.calendar tbody tr td div.res-highlight {
	background-color: rgba(132, 174, 66, 0.4) ; /*plava : #2489C5*/
	text-decoration: none;
	border-top: 1px solid #84AE42;
	border-bottom: 1px solid #84AE42;}

.calendar-cell .holder table.calendar tbody tr td div.res-highlight.unavailable.sel-first.selected {
	background-image: none !important;
	background-color: rgba(132, 174, 66, 0.4) !important ; /*plava : #2489C5*/
	text-decoration: none;
	border-top: 1px solid #84AE42;
	border-bottom: 1px solid #84AE42;}

.calendar-cell .holder table.calendar tbody tr td div.res-highlight.cal-arrival {
	border:none;
	background-color:none;
	background: url(../img/reservation_icons.png) 0px -256px no-repeat; }

.calendar-cell .holder table.calendar tbody tr td div.res-highlight.cal-departure {
	border:none;
	background-color:none;
	background: url(../img/reservation_icons.png) 0px -224px no-repeat;}

.calendar-cell .holder table.calendar tbody tr td div.res-highlight.cal-mix {
	border:none;
	background-color:none;
	background: url(../img/reservation_icons.png) 0px -64px no-repeat;}

.calendar-cell .holder table.calendar tbody tr td div.res-highlight.cal-mix.cal-first {
	border:none;
	background-color:none;
	background: url(../img/reservation_icons.png) 0px -96px no-repeat;}

.calendar-cell .holder table.calendar tbody tr td div.cal-arrival.selected.sel-last.res-highlight {
	border:none;
	background-color:none;
	background: url(../img/reservation_icons.png) 0px -421px no-repeat !important;}

.calendar-cell .holder table.calendar tbody tr td div.cal-departure.selected.sel-first.res-highlight {
	border:none;
	background-color:none;
	background: url(../img/reservation_icons.png) 0px -352px no-repeat !important;}

.calendar-cell .holder table.calendar tbody tr td div.cal-arrival.selected.sel-last,
.calendar-cell .holder table.calendar tbody tr td div.unavailable.selected.sel-last,
.calendar-cell .holder table.calendar tbody tr td div.cal-mix.selected.sel-last {
	border:none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color:none;
	background: url(../img/reservation_icons.png) 0px -320px no-repeat !important;}

.calendar-cell .holder table.calendar tbody tr td div.cal-departure.selected.sel-first,
.calendar-cell .holder table.calendar tbody tr td div.unavailable.selected.sel-first,
.calendar-cell .holder table.calendar tbody tr td div.cal-mix.selected.sel-first {
	border:none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color:none;
	background: url(../img/reservation_icons.png) 0px -290px no-repeat !important;}

.calendar-cell .holder table.calendar tbody tr td div.selected {
	background-color: #84AE42 !important ; /*plava : #2489C5*/
	background-image:none !important;
	color: #fff !important;
	text-shadow: 1px 1px #8E8E8E !important;}

.calendar-cell .holder table.calendar tbody tr td div.selected.sel-first {
	background-color:none !important;
	background: url(../img/reservation_icons.png) 0px -33px no-repeat !important; }
	
.calendar-cell .holder table.calendar tbody tr td div.selected.sel-last {
	background-color:none !important;
	background: url(../img/reservation_icons.png) no-repeat !important; }


.calendar-cell .holder table.calendar tbody tr td span.ui-state-disabled {color: #bfbfbf;}

.title .center-block {
	width:249px;
	float:right;}

.title .center-block .select2-container {
	margin-left:-1px;
	margin-right:-1px;
	float:left;
	width:181px !important;}

.title .center-block .select2-container .select2-choice, .ms-staff-carousel .center-block .select2-dropdown-open.select2-drop-above .select2-choice {border:1px solid #e5e5e5;}

.title .center-block .select2-container-active .select2-choice, .ms-staff-carousel .center-block .select2-container-active .select2-choices {box-shadow: none;}

.select2-drop-active {
	border:1px solid #e5e5e5;
	border-radius:0px;
	box-shadow:none;}

.reservation .title {border-bottom: none;}

.reservation .title img {
	float:left;
	width:150px;}

.reservation .title .unit-name {
	padding: 0px 15px;
	float:left;}

.reservation .title .unit-name h5 {
	font-size: 25px;
	margin: 0px 0px 15px;
	padding: 0px;
	float: none;}

.reservation .title .unit-name h6 {
	font-style: italic;
	font-size:20px;
	margin: 0px;
	padding: 0px;
	float: none;}

.reservation .title .unit-name h6.pull-left {
	margin:5px 0px 0px 8px;}

.title .center-block .select2-container .select2-choice .select2-arrow {display:none;}

.title .ms-nav-prev,
.title .ms-nav-next {
	margin:0px;
	height:36px;
	width:35px;
	box-shadow:none;
	background: none;
	border:1px solid #e5e5e5;
	position:static;
	float:left;
	background-color: #fff;}

.title .center-block > div > .glyphicon {
	top:8px;
	left:9px;
	margin:0px;
	font-size:12px;}

.title .ms-nav-prev {right:188px;}

.info.reservation .info-content .rap_frm fieldset .res-header {
	padding:15px 2% 0 2%;
	border-bottom: 1px solid #E5E5E5;}

.info.reservation .info-content .rap_frm fieldset .res-header.reservation-status {
	border-top: 1px solid #E5E5E5;
	padding-top:25px;}

.info.reservation .info-content .rap_frm fieldset .res-content .res-info > div,
.info.reservation .info-content .rap_frm fieldset .res-header > div { 
	margin-bottom: 15px;}

.info.reservation .info-content .rap_frm fieldset .res-content {text-align:left;}

.info.reservation .info-content .rap_frm fieldset .res-content .res-info {
	/*width:50%;*/
	width:100%;
	float:left;
	/*border-right: 1px solid #E5E5E5;*/}

.info.reservation .info-content .rap_frm fieldset .res-content .res-info.guest {
	float: right;
	border-right:0px;}

.info.reservation .info-content .rap_frm fieldset .res-content .res-info .title {
	font-size: 16px;
	border-bottom: none;
	padding-left:0;
	margin-bottom:0;
	float:left;
	width:100%;}

.res-header .check-polje label {
	margin-left: 15px;
	text-align:left;}

.res-info .check-polje label {
	margin-left: 15px;
	text-align:left;
	width:70%;}

.info.reservation .table-responsive .table tbody > tr > th,
.info.reservation .table-responsive .table tfoot > tr > th,
.info.reservation .table-responsive .table thead > tr > td,
.info.reservation .table-responsive .table tbody > tr > td,
.info.reservation .table-responsive .table tfoot > tr > td {
	padding: 0px;
	border-top:none;
	font-size:14px; }

.info.reservation .table-responsive .table tr.first-line > th {padding:6px !important;}

.info.reservation .table-responsive .table thead > tr > th span,
.info.reservation .table-responsive .table tbody > tr > th span,
.info.reservation .table-responsive .table tfoot > tr > th span,
.info.reservation .table-responsive .table thead > tr > td span,
.info.reservation .table-responsive .table tbody > tr > td span,
.info.reservation .table-responsive .table tfoot > tr > td span,
.info.reservation .table-responsive .table thead > tr > th div,
.info.reservation .table-responsive .table tbody > tr > th div,
.info.reservation .table-responsive .table tfoot > tr > th div,
.info.reservation .table-responsive .table thead > tr > td div,
.info.reservation .table-responsive .table tbody > tr > td div,
.info.reservation .table-responsive .table tfoot > tr > td div {
	padding: 6px;  
	width:100%;
	height:100%;
	text-align:center;
	border-top:none;
	display:block;
	cursor:pointer;
	font-size:14px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.info.reservation .info-content .res-header .select-polje {
	float:left;
	width:23.5%;
	margin-right: 2%;
	text-align: left !important;}

.info.reservation .info-content .res-header .select-polje.owner-dropdown {width:36.25%; }

.info.reservation .info-content .res-header .select-polje.no-margin {margin-right: 0;}

.info.reservation .info-content .res-header .select-polje.owner-dropdown .select2-container {
	/*min-width:250px;*/
	width:100% !important;}

.info.reservation .info-content .res-header.reservation-status .select-polje {width:48%;}

.info.reservation .info-content .res-header .select-polje:last-child {
	margin-right:0px;}

.info.reservation .info-content .res-header .select-polje label {
	text-align: left !important;
	width:100%;}

.info.reservation .info-content .res-header.reservation-status .select-polje label {
	width:auto;
	margin-right:15px;}

.info.reservation .info-content .res-header.reservation-status .select-polje .select2-container {width: 70% !important;}

.info.reservation .info-content .res-header .input-polje {
	width:10.75%;
	float:left;
	margin-right:2%;
	/*margin-left:5%;*/}

.info.reservation .info-content .res-header.res-provision .input-polje {width: auto;}

.info.reservation .info-content .res-header.reservation-status .input-polje {
	width:22%;
	margin:0 0 0 3%;}

.info.reservation .info-content .res-header .input-polje input {
	width:100%;
	float:left;}

.info.reservation .info-content .res-header .input-polje label {
	width:100%;
	float:left;
	text-align:left;}

.info.reservation .info-content .res-header.reservation-status .input-polje label {width: auto;}

.info .input-daterange .input-polje.date-field {
	margin-bottom:15px;}

.res-info .input-polje .input-group {width: auto !important;}

.res-info .input-polje .input-group input {width: 100% !important;}

.res-info .input-polje .input-group .input-group-addon {width: 45px !important;}

.res-info .input-polje .input-group .input-group-addon .fas {font-size:15px;}

.res-info .input-polje .input-group .input-group-addon .fas.fa-male {font-size:19px;}

.rap_frm .res-content .res-info .check-polje.inquiry-check {
	float:left;
	width: 23.5%;
	margin: 32px 2% 0 0;}

.rap_frm .res-content .res-info .check-polje label {text-align:left;}

.res-info .prs-nmbr label,
.res-info .euro-field label,
.res-info .text-area-polje label,
.res-info .select-polje.res-via-channel label,
.res-content .res-info .select-polje label,
.res-content .res-info .input-polje label {
	float: none;
	text-align: left;
	width: 100%;}

.res-info .prs-nmbr.input-polje,
.res-info .euro-field.input-polje,
.res-info .select-polje.res-via-channel,
.res-content .res-info .select-polje,
.res-content .res-info .input-polje {
	float:left !important;}

.res-info .euro-field {
	margin-bottom: 15px;
	width: 22%;}

.res-info .euro-field input {width: 100%;}

.res-info .euro-field input  {background-color: #fff;}
	
.res-content .res-info .input-polje input {width:100%;}

.res-info .prs-nmbr.input-polje,
.res-content .res-info .select-polje,
.res-content .res-info .input-polje,
.modal .modal-content .input-polje.res-width-name,
.modal .modal-content .input-polje.contact-info {
	width:10.75%;
	margin-right:2%;}

.res-info .input-polje.date-field {width:49%;}
	
.res-info .input-polje.fifty-percent,
.res-info .select-polje.res-via-channel.fifty-percent,
.res-content .res-info .select-polje.fifty-percent,
.res-provision .fifty-percent,
.res-info .fifty-percent {
	width: 48%;
	float: left;}

.res-info .text-area-polje.fifty-percent {
	float:left;
	width:49%;
	margin-right:2%;}

.res-info .rap-res.fifty-percent {
	width: 49%;
	margin-right:2%;}

.res-provision .check-polje,
.res-provision .input-polje {float:left;}

.res-provision .rap-res .check-polje label,
.res-provision .rap-res .input-polje label {width:auto}

.res-content .res-info .input-polje.id-res {
	width:10%;
	margin-right:2%;}

.res-info .rap-res .input-polje {margin-right: 4%;}

.res-info .input-polje.contact-info,
.res-info .input-polje.total-polje,
.modal .modal-content .input-polje.contact-info,
.modal .modal-content .select-polje.contact-info {width:23.5%;}

.res-info .rap-res .input-polje {width:21%;}

.res-info .select-polje.res-status,
.res-info .select-polje.contact-info {width:23.5%;}

.res-info .rap-res .check-polje {
	float:left;
	width:50%;
	margin-right:4%;
	margin-top:7px;}

.res-info .prs-nmbr.input-polje.no-margin,
.res-info .euro-field.no-margin,
.res-info .select-polje.res-via-channel.no-margin,
.res-content .res-info .input-polje.no-margin,
.rap_frm .res-content .res-info .check-polje.no-margin,
.res-info .select-polje.contact-info.no-margin {margin-right: 0 !important;}

.res-info .select-polje.res-via-channel .select2-container,
.res-content .res-info .select-polje .select2-container {width: 100% !important;}


/*NOVI DIZAJN INPUTA za upit i rezervacije */
.acc-object-holder .form-container {
	float:left;}

.rap_brw-inq {
	max-width: 950px;
	margin: 0 auto;}
	
.modal-content.add-res-from-inq {
	margin: 0 auto;
	max-width: 1170px;}

.modal-content.add-res-from-inq .modal-body {padding: 0;}

.legend .label.inq-status-legend {
	font-size: 15px;
	position:relative;
	top:-3px;}

.rap_brw-inq .rap-res-label {
	float:right;
	padding: 8px 10px;
	/*margin-right: 10px;*/
	background-color: #84ae42;
	color: #fff;
	font-weight:bold;
	-moz-box-shadow:    inset 0px -5px 8px -6px #353535;
    -webkit-box-shadow: inset 0px -5px 8px -6px #353535;
    box-shadow:         inset 0px -5px 8px -6px #353535;}

.rap-res-label-in-cal {
	position: absolute;
	left: 50%;
	top:-107px;
	margin-left: -35px;
	padding: 15px;
	background-color:#84ae42;
	border-radius: 35px;
	border: 5px solid #fff;}

.rap-res-label-in-cal img {margin-right: 0;}

.info.reservation .info-content .rap_frm fieldset .res-content .res-info {margin-top:20px;}

.info.reservation .info-content .rap_frm fieldset .res-header {
	margin:0 !important;
	padding:0 !important;}

.res-header .res-header-view,
.res-header .res-header-edit {
	margin: 15px 0;
	padding: 10px;}

.info.reservation .info-content .rap_frm fieldset .res-header .res-header-edit .select-polje {
	width:27.5%;}

.info.reservation .info-content .rap_frm fieldset .res-header .res-header-edit .select-polje.owner-dropdown {
	width:41%;}

.info.reservation .info-content .rap_frm fieldset .res-header .res-header-edit .select-polje .select2-container {
	width: 100% !important;}

.res-header .res-header-view .title {
	float:left;
	width: 80%;
	padding: 0px;}

.res-header .res-header-view .title h5 span.acc-unit-int-title {
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 5px;
	margin-top: 10px;
	float:left;}

.res-header .res-header-view .title h5 span.acc-unit-title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-style: italic;
	width: 100%;
	float: left;
	margin-top: 5px;}

.res-header .res-header-view .glyphicon {
	float: right;
	width: auto;
	padding: 12px;
	margin-right: 0px;}
 
.res-content .res-info .res-info-view {
	position:relative;
	padding: 10px;
	margin-bottom: 0px !important;}

.res-content .res-info .res-info-view:hover,
.res-header .res-header-view:hover {
	cursor: pointer;
	background-color: #f4f4f4;}

.res-header .title img {
	width: 10%;
	max-width: 64px;
	min-width: 64px;
	float: left;
	margin-right: 15px;}

.res-content .res-info .res-info-view p.date-view,
.res-info .res-info-edit .input-daterange .input-polje.date-field {
	width: 45%;
	font-weight: 100;
	background-color: #f4f4f4;
	padding: 15px;
	margin-right:5%;
	margin-bottom: 0;
	text-align: center;}

/*.modal-content.add-res-from-inq */.in-form .res-dates-holder {
	padding: 10px 45px 10px 10px;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;}

/*.modal-content.add-res-from-inq */.in-form  .res-dates-holder:hover {background-color: #f4f4f4;}

.res-info .res-info-edit .input-daterange .input-polje.date-field {padding: 10px 15px;}

.res-info .res-info-edit .input-daterange .input-polje.date-field {
	background-color: #fff;}

.res-content .res-info .res-info-view p.date-view span {
	display: block;}

.res-info .input-polje.date-field label {
	text-align: center;
	font-size: 15px;
	font-weight: 300;
	margin-top:0px;}

.res-info .input-polje.date-field input {
	width: 50% !important;}

.res-content .res-info .text-area-polje {
	float: left !important;
	width: 100% !important;
	margin-top: 15px !important;
	margin-bottom: 15px !important;}

.res-content .res-info .select-polje .select2-container .select2-choice .select2-chosen .label {
	font-size: 14px;
	font-weight: normal;
	padding: 15px;}

.res-content .res-info .res-info-view p {
	float: left;
	/*width: 70%;*/
	font-size: 15px;
	font-weight: 300;
	margin:0;}

.res-content .res-info .res-info-view p.guest-name  {
	padding-bottom: 10px;
	border-bottom: 1px solid #c0c0c0;}

.res-content .res-info .res-info-view p.guest-message {
	width: 100%;
	font-weight: 100 !important;
	font-style: italic;
	margin-top: 5px;}

.res-content .res-info .res-info-view p.guest-name > span {display: block;}

.res-content .res-info .res-info-view p span.res-details,
.res-content .res-info .res-info-view .res-info-title p,
.res-content .res-info .res-info-edit .res-info-title p,
.res-content .res-info .title {
	font-weight: bold;
	font-size: 18px;
	color: /*#2489C5*/ #84ae42;}

.res-content .res-info .res-info-view p span.res-details i {
	font-weight:normal;
	font-size: 15px;
	color: #8e8e8e;
	font-style: normal;}

/*
.res-content .res-info .res-info-view p span.res-details .fa-circle {
}
*/

.res-content .res-info .res-info-view span.glyphicon-pencil,
/*.modal-content.add-res-from-inq */.in-form .res-dates-holder span.glyphicon-pencil {
	position:absolute;
	right:0;
	cursor: pointer;
	padding: 10px;
	margin-right: 0px;
	font-size: 14px;
	color: #8e8e8e;}

.res-content .res-info .res-info-view span.glyphicon-pencil,
/*.modal-content.add-res-from-inq */.res-dates-holder span.glyphicon-pencil {display: none;}

.res-content .res-info .res-info-view:hover span.glyphicon-pencil {display: block;}

/*.modal-content.add-res-from-inq */.in-form .res-dates-holder span.glyphicon-pencil {
	display: block;
	margin-right: 20px;}

.res-info .select-polje.inq-status {
	width: 100% !important;
	float: left !important;}

.res-content .res-info .res-info-view .res-info-view-holder {
	padding: 5px 15px 15px;
	border-bottom: 1px solid #c0c0c0;
	float:left;
	width: 100%;}

.res-content .res-info .res-info-view .res-info-view-holder.price-calc-rest {border: none;}

.res-content .res-info .res-info-view .res-info-view-holder.ag-prov,
.res-info .res-info-edit .prov-perc.input-polje {
	border: none;
	background-color: #f4f4f4;}

.res-content .res-info .res-info-view.res-info-status .res-info-view-holder {border-bottom: none;}

.res-content .res-info .res-info-view .res-info-view-holder.additional-charge {
	border-bottom: none;
	margin-top: 15px;
	padding-top:0;}

.res-content .res-info .res-info-view .res-info-view-holder.additional-charge p {font-size: 13px;}

.res-content .res-info .res-info-view .res-info-view-holder p {
	margin: 5px 0px 0px;
	width: 100%;}
	

.res-content .res-info .res-info-view .res-info-view-holder span {
	float:left;}

.res-content .res-info .res-info-view span.align-right {
	float: right;
	font-weight: bold;}

.res-content .res-info .res-info-view .res-info-view-holder span.glyphicon {
	margin: 2px 7px 0 0;}

.res-content .res-info .res-info-view .res-info-view-holder.additional-charge p {
	width: auto;
	float:left;
	margin-right: 5px;}

.res-content .res-info .res-info-view .res-info-view-holder.additional-charge .align-right {
	margin-left: 5px;
	float:left;}

.res-info-edit .input-polje .input-group {width: 100% !important;}

.res-content .res-info .res-info-view span.inq-status-view {
	padding: 5px 10px;
	color: #fff;
	font-weight: normal;}
	
.res-content .res-info .res-info-view .res-info-view-holder p.rap-res-status span.align-right .fa-check {color: #84ae42;}

.res-content .res-info .res-info-view  .additional-charge-title {
	font-weight: bold;
	font-size: 17px;}

.res-content .res-info .res-info-view .res-info-view-holder.additional-charge .additional-charge-title {
	width: 100%;
	float:left;
	margin-right:0;}

.res-content .res-info .res-info-view .res-info-view-holder p.payment-status {
	font-weight: bold;
	padding: 10px;
	margin-top:15px;
	border-top: 1px solid #c0c0c0;}

.res-content .res-info .res-info-view .res-info-view-holder p.payment-status.adv-stat-not {color: #d9534f;}

.res-content .res-info .res-info-view .res-info-view-holder p.payment-status.adv-stat-received {color: #84ae42;}

.res-content .res-info .res-info-view .res-info-view-holder p.payment-status.adv-stat-paid {color: #f0ad4e;}

.res-info .res-info-edit {
	margin-bottom:0px !important;
	padding: 10px;}

.res-info .res-info-edit .prs-nmbr.input-polje {
	width: 23.5%;
	margin-right: 2%;}

.res-info .res-info-edit .euro-field.input-polje,
.res-info .res-info-edit .prov-perc.input-polje,
.res-info .res-info-edit .res-edit-additional .input-polje {
	width: 100%;
	margin-right:0;
	margin-bottom: 5px;
	padding: 0 15px;}

.res-info .res-info-edit .check-polje {
	float:left;
	width: 100%;
	margin-top: 15px;}

.res-info .res-info-edit .input-polje.id-res {
	margin-top: 8px;
	width:100%;}

.res-info .res-info-edit .euro-field.input-polje:hover,
.res-info .res-info-edit .res-edit-additional .input-polje:hover {background-color: #f4f4f4;}

.res-info .res-info-edit .euro-field.input-polje.prc-daily {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #c0c0c0;}
	
.res-info .res-info-edit .euro-field.input-polje.prc-total label {font-weight: bold;}

.res-info .res-info-edit .euro-field.input-polje.prc-rest {
	padding-top: 15px;
	margin-top: 10px;
	border-top: 1px solid #c0c0c0;}
	
.res-info .res-info-edit .euro-field.input-polje label,
.res-info .res-info-edit .input-polje.id-res label {
	float:left;
	width: auto;
	font-weight: 300;
	font-size: 15px;}

.res-info .res-info-edit .res-edit-additional .input-polje label {
	float:left;
	width: auto;
	font-weight: 300;}

.res-info .res-info-edit .res-edit-additional .input-polje .input-group {
	float:right;
	width: 180px !important;}
	
.res-info .res-info-edit .euro-field.input-polje input,
.res-info .res-info-edit .input-polje.id-res input {
	float:right;
	width:90px}

.res-info .res-info-edit .euro-field.input-polje.prc-daily label {
	float:right;}

.res-info .res-info-edit .res-edit-additional {
	float:left;
	width: 100%;
	font-size: 13px !important;
	margin-top: 25px;}

.res-info .res-info-edit .res-edit-additional .additional-charge-title {font-weight: bold;}

.res-info .res-edit-additional .input-polje .input-group .input-group-addon {
	min-width: 114px;
	text-align:right;}

.res-info .res-info-edit .res-edit-additional .euro-field.input-polje label {font-size: 13px;}

.res-info .res-info-edit .prs-nmbr.input-polje {margin-top: 15px;}

.res-info .res-info-edit .prov-perc.input-polje {
	width:100%;
	margin: 5px 0 0;
	float:left !important;
	padding: 5px 15px 10px;}

.res-info .res-info-edit .prov-perc.input-polje label {
	float:left;
	width:auto;}

.res-info .res-info-edit .prov-perc.input-polje .input-group {
	float:left;
	width: 90px !important;}

.res-info .res-info-edit .prov-perc.input-polje .input-group input,
.res-info .res-info-edit .prov-perc.input-polje .input-group .input-group-addon {
	border: none;
	border-bottom: 1px solid #c0c0c0;
	background-color: #f4f4f4;}

.info .info-content .prov-perc.input-polje.euro-field .input-group input {
	background-image:none;
	padding: 8px 10px;}

/*.swal2-popup {font-size: 1.2rem !important;}*/
.add-res-modal.swal2-popup {padding: 0;}

.add-res-modal .add-res-modal-block {
	width: 100%;
	padding: 35px 0;
	cursor: pointer;}

.add-res-modal .add-res-modal-block.block-dark {background-color: #2489C5;}

.add-res-modal .add-res-modal-block .btn {
	background: none;
	color: #666;
	padding: 15px;
	border:2px solid #fff;
	font-size: 16px;}

.add-res-modal .add-res-modal-block.block-dark .btn { 
	color: #fff;
	border-color: #2489C5;}
	
.add-res-modal .add-res-modal-block .btn:hover {
	color: #2489C5;
	border-color: #2489C5;}

.add-res-modal .add-res-modal-block.block-dark .btn:hover,
.add-res-modal .add-res-modal-block.block-dark:hover .btn {
	color: #fff;
	border-color: #fff;}

.add-res-modal .swal2-html-container {
	position: relative;
	margin: 0;}

.add-res-modal .swal2-html-container span {
	background-color:#fff;
	border-radius: 50%;
	display: inline-block;
	width: 55px;
	height: 55px;
	position: absolute;
	left: 50%;
	margin-left: -25.5px;
	top: 50%;
	margin-top: -25.5px;
	z-index: 999999;
	font-size: 18px;
	line-height: 49px;
	color:#666;
	border: 3px solid #2489C5;}

.add-res-modal .swal2-close {
	position: absolute;
	border:2px solid #e4e4e4;
	border-radius: 50px;
	top:5px;
	right: 5px;
	width: 1.6em;
	height: 1.6em;
	color: #666;}

.add-res-modal .swal2-close:hover {
	color: #666;
	background-color: #e4e4e4;}

.add-res-modal .swal2-close:focus {outline: none;}

@media (max-width: 1147px) {
	.rap_frm div.select-polje.contact-info label {margin-bottom: 10px;}
	
	.res-info .prs-nmbr.input-polje,
	.res-content .res-info .input-polje,
	.res-content .res-info .input-polje.id-res {width:23.5%;}
	
	.res-info .select-polje.contact-info,
	.res-content .res-info .input-polje.contact-info,
	.res-info .input-polje.total-polje,
	.res-info .select-polje.res-status,
	.res-info .input-polje.date-field {width:49%;}
	
	.res-content .res-info .input-polje.no-margin-email {margin-right:0;}
	
	.res-info .text-area-polje.fifty-percent {width:100%;}	}

@media (max-width: 1298px) and (min-width: 1017px) { 
	.info.reservation .info-content .res-header .select-polje .select2-container,
	.info.reservation .info-content .res-header .input-polje input
		{width:100% !important;}
 
}

@media (max-width: 1017px) {
	.info.reservation .info-content .res-header {
		padding-left:5%;
		padding-right:5%;}
	
	.info.reservation .info-content .res-header .input-polje input {padding:6px 10px;}
	
	/*.info.reservation .info-content .res-header .select-polje,
	.info.reservation .info-content .res-header .input-polje {
		width:45%;
		margin:0; }*/
	
	.info.reservation .info-content .res-header .select-polje.owner-dropdown {margin-right: 2%;} 
		
	/*.info.reservation .info-content .res-header .select-polje:nth-child(2n) {
		float:right;}*/
	
	.info.reservation .info-content .res-header .select-polje .select2-container,
	.info.reservation .info-content .res-header .input-polje input
  		{width:100% !important;}
  }

@media (max-width: 910px) {
	.info.reservation .info-content .rap_frm fieldset .res-header .res-header-edit .select-polje {width: 49%;}
	
	.info.reservation .info-content .rap_frm fieldset .res-header .res-header-edit .select-polje.owner-dropdown  {
		width:100%;
		margin-bottom:15px;}
	}

@media (max-width: 646px) { 
	.info .input-daterange .input-polje.date-field {width:100%;}
	
	.info .input-daterange .input-polje.date-field input {float:right !important;}
	
	.res-info .input-polje.date-field.no-margin label {float:left !important;}
	
	.res-header .res-header-view,
	.res-header .res-header-edit {padding: 0;}
	
	.res-header .res-header-view .title {width:auto;}
	
	.res-header .res-header-view .title h5 span.acc-unit-title,
	.res-header .res-header-view .title h5 span.acc-unit-int-title {
		display: block;
		float: none;
		width: auto;}
}

@media (max-width: 574px) { 
	.res-info .res-info-edit .euro-field.input-polje,
	.res-info .res-info-edit .prs-nmbr.input-polje {
		width: 48%;
		margin-right: 4%;}
	
	.res-info .res-info-edit .euro-field.input-polje.no-margin-calc,
	.res-info .res-info-edit .prs-nmbr.input-polje.no-margin-calc {margin-right:0;}
	
	.res-info .res-info-edit .prs-nmbr.input-polje.prs-inf,
	.res-info .res-info-edit .prs-nmbr.input-polje.no-margin {margin-top: 15px;}

}
@media (max-width: 480px) {  
	.info.reservation .info-content .rap_frm fieldset .res-header .res-header-edit .select-polje.owner-dropdown {margin-bottom: 0px;}
	
	.res-info .res-info-edit .prov-perc.input-polje {width: 80%;}

}

@media (max-width: 450px) {  
	.info.reservation .info-content .rap_frm fieldset .res-content .res-info {
	padding: 0px;
	margin-top: 15px; }
	
	.res-content .res-info .res-info-edit .input-polje.res-width-name,
	.res-info .select-polje.contact-info {width: 100%;}
	
	.res-content .res-info .input-polje.contact-info.no-margin-email {margin-right:2%;}
	
	.res-content .res-info .input-polje.contact-info.no-margin-phone {margin-right: 0;}
	
	.res-info .res-info-edit .prov-perc.input-polje,
	.res-info .res-info-edit .prov-perc.input-polje .input-group {width: 100%;} }

@media (max-width: 390px) { 
	.rap_brw-inq .legend {font-size: 22px;}
	.legend .label.inq-status-legend {font-size: 13px;}
	.res-header .res-header-view .title h5 span.acc-unit-int-title {
		margin-top:5px;
		font-size: 15px;}
		
	.res-header .res-header-view .title h5 span.acc-unit-title {font-size: 13px;}
	
	.res-header .title img {
 	    max-width: 50px;
	    min-width: 50px;
		height: 50px;
		margin-right:10px;} 
	
	.res-header .res-header-view .glyphicon {padding: 8px;}
}

@media (max-width: 360px) {  
	.res-content .res-info .res-info-view p span.res-details i {display: block;} }

/*RESERVATIONS end/

/*NEWS*/
.info.news {
	padding:25px;
	margin-bottom:25px;
	position:relative;}

.info.news .news-pic img {
	height:auto !important;
	max-height:200px;
	width:100%;
	max-width:630px;}

.info.news .news-text {
	font-size:13px;
	line-height:25px;
	padding:10px;
	}

.info.news .news-text h4 {
	margin-top:25px;
	color: #2489C5;}

.info.news .news-text ol {
	margin-left: 0px;
	padding-left: 0px;
	counter-reset: li;}

.info.news .news-text ol.news-list li {
	list-style:none;

}

.info.news .news-text ol.news-list li:before {
	content: counter(li);
	counter-increment: li;
	font-size:16px;
	color:#2489c5;
	padding:0 10px;
}

.info.news .news-info {
	border-top:1px solid #e5e5e5;
	margin-top:15px;
	padding-top:15px;}

.info.news .news-info .news-published {
	float:left;
	font-size:13px;
	margin-right:50px;}

.info.news .news-info div .glyphicon {
	font-size:15px;
	color: #2489C5;}

.info.news .news-notification {
	position:absolute;
	top:-12px;
	right:-12px;
	background-color: #F29122;
	border-radius:30px;
	padding:7px 10px;
	color: #fff;}

.info.news .news-notification .glyphicon {margin:0;}

/*NEWS end*/

/* hides the spin-button for firefox */
input[type=number] {
    -moz-appearance:textfield;
}
/* hides the spin-button for chrome*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*Promjene za dodatno plaćene oglase*/
.rap_frm fieldset .fl-expl-button.btn {
	display: none;
	float:right;
	border-radius: 0px;
	color: #8e8e8e;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 4px 0px #cccccc;
	-moz-box-shadow: 2px 2px 4px 0px #cccccc;
	box-shadow: 2px 2px 4px 0px #cccccc;
	padding: 12px 18px;}

.rap_frm fieldset .fl-expl {
	display: block;
	width:100%;
	float:left;
	text-align: left;}

.rap_frm fieldset .fl-expl.fl-visible {display: block;}

.rap_frm fieldset .fl-expl .fl-expl-item {
	float:left;
	width: 48%;
	font-size: 13px;
	line-height: 25px;
	padding: 0 3%;}

.rap_frm fieldset .fl-expl .fl-expl-item .fl2-listing-appearance {
	color: #8E8E8E;
	text-decoration: underline;}

.rap_frm fieldset .fl-expl .fl-expl-item .fl-second {margin: 15px 0 0 0;}

.rap_frm fieldset .fl-expl .fl-expl-item span {
	font-size: 14px;
	color:#2489c5;}

.rap_frm fieldset .fl-expl .fl-expl-item ol {
	/*float: right;
	width: 48%;*/
	list-style:none;
	counter-reset: li;
	padding: 0 0 0 15px;}

.rap_frm fieldset .fl-expl .fl-expl-item ol li {list-style:none;}

.rap_frm fieldset .fl-expl .fl-expl-item ol li:before {
	content: counter(li);
	counter-increment: li;
	font-size:16px;
	color:#2489c5;
	padding:0 10px;}

.info.oglasi .dod-oglasi .res-info.izradi-oglas,
.info.oglasi .dod-oglasi .res-info.fl-send {
	float:left;
	width:48%;
	border-right: none;
	margin-bottom: 0px;}

.info.oglasi .dod-oglasi .email-sent-info {
	width:100%;
	float:left;
	display: block;
	margin:23px 0 0px 0;
	padding: 10px 0;
	font-size:16px;
	text-align: center;
/*	border-top: 1px solid #85AF42;
	border-bottom: 1px solid #85AF42;*/
	background-color: rgba(133, 175, 66, 1);
	color: #fff;}

.info.oglasi .dod-oglasi .email-sent-info.error {background-color: rgba(242, 145, 34, 1);}

.object.info .info-content.dod-oglasi .slider.izradi-oglas .fls-item a {margin: 0 auto;}

.object.info .info-content.dod-oglasi .slider.izradi-oglas .fls-item a .text dt,
.object.info .info-content.dod-oglasi .slider.izradi-oglas .fls-item a .text dd {
	font-size: 14px !important;
	line-height: 16px !important;}

.object.info .info-content.dod-oglasi .slider.izradi-oglas .fls-item a .text dt.price {
    font-size: 18px !important;
    line-height: 20px !important;
    padding: 7px 5px 0px 0px !important;}

.object.info .info-content.dod-oglasi .slider.izradi-oglas .fls-item a .text dd.price {
    font-size: 22px !important;
    line-height: 24px !important}

.object.info .info-content.dod-oglasi .slider.izradi-oglas .fls-item a .text dd.price span {
    font-size: 26px !important;
    line-height: 28px !important;
    padding: 0px 4px 0px 0px !important;}

.object.info .info-content.dod-oglasi .res-info.fl-send {padding-top: 5%;}

.object.info .info-content.dod-oglasi .res-info.fl-send .fl-podaci-oglasa {text-align: center;}

.object.info .info-content.dod-oglasi .res-info.fl-send .fl-podaci-oglasa .fl-cijena-oglasa {
	font-size: 18px;}

.object.info .info-content.dod-oglasi .res-info.fl-send .fl-podaci-oglasa .fl-cijena-oglasa span {
	color: #F29122;
	font-size: 22px;
	padding-left: 5px;
	font-weight:bold;
	width:100%;
	display:block;}

.object.info .info-content.dod-oglasi .res-info.fl-send .fl-podaci-oglasa .fl-period-oglasa {
	margin-top: 25px;
	font-size:15px;}

.object.info .info-content.dod-oglasi .res-info.fl-send .fl-podaci-oglasa .fl-period-oglasa span {
	width:100%;
	font-weight: bold;
	display:block;}

.object.info .info-content.dod-oglasi .res-info.fl-send .btn-load {
	display: block;
	margin: 35px auto 0;}

.object.info .info-content.fl-prikaz {padding: 25px 5%;}

.object.info .info-content.fl-prikaz a.fl2-listing-examples {
	padding: 15px 25px;
	display: block;
	float: left;
	margin: 0 25px 25px 0;
	border:1px solid #e5e5e5;
	color: #8e8e8e;
	text-transform:none;}

@media screen and (max-width: 1147px) {
	/*Promjene za dodatno plaćene oglase*/
	.info.oglasi .dod-oglasi .res-info.izradi-oglas,
	.info.oglasi .dod-oglasi .res-info.fl-send {
		width:100%;
		display: block;
		float: left;}
	
	.object.info .info-content.dod-oglasi .res-info.fl-send {
		padding-top: 8%;}
	
	/*END - Promjene*/
}

@media screen and (max-width: 936px) {
	.rap_frm fieldset .fl-expl .fl-expl-item {
	float:left;
	width: 100%;
	padding: 0 3%;}
	
	.rap_frm fieldset .fl-expl .fl-expl-item .fl-second {margin: 15px 0 15px 0;}
}

@media screen and (max-width: 767px) {
	.rap_frm fieldset .fl-expl-button.btn {	
	display: block;
	margin-bottom: 20px;}
	
	.rap_frm fieldset .fl-expl { display: none;}
	
}

/*END - Promjene za dodatno plaćene oglase*/

/*I-CAL*/
.i-cal {
	margin-bottom: 25px;
	width:100%;}
	
.i-cal .info-content {padding-bottom: 20px;}

.i-cal .info-content .fl-expl {
	float:left;
	width:100%;
	padding: 0 5%;}

.i-cal .info-content .fl-expl p {
	width:100%;
	margin:0 0 10px;
	float:left;}

.i-cal .info-content .i-cal-object {
	margin:35px 5% 0px;
	border-top: 1px solid #e5e5e5;
	padding-bottom: 10px;
	float:left;
	width:90%;}

/*.i-cal .info-content .i-cal-object:last-child {border-bottom: none;}*/

.i-cal .info-content .i-cal-object .title {
	margin: 0px;
	border-bottom: none;
	padding-left:10%;}

.i-cal .info-content .i-cal-object .input-polje {margin-bottom:15px;} 
	
.i-cal .info-content .i-cal-object .input-polje label {width:25%;}

.i-cal .info-content .i-cal-object .input-polje input {width:65%;}

.i-cal .info-content .select-polje {
	width:26%;
	float:left;
	padding:0 2%;}

.i-cal .info-content .select-polje label{
	text-align:left;
	width:100%;}

.i-cal .info-content .select-polje .select2-container { width:100% !important;}

.i-cal .info-content .btn.btn-load.gen-all {
	margin:0 0 25px 0;
	width:20%;}

.i-cal .info-content .btn.btn-load {
	float:right;
	margin-right:2%;}

@media screen and (max-width: 1296px) {
	.i-cal .info-content .select-polje {
		padding: 0 5%;
		width:100% !important;}
	
	.i-cal .info-content .btn.btn-load.gen-link {
		float:left;
		width:90%;
		margin: 25px 5% 0;}
	
	.i-cal .info-content .btn.btn-load.gen-all,
	.i-cal .info-content .fl-expl p {width:100%;}

}


@media screen and (max-width: 1147px) {
	.i-cal .info-content .i-cal-object .input-polje label,
	.i-cal .info-content .i-cal-object .input-polje input {width:100%;}
	
	.i-cal .info-content .i-cal-object {padding:0;}
}

/*I-CAL end*/

/*Modal window - generiranje odgovora*/
.modal-dialog {
	width: 100%;
	max-width: 1300px;}
	
.modal-content {
	border-radius:0px;
	background-color: #f9f9f9;}

.modal .modal-content h4 {font-family: 'Open Sans', sans-serif !important;}

.modal-content .info.object {
	background-color: #f9f9f9;
	box-shadow: none;
	width:49%;
	margin:0;}

.modal-content .rap_frm .info.object .info-content {padding: 0;}

.modal .modal-content label {
	float: none;
	text-align: left;
	width: 100%;}

.modal .modal-content .input-polje,
.modal .modal-content .input-daterange,
.modal .modal-content .select-polje,
.modal .modal-content .btn {
	float:left !important;}

.modal .modal-content .input-polje {
	margin-bottom: 15px;
	width: 22%;}

.modal .modal-content .input-polje .input-group {width: auto;}
.modal .modal-content .input-polje .input-group input {width: 100%;}

.modal .modal-content .modal_guest_fullname input {
	width:100%;
	/*min-width:250px;*/}
	
.modal .modal-content .input-polje input {
	width:100%;}

.modal .modal-content .pets-field label {
	display: inline;
	width: 30%;}
.modal .modal-content .pets-field input {
	display: inline;
	width: 60%;}
	
.modal .modal-content .select-polje,
.modal .modal-content .input-daterange {width:100%;}


.modal .modal-content .fifty-percent {
	width: 48%;
	float: left;}

.modal .modal-content .input-daterange .date-field,
.modal .modal-content .input-polje {margin-right: 4%;}

.modal .modal-content .input-daterange .date-field.no-margin, 
.modal .modal-content .input-polje.no-margin {margin-right: 0;}

.modal .modal-content .modal_guest_fullname,
.modal .modal-content .select-polje .select2-container {
	margin:0;
	width: 100% !important;}

.modal .modal-content .modal_guest_fullname {margin-bottom:15px;}

.modal .modal-content .input-daterange .date-field input{
	background-color: #fff;
	width: 100%;}

.modal .modal-content .select2-container-multi .select2-choices {
	border: none;
	background-color: #f9f9f9;
	box-shadow:none;
	background-image: none;}
	
.modal .modal-content .select2-container-multi .select2-choices .select2-search-choice {
	float:none;
	display:block;
	border: 1px solid #c0c0c0;
	border-radius: 0px;
	padding:10px 20px;
	margin: 0 0 10px;
	background-color: #fff;
	box-shadow:none;
	background-image: none;
	color: #8e8e8e;}

.app-units-multiple .select2-results li {color: #8e8e8e;}

.modal .modal-content .select2-container-multi .select2-choices .select2-search-field {
	width:100%;
	border: 1px solid #c0c0c0;
	background-color: #fff;}

.modal .modal-content .select2-container-multi.select2-container-disabled .select2-choices .select2-search-field,
.modal .modal-content .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {background-color: #f4f4f4;}

.modal .modal-content .select2-container-multi .select2-choices .select2-search-choice-close {
	left: 9px;
	top:26px;
	margin-right: 3px;}

.modal .modal-content .select2-container-multi .select2-choices .select2-search-choice .pr-holder img,
.modal .modal-content .select2-container-multi .select2-choices .select2-search-choice .pr-holder pr-holder-app-title {
	float: left;}

.modal .modal-content .select2-container-multi .select2-choices .select2-search-choice .pr-holder img,
.modal-open .select2-drop .select2-results .select2-result .select2-result-sub .select2-result .select2-result-label .pr-holder img {margin: 0 10px;}

.modal .modal-content .btn.btn-canc {float:right !important;}

.modal .modal-content .info.zajedno {
	width: 49%;
	padding: 2%;
	margin: 0 0 0 2%;
	background-color: #fff;
	border: 1px solid #e5e5e5;}

.modal .modal-content .info.zajedno .info-content {padding: 0;}

.modal .modal-content .info.zajedno .select-polje {margin: 0 4% 15px 0;}

.modal .modal-content .info.zajedno .check-polje {
	width:22%;
	float:left;
	margin-bottom: 25px;}

.modal .modal-content .info.zajedno .check-polje.modal-dist {margin-left: 4%;}

.modal .modal-content .input-polje.pets-field {margin: 0 0 0 4%;}

.modal .modal-content .info.zajedno .check-polje label {
	width: auto;
	float:left;
	margin: 8px 0 4px 0;}

.modal .modal-content .info.zajedno .check-polje label {
	width: auto;
	float:left;
	margin: 8px 0 4px 0;}
	
.modal .modal-content .info.zajedno .check-polje .icheckbox_square-blue {
	display:inline;
	margin: 8px 10px;}
	
.modal .modal-content .info.zajedno .select-polje .select2-container {width: 100% !important;}

.modal .modal-content .info.zajedno .info-content .clear {margin: 0;}

.modal .modal-content .info.zajedno .btn.btn-load {width: 100%;}

.modal .modal-content .pr-holder .pr-holder-title {
	float:left;}

.modal .modal-content .pr-holder .pr-holder-title span {
	display:block;
	float:left;
	clear:left;
	margin:3px 10px;
	font-size: 13px;}

.modal .modal-content .pr-holder .pr-holder-title .pr-holder-app-title {
	float:left;
	text-transform:uppercase;
	font-size: 16px;
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 5px;
	margin-top: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; }

.modal .modal-content .skins .skin {width: 100%;}

.modal .modal-content input.error,
.modal .modal-content .select2-container-multi .select2-choices.error .select2-search-field {border: 1px solid red;}

.modal .modal-content .radio-polje {
	float:left;
	width: 24%;
	margin-top: 30px;}

.modal .modal-content .radio-polje label {
	width: auto;
	float:left;}
	
.modal .modal-content .radio-polje .iradio_square-blue {
	float:left;
	margin: 5px 0 0 7px;}

.modal-content .info.object.reservation {
	background-color: #fff;
	width:100%;}

.modal-content.add-res-from-inq,
.modal-content .info.object.calendar {background-color: #fff;}

.modal .modal-content .input-polje.id-res {margin-bottom: 0px;}

.modal .modal-content .check-polje label {margin-left: 30px;}

@media screen and (max-width: 1147px) {
	.modal .modal-content .input-daterange .date-field,
	.modal .modal-content .input-polje,
	.modal .modal-content .modal_guest_fullname,
	.modal .modal-content .select-polje, 
	.modal .modal-content .input-daterange,
	.modal .modal-content .radio-polje {padding: 0;}
	
	.modal .modal-content .info.zajedno .check-polje {padding: 0;}
	
	.modal .modal-content .pets-field input {width:60% !important;}
	
	.modal .modal-content .input-polje label {margin-bottom: 5px;}
	
	}

@media screen and (max-width: 936px) {
	.modal-content .info.object, .modal .modal-content .info.zajedno {width:100%;}
	
	.modal .modal-content .info.zajedno {margin: 20px 0 0;}}
	

@media screen and (max-width: 767px) { 
	.modal .modal-content .input-daterange .date-field,
	.modal .modal-content .input-polje,
	.modal .modal-content .modal_guest_fullname,
	.modal .modal-content .select-polje, 
	.modal .modal-content .input-daterange,
	.modal .modal-content .radio-polje {
		padding-left: 0 !important;
		padding-right: 0 !important;} }
	
@media screen and (max-width: 480px) { 
	 .modal .modal-body {padding:10px; }
	 .modal .modal-content .info.zajedno {padding: 4%;}
	 .modal .modal-content .fifty-percent {width:100%;}
	 .modal .modal-content .input-polje {width:48%;}
	 .modal .modal-content .info.zajedno .select-polje {margin:0;}
	 .modal .modal-content .pr-holder .pr-holder-title .pr-holder-app-title {font-size: 14px;}
	 .modal .modal-content .select2-container-multi .select2-choices .select2-search-choice {padding: 10px;}
	 .modal .modal-content .pr-holder .pr-holder-title span {margin: 3px 0 3px 5px;}
	 .modal .modal-content .input-daterange .date-field {width:100%;}
	 .modal .modal-content .info.zajedno .check-polje {
		 margin-bottom: 15px;
		 width:48%;}
	 .modal .modal-content .input-polje.pets-field {margin-bottom: 15px;}
	 .modal .modal-content .info.zajedno .check-polje.modal-dist {
		 width:46%;
		 margin: 0 4% 0 0;}
	 .modal .modal-content .radio-polje {width: 48%;}}


/*Modal window END*/