.filterfixer{
	height: 30px!important;
    margin-top: 8px;
    margin-bottom:8px!important; 
}
.xxx { 
    position: relative;
    top: -115px;
    left: 900px;
}
.iconxl{
font-size:25px;	
}
.btn-downloadlink-green {
  background-color: #7eb216;
  background-image: linear-gradient(rgba(126, 178, 22, 0), rgba(0, 0, 0, 0.1));
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
	margin-top:10px;
}
.btn-left-downloadlink-green {
  background-color: #7eb216;
  background-image: linear-gradient(rgba(126, 178, 22, 0), rgba(0, 0, 0, 0.1));
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}
.btn-left-downloadlink-green:hover, .btn-downloadlink-green:hover, .btn-downloadlink:active, .btn-downloadlink.active, .btn-downloadlink.disabled, .btn-downloadlink[disabled] {
  background-color: #7eb216;
  color: #ffffff;
}
.btn-downloadlink-red {
  background-color: #ff0000!important;
  background-image: linear-gradient(rgba(126, 178, 22, 0), rgba(0, 0, 0, 0.1));
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
	margin-top:10px;
}
.btn-downloadlink-red:hover, .btn-downloadlink:active, .btn-downloadlink.active, .btn-downloadlink.disabled, .btn-downloadlink[disabled] {
  background-color: #ff0000!important;
  color: #ffffff;
}
.menu-divider
{ 
	border: 0;
    border-bottom: 1px dashed #000;
    background: #dddddd; 
	margin:5px; 
}
.commanfilterform_searchable_selecBox{
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  margin: 0;
  padding-left: 10px;
  padding-bottom: 5px;
}
.searchable_selecBox
{
	padding:0!important;
}
.searchable_selecBox .controls
{
	margin-top:0px!important;
}
.msg-highlight
{
	font-size:14px;
	color:yellow;
	font-weight:bold;
}
.msg-highlight > a
{
	font-size:14px;
	color:yellow !important;
	font-weight:bold;
}
.msg-highlight:hover{
	color:yellow;
	font-weight:bold; 
}
.fullwidthlable
{
	width:auto!important;
	margin-top:5px;
}
.filterSelect
{
	margin:0!important;
	width: 210px;
}
.mapOnlineTd, .mapofflineTd, .mapoffGpsTd
{
	cursor:pointer;
}
.maptoprightbtn
{
	float: right;
	padding: 2px;
}
.ballononline
{
	color:#00E64D!important;
	cursor:pointer;
	font-size:1.5em!important;
}
.ballonoffline
{
	color:#FD7567!important;
	cursor:pointer;
	font-size:1.5em!important;
}
.ballongpsoff
{
	color:#6991FD!important;
	cursor:pointer;
	font-size:1.5em!important;
}


.mapallrmpbtn{
	display:inline;
	line-height:30px;
}
.emp_status_undefined
{
	text-align:center;
}
.emp_status_online
{ 
  background: #7eb216 none repeat scroll 0 0 !important;
  border-radius: 18px;
  color: #ffffff;
  padding: 5px 10px;
}
.emp_status_offline
{ 
  background: #ec3237  none repeat scroll 0 0 !important;
  border-radius: 18px;
  color: #ffffff;
  padding: 5px 10px;
}
.emp_status_gpsoff
{ 
  background: #6991FD none repeat scroll 0 0 !important;
  border-radius: 18px;
  color: #ffffff;
  padding: 5px 10px;
}

.btn-downloadlink {
  background-color: #7eb216;
  background-image: linear-gradient(rgba(126, 178, 22, 0), rgba(0, 0, 0, 0.1));
  border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
	margin-top:10px;
}
.btn-downloadlink:hover, .btn-downloadlink:active, .btn-downloadlink.active, .btn-downloadlink.disabled, .btn-downloadlink[disabled] {
  background-color: #7eb216;
  color: #ffffff;
}



