@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&display=swap');

.navbar{
width:100%;
height:50px;
position:fixed;
top:0;
left:0;
z-index:2;
background:#fff;
}

.main-row{
height:100vh;
margin:0;
padding-top:47px;
}

._picker_{
height:auto;
margin:0;
padding:7px 0 10px 10px;
background-image: radial-gradient( circle 666px at 0.4% 48%,  rgba(89,89,99,1) 0%, rgba(89,89,99,1) 97.5% );
}

.jobs{
border:0 !important;
padding:0;
margin:0;
background:#fff !important;
}

.scroll-list{
width:100%;
margin:0 auto 10px auto;
/*height:85vh;*/
padding:0;
color:#999;
background:#fff !important;
}

.unassinged-jobs-header, 
.assigned-jobs-header, 
.started-jobs-header, 
.finished-jobs-header{
font-size:14px;
font-weight:bold;
padding:5px 0 5px 15px;
margin:0;
border:none;
background:#fff;
border-bottom:0px solid #ccc;
border-top:0px solid #ccc;
color:#666;
font-family:'Roboto' sans-serif;
font-weight:900;
background:#fff !important;
color:#666;
}

.unassinged-jobs-header i{
color:#999
}

.assigned-jobs-header i{
color:#b88227
}

.started-jobs-header i{
color:#3172a3
}

.finished-jobs-header i{
color:#32a651
}

.pick_up_failed i, .pick_up_decline, .pick_up_canceled{
color:#b83c27
}

.jobs-ul{
margin:0px;
padding-bottom:12px;
border:none !important;
}

.jobs-ul li{
border:1px solid #ccc !important;
margin-top:10px !important;
margin-bottom:5px !important;
margin-right:10px !important;
margin-left:10px !important;
color:#000;
border-radius:2px !important;
min-height:70px;
height:auto;
padding:0 !important;
font-family: 'Open Sans Condensed', sans-serif;
font-size:16px;
background:#fff;
text-transform:capitalize;
}

.yellow{
background-color:#ebebeb !important;
}

.failed, .failed-1{
background-color:#e65a50 !important;
}

.customer-on-list{
margin:0 !important;
padding:10px 15px 0 15px !important;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:900;
color:#000;
font-size:18px;
}

.addr-on-list{
margin:0 0 10px 0 !important;
padding:0 10px 0 15px !important;
}

.status-pickup{
margin:0 0 10px 0;
padding:0 15px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:900;
font-size:14px;
}

.status-pickup b{
color:#999;
}

.time-pickup{
margin:0 15px 10px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}

.time-pickup code{
color:#666;
font-size:14px;	
}

.pickups{
/*width:440px;*/
height:100%;
padding:20px 20px 20px 20px;
border-radius:20px;	
font-family: 'Open Sans Condensed', sans-serif;
background:rgba(0,0,0,0.95);
}

#pickups{
position:fixed;
bottom:95px;
right:15px;
z-index:101;
/*width:340px;*/
border-radius:20px;
background:transparent;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.59);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.59);
}

.pickup-reset-btn, .pickup-del-btn{
position:fixed;
bottom:20px;
right:20px;
z-index:103;	
width:50px;
height:50px;
font-size:20px;
color:#000;
border-radius:50%;
cursor:pointer;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.49);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.49);
background:#ebebeb;
}

.pickup-reset-btn{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

.pickup-reset-btn span, .pickup-del-btn span{
display:inline-block;
font-weight:bold;
margin:11px 0 0 19px;
}

#pickups-list{
margin:0;
}

#pickups-list li{
/*margin:0 5px 13px 0;*/
margin:0 5px 0 0;
border:1px solid #3b3b3b;
border-top:none;
padding:10px 0 0 0;
background-color:rgba(0,0,0,0.4);
color:#999;
font-size:15px;
}

#pickups-list li:first-child {
border-top:1px solid #3b3b3b;
border-radius:8px 8px 0 0 !important;
}

#pickups-list li:last-child {
border-radius:0 0 8px 8px !important;
}

.pick_up_assinged i{
color:#b88227;
}

.pick_up_started i{
color:#3172a3;
}

.pick_up_finished i{
color:#32a651;
}

.pick_up_failed{
background:rgba(153, 46, 38, 0.2);
}

.pick_up_decline{
background:rgba(153, 46, 38, 0.2);
}

.pick_up_canceled{
background:rgba(153, 46, 38, 0.2);
}

.pick_up_default{
background:#fff;
}

.none{
display:none
}

.pickUpIdOnList, .jobIdOnList, .time-arrived{
display:inline-block;
float:right;
font-size:10px;
font-weight:normal;
padding:1px 4px 1px 4px;
border-radius:4px;
color:black;
}

.time-arrived{
font-size:12px;	
-webkit-box-shadow: inset -1px 1px 12px -8px rgba(0,0,0,1);
-moz-box-shadow: inset -1px 1px 12px -8px rgba(0,0,0,1);
box-shadow: inset -1px 1px 12px -8px rgba(0,0,0,1);
background:white;
color:#666;
padding:4px 11px 4px 11px;
margin-top:5px;
float:left;
display:none;
}

/*
.job-edit-modal{
width:50%;
}
*/

#date-input{
background:white !important;
background-image: url('calendar.gif') !important;
background-position: 10px 9px !important;
background-repeat: no-repeat !important;
padding-left: 40px !important;
cursor:pointer;
}

#job-search{
background-image: url('searchicon.png');
background-position: 10px 6px;
background-repeat: no-repeat;
padding-left: 40px;	
}

.track{
position:relative;
height:457px;
z-index:100;
overflow:hidden;
padding:0px;
border-radius:0 0 6px 6px;
}

.iframe-job{
position:relative;
z-index:103;
margin-top:-53px;
border-style:none;
width:100%;
height:510px;
}

.btn-job-info-success{
margin:0;
border-radius:0 4px 0 4px;
}

.btn-job-info{
border-radius:0 0 0 4px !important;
}

.btn-pickup{
float:right	
}

.btn-job-edit, .btn-map{
border-radius:0 4px 0 0 !important;
}

.btn-job-info, .btn-job-edit, .btn-map, .btn-job-info-success{
color:#666 !important;
background:#ebebeb !important;
font-family:Arial, Helvetica, sans-serif;
}

.btn-pickup-edit, .btn-pickup-map, .btn-pickup-cancel{
color:#666 !important;
font-family:Arial, Helvetica, sans-serif;
}

.real-time-breadcrumb{
margin:5px 10px 0 20px;
float:right;
padding-top:4px;
color:#ccc;
font-weight:bold;
text-align:right;
}

.real-time-breadcrumb a{
color:#999
}

@media screen and (max-width: 767px) {
 /*.job-edit-modal{
  width:100%;
 }*/
 
 .scroll-list{
  height:auto !important;
  min-height:1px !important;
  /*max-height:600px !important;*/
  margin-bottom:0px;
 }
 
 .unassinged-jobs-header, 
 .assigned-jobs-header, 
 .started-jobs-header, 
 .finished-jobs-header{
	background:#ebebeb !important;
	padding-top:15px;
	padding-bottom:15px;
 }
 
 .jobs-ul{
  padding-bottom:0;
 }
 
 .jobs-ul li:last-child {
  margin-bottom:10px !important;
 }
}