.modal{
  z-index: 500000 !important;
  top: 50% !important;
  left: 50% !important;
}


.picker-calendar-day.over span {
  background: #337ab7;
  border: 1px solid #2e6da4;
}

.picker-calendar-day.full span {
  background: #5cb85c;
  border: 1px solid #4cae4c;
}

.picker-calendar-day.short span {
  background: #d9534f;
  border: 1px solid #d43f3a;
}

.picker-calendar-day.holiday span {
  background-color: #f0ad4e;
  border: 1px solid #eea236;
}

.day-time-total {
  opacity: 1;
}

.list-block .day-time-total.over {
  color: #2e6da4;
}

.list-block .day-time-total.full {
  color: #4cae4c;
}

.list-block .day-time-total.short {
  color: #d43f3a;
}

.list-block .day-time-total.holiday {
  color: #eea236;
}

.item-rd, .list-block .item-rd input {
  color: #4cae4c;
}

.item-non-chargeable, .list-block .item-non-chargeable input,
.item-CIP-over, .list-block .item-CIP-over input {
  color: #d43f3a;
}

.item-CIP-warn, .list-block .item-CIP-warn input {
  color: #eea236;
}

.picker-calendar-day-prev.picker-calendar-day.over span,
.picker-calendar-day-next.picker-calendar-day.over span {
  background: rgba(51, 122, 183, 0.6);
}

.picker-calendar-day-prev.picker-calendar-day.full span,
.picker-calendar-day-next.picker-calendar-day.full span {
  background: rgba(92, 184, 92, 0.6);
}

.picker-calendar-day-prev.picker-calendar-day.short span,
.picker-calendar-day-next.picker-calendar-day.short span {
  background: rgba(217, 83, 79, 0.6);
}

.picker-calendar-day-prev.picker-calendar-day.holiday span,
.picker-calendar-day-next.picker-calendar-day.holiday span {
  background: rgba(240, 173, 78, 0.6);
}

.picker-calendar-day.empty span {
  color: initial;
}

.picker-calendar-day span {
  color: #fff;
}

.picker-calendar-day-weekend {
  background: #eee;
  z-index: 14;
}

.picker-calendar-day-prev span, .picker-calendar-day-next span {
  color: #dcdcdc;
}

.picker-calendar-day.picker-calendar-day-today span {
  font-weight: bold;
}

.list-block .item-title.label {
  width: 80%;
}

.day-time-total {
  font-weight: bold;
}

.list-block .item-title.item-clicked {
  white-space: normal;
}

.navbar-person-item {
  cursor: pointer;
}

.person-selected {
  background-color: #eee;
}

/*.picker-calendar-week-days {
height: 30px;
}

.picker-calendar-week-days .picker-calendar-week-day {
font-size: 15px;
height: 30px;
line-height: 30px;
font-weight: bold;
}*/

.jobs-list .item-subtitle, .task-list .item-subtitle {
  font-size: 13px;
  color: #777777;
}
.searchbar-cancel {
  visibility: hidden;
}
.searchbar-active .searchbar-cancel {
  visibility: visible;
}
.job-display .item-photo {
  margin: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  display:inline-block;
}
.job-display .item-photo img {
  width: 100px;
  height: 100px;
  border-radius: 41px;
  display: block;
}
.hide{
  visibility: hidden !important;
  position:absolute !important;
  z-index:100 !important;
}

.job-display .header-text {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}

.job-display .header-text .fa-star {
  position: absolute;
  left: 112px;
  top: 80px;
  color: #ffc107;
  font-size: 16px;
}

.job-display .header-text h3 {
  font-weight: 500;
  margin-bottom: 0;
}

.job-display .header-text p {
  margin-top: 0.5em;
}

.panel-left .list-block {
  margin-top: 0;
}
.jobs-list .list-block {
  margin-top: 0;
}
.job-display .list-block {
  margin-top: 0;
}

.job-display .list-block ul {
  border-top: 0;
  border-bottom: 0;
}

.job-display .list-block ul .item-media {
  padding-top: 4px;
  padding-bottom: 4px;
}

.job-display .list-block ul .item-media i {
  font-size: 24px;
  color: #007aff;
}

.job-display .list-block ul .item-inner pre, pre.task-desc {
  font-family: inherit;
  white-space: pre-line;
}

.job-edit .page-content{
  padding-top:10px;
}

.job-edit .avatar{
  max-width:200px;
  max-height:100px;
}
.job-edit .avatar{
  cursor:pointer
}
.job-edit .fileUpload {
  position: absolute;
  overflow: hidden;
  /* margin: 10px; */
  visibility: hidden;
  /* z-index: 10; */
}

.open-task .item-inner:after {
  background-color: #DD8F29;
}

.closed-task .item-inner:after {
  background-color: #428bca;
}

#task-list .open-task-title {
  background-color: #DD8F29;
  color: #fff;
}

#task-list .closed-task-title {
  background-color: #428bca;
  color: #fff;
}

.tasks-preloader {
  padding: 10px;
  text-align: center;
}

/*.job-edit .fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}*/

@media all and (max-width: 480px) {
  .hide-narrow {
    display: none;
  }
}

input:required:invalid,input:required:focus:invalid,textarea:required:invalid,textarea:required:focus:invalid,
input:invalid,input:invalid,textarea:invalid,textarea:invalid {
  background: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC) !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

input:required:valid,textarea:required:valid,
/*input:valid,textarea:valid,*/
input:valid,textarea:pattern:valid {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=) !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
}
input[type=text], textarea {
  /* -webkit-transition: all 0.30s ease-in-out; */
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}









/* General Styles
body {
margin: 2rem;
font-family: sans-serif;
}
*/
label {
  display: block;
  font-size: .8rem;
}

input[type="number"] {
  position: relative;
  margin: 0 0 1rem;
  border: 1px solid #BBB;
  border-color: black;
  padding: .2rem;
}

/* Spin Buttons modified */
input[type="number"].mod::-webkit-outer-spin-button, 
input[type="number"].mod::-webkit-inner-spin-button {
  -webkit-appearance: none;
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
  width: 1em;
  border-left: 1px solid #BBB;
  border-right: 1px solid #BBB;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  opacity: .5; /* shows Spin Buttons per default (Chrome >= 39) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
input[type="number"].mod::-webkit-inner-spin-button:hover,
input[type="number"].mod::-webkit-inner-spin-button:active{
  box-shadow: 0 0 2px #0CF;
  opacity: .8;
}

/* Override browser form filling */
input:-webkit-autofill {
  background: black;
  color: red;
}


@media (min-width : 1000px) {
  buttonheight {
    width: 150px;
  }
}

@media (min-width : 700px) {
  buttonheight {
    width: 100px;
  }
}


@media (min-width : 500px) {
  buttonheight {
    width: 100px;
  }
}