.Csvprogress{
	font-size:18px;
}
.reporttablesForm
{
	border: 1px solid #dddddd;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0 !important;
	padding: 0 51px 20px 10px;
}
.reporttablesFormProcessData
{
	border: 1px solid #dddddd;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0 !important;
	padding: 20px;
}
.row_data_class
{
	overflow-x:scroll;
	overflow-y:scroll;
	max-height:450px;
	border:1px solid #000;
	padding:2px;
}
.emp_name_filter {
  float: left;
  margin-right: 10px;
  margin-top: 9px;
  width: auto;
}
body
{
	background-image: url("../img/robotbgimage/P1-min.JPG");
	background-attachment: fixed;
	background-size: 100% auto; 
}
.account-container
{
	/* opacity: 0.80; */
}
.header-right-btn{
	float: right;
	margin-right: 2%;
	margin-table:6px;
}
.dsr_rep thead, tbody, td
{ 
	font-family:verdana!important;
	font-size:14px;   
	padding:5px;
	 padding: 3px;
}
.top-buttons > b {
font-size: 16px;
color: #000;
} 
.Prefranec-td > a {
  cursor: pointer;
}
.emp-detail-trip
{
	min-height:150px!important;
}
.auto-height
{
	overflow:hidden;
}
.table2excel
{
	text-align:center;
	 /*  display:none;   */
}
 
.detail-img
{
	width:200px;
	height:200px;
}
.other-info-div{
	border:none;
	font-size:14px;
}
.nav-tabs-2 > .active > a{ 
  background-color: #0ba0dc;
  border: 1px solid #0ba0dc;
  color: #ffffff;
  cursor: default;
}
.nav > li > a
{
  color: #0ba0dc;
}
.status-red{
   background: #ec3237 none repeat scroll 0 0;
    border-radius: 18px;
    color: #ffffff;
    padding: 5px 10px; 
}
.status-green{
   background: green none repeat scroll 0 0;
    border-radius: 18px;
    color: #ffffff;
    padding: 5px 10px; 
}

.comman-information-info{
	color: #ec3237;
    float: right;
    font-size: 16px;
    margin-right: 2%; 
}
.custom-plan-title {
  height: 19px;
  line-height: 0 !important;
  padding: 15 0 0 0;
}
.custom-plan-title  h3{
line-height:0;
} 
.visit-head-detail
{
	padding:5px 1px 5px 20px !important;
}
.info-header
{
	font-weight:bold;
	font-size:25px;
}
.hightlightNumber{
	font-size:30px;
	font-style:bold;
	float:right;
	color:#ec3237;
}
.hightlightNumberTop{
	font-size:20px; 
	color:#ec3237;
	padding-left:5px;
}
.visit_info_overview
{
	float:right;
	margin-right: 2%;
}
.btn .table-caret {
    margin-left: 0;
    margin-top: 18px!important;
}  
.attech-supler-crt
{
	top:0;
}
.widget-header-otherinfo
{
	height:20px;
	padding:0px 40px 20px;
}
.Prefranec-table{ 
    background-color: rgba(0, 0, 0, 0);
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    text-align: center;
    width: 100%;
}
.Prefranec-td{
	padding:20px;
}
.plan-title-Prefranec
{
	background-color: #686868;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    color: #ffffff;
    font-size: 16px;
    padding: 10px 0;
}
.loadadditionInfoSpan { 
	padding-left:20px;
}
.shemebtn
{
width:100px;
}
.top-buttons-big{ 
   float: right;
    height: 40px;
    width: auto; 
}
.cstomercsvbtn-big{
	margin-top:-3px !important;
}
.uppercaseText{
	text-transform: uppercase;
} 
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}
.error-info {
    background-color: #EC3237;
    border-color: #EC3237;
    color: #fff;
}
input, textarea, select, .uneditable-input{
	height:auto!important;
}
.form-horizontal .control-label{
	margin-top:12px;
}
 
.icon-list-alt{
	color:#0ba0dc;
}
.footer-inner {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-top: 1px solid #ddd;
    color: #999999;
    font-size: 12px;
    padding: 0;
    text-align: center;
	position: relative;
	width: 100%;
	bottom: 0!important;
} 
.dropdown-menu li{
	cursor:pointer;
}
.commanfilterform{
	border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 10px;
	margin:0px;
}
.map-selection
{
	float:left; 
}
.map-btn
{
	margin-left:10px;
	margin-top:10px;
}
.hiddenform{
	margin:0px;
}
.dsrsubmit{
	margin-top:7px; 
} 
.plain-container { 
    border: 1px solid #e6e5e3;
    padding: 10px;
}
.cstomercsvbtn{
	float:right;
	margin-top:5px;
}
.select-customers { 
    text-align: center;
    width: 100%;
}
.select-customers > option {
    border: 1px solid #dddddd;
    cursor: pointer;
    height: 25px;
    margin-top: 2px;
    padding-top: 5px;
}

.importdataformate{
    border: 1px solid #d3d3d3;
    height: 40%;
    padding: 10px;
    width: 100%;
}
.reportformate {
    border: 1px solid #d3d3d3;
    height: 15%;
    padding: 10px;
    width: 100%;
}	
.reporttables{
	text-align:center;
	font-size:20px;
}
.reporttables td{
padding:5px;
}
.top-buttons{
	float:right;
	width:47%;
	height:40px;
}
.downloadbtns{
	float:right;
	padding:5px; 
}
.bottompage
{
float: right;
margin: 0;
padding: 0;
}
.bottompage li {
    background: #0ba0dc none repeat scroll 0 0;
    color: #ffffff !important;
    display: inline-block;
    list-style: outside none none;
    margin-right: 10px;
    padding: 1px 5px;
}
.bottompage > .active{
	background: red none repeat scroll 0 0;   
}
.bottompage li a, .current
{
	color: #ffffff !important;
	display: block;
	padding: 5px;
	text-decoration: none; 
}
.bottomcurrent
{
	font-weight:bold;
	color: #000;
}
.visit_discussion{
	width:97.5%;
	display:inline-block;
	
}
.dsrpdfbtn{
	float: left;
    position: relative;
    width: 50%;
}
.header-info-li{
	width:100%;
}
.header-name{
	float:left;
}
.gear{
	float:left;
	font-size:15px;
	margin-left:15%;
	margin-top:10%;
}
.header-info{
	width:15%;
	margin-top:1%!important;
}
.emp_photo
{
	height:15%;	
}
.emp-trip-data{
	width:30%;
	float:right;	
}
.emp-trip-data .hasDatepicker{
	margin-top:-3%;
	width:100%;
}
.pagingbtn{
    padding: 10px;
	float:right;
	/* background: #dedede none repeat scroll 0 0;
    border: 1px solid;
    margin-bottom: 1%;
    text-align: center;
    text-decoration: none;
    width: 5%; */
}
.nextbtn{
	float:right;
	/* width:45%; */
}
.previousbtn{
	float:left;
	width:45%; 
}

.hasDatepicker{
	height:30px;
	 margin-top:8px; 
}
.visitor_detail{
	width:auto;
	float:left;	
	border:0px solid red;
	width:25%;
	padding-left:25px;
}
.detaild-data-title{
	width:45%;
	float:left;	
}
.detaild-data{
	width:45%;
	float:left;	
	
}
.detail_page_data{
text-align:left;	
font-family:"verdana";
border:1px solid #0BA0DC;
min-height:5px;
padding:15px 15px 30px 15px;
margin-top:10px; 
}
.detail_page_data:hover{
background:#ddd;
}
.detail_pages_data ul{
list-style:none!important;
margin-left:unset!important;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
} 
.detail_pages_data li{
list-style:none!important;
text-align:left;	
margin-left:unset;
}


.filter-form{
	margin:unset!important;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding-left:10px;
}
.filter-form > select{
height:30px;
margin-top:8px;
}
.filterbox{
	border: 1px solid #cccccc;
    border-radius: 3px;
    color: #555555;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 18px;
    margin-bottom: 0px;
	width: 210px;
}

.visitor-data{
	width:100%!important;
	
}

.dropdown-menu{
	min-width:136px; 
}
.widget{
	  /*  height:100%;   */
}
.right-popup{
	width:50%; 
} 
.select-multipals {
height:150px!important;	
width:100%; 
text-align:center;
}
.select-multipals > option{
	border:1px solid #ddd;
	height:25px;
	margin-top:2px;
	padding-top:5px;
	cursor:pointer;
}
.select_right strong{
	font-size:16px;
	margin-left:10px;
}
.rTable 
{
	display: table; 	width: 100%;
}
.rTableRow 
{
	display: table-row; 
}
.rTableHeading 
{
	display: table-header-group; background-color: #ddd;
}
.rTableCell, .rTableHead 
{
	display: table-cell; width:45%; padding: 3px 10px;	border: 1px solid #999999;  text-align:center;
}
.select_right > .rTableCell, .rTableHead ,.rTableCell

{
	border:none;
	
}


.rTableHeading 
{
	display: table-header-group;	background-color: #ddd;	font-weight: bold;
}
.rTableFoot 
{
	display: table-footer-group;	font-weight: bold;	background-color: #ddd;
} 
.rTableBody 
{
	display: table-row-group;
}
.rTableHead_map_data
{
	color:blue;
	text-transform:uppercase;
}
.rTableCell_map_Data, .rTableHead_map_data
{
	display: table-cell;	padding: 3px 10px;	border: 0px solid #999999; 
}




.map-data-data{
	width:auto;
	float:left;	
	border:0px solid red;
	width:25%;
	padding-left:25px;
	}
.map-data-map{
	width:70%;
	float:left;
}	
.map-data-table{ 
	width:100%;
	
}
table.map-data-table {
	width:100%;
text-align:left;	
border:0px solid red;
font-size:14px;
}
table.map-data-table.tr.td:first{
	   width:70%;
}

.navbar-inner{
	padding-top: 0px; 
	padding-bottom: 4px;
}
.navbar .nav > li > a{
	color:#888!important;
	
}
.navbar-search .search-query:focus, .navbar-search .search-query.focused{
	background-color: #888888;
    border: 0 none;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    color: #ffffff;
    outline: 0 none;
    padding: 5px 10px;
    text-shadow: 0 0 0 #ffffff;
	
}
.login-logo{
	text-align:center;
	width:100%;
}
.login-extra a{
	color:#0BA0DC; 
}

.dataTables_length{
padding-left:1%;
}
.dataTables_info{ 
padding-left:1%;
border:1px solid #ddd;
width:98.9%;
padding:5px;
} 
.footer-login {
    bottom: 0;
    position: fixed;
    text-align: center;
    width: 100%;
	color:#838383; 
	border-top:1px solid #ddd;
}

.footer-login a{
	color:#0BA0DC; 
}


.brand{
float:left;
width:60%;
padding:8px 20px 8px!important;
margin-left:-24px!important;
} 
.dataTables_length  label{
	margin-bottom:3px;
	margin-top:3px;
}
.dataTables_filter label{
	margin-bottom:3px;
	margin-top:3px;
	
}
@media (max-width: 320px) {
	.brand{
		width:100%;
	}
	.brand img{
		width:100%;
	} 
}	
@media all and (min-width:320px) and (max-width:480px) {
	.brand{
		width:80%;
	}
	.brand img{
		width:80%;
	} 
}	

@media all and (min-width:480px) and (max-width:640px) {
	.brand{
		width:70%;
	}
	.brand img{
		width:70%;
	}  
}	
@media all and (min-width:640px) and (max-width:768px) {
	.brand{
		width:50%;
	}
	.brand img{
		width:50%;
	}  
}	

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
.menu-divider
{ 
	border: 0;
    border-bottom: 1px dashed #000;
    background: #dddddd; 
	margin:5px; 
}
.mark-read{ 
	background-color: #f3f3f3 !important; 
}
.mark-unread{
	font-weight: bold;	
	color: #000;
}