input#L_pass, input#L_name, label.mylabel {
	font-size: .8em !important;
}

div#L_dialog {
	height: 145px !important;
}

#content {
	height: 900px;
  height: auto;
	width: 1000px;
	margin: 0px auto;
	position: relative;
}

#datepicker {

}

p.mydash {
	margin: 1px;
	line-height: 1em;
}

p.mydash.myass {
	/* background-color: green; */
	color: green;
}

p.mydash.myunass, a.mydash.myunass {
	/* background-color: red; */
	font-weight: bolder;
	color: red;
}

@-webkit-keyframes argh-my-eyes {
  0%   { background-color: #fff; }
  49% { background-color: #fff; }
  50% { background-color: #f00; }
  99% { background-color: #f00; }
  100% { background-color: #fff; }
}
@-moz-keyframes argh-my-eyes {
  0%   { background-color: #fff; }
  49% { background-color: #fff; }
  50% { background-color: #f00; }
  99% { background-color: #f00; }
  100% { background-color: #fff; }
}
@keyframes argh-my-eyes {
  0%   { background-color: #fff; }
  49% { background-color: #fff; }
  50% { background-color: #f00; }
  99% { background-color: #f00; }
  100% { background-color: #fff; }
}
.unassigned {
  -webkit-animation: argh-my-eyes 2s infinite;
  -moz-animation:    argh-my-eyes 2s infinite;
  animation:         argh-my-eyes 2s infinite;
	background-color: #f00 !important;
}

h1 {text-align: center;}

body {
  /*  background-color: #FC6; */
    font-family: georgia, serif;
    font-size: 16px;
}

.city-name {
  margin-bottom: 4px;
}

.one-week {
  background-color: white;
  margin-top: 2px;
  padding-top: 0px;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {

/* width: 90% !important; */
top: 150px !important;
left: 5% !important;

}

#content {
    display: block;
    width: 900px;
    /* height: 750px; */
    margin: 10px auto 10px;
    padding: 10px;
    background-color: #fff;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    border:2px solid black;
    -moz-box-shadow: 0 0 14px #000;
    -webkit-box-shadow: 0 0 14px #000;
    box-shadow: 0 0 14px #000;
}

a.main {
		/*position: relative;*/
		position: absolute;
		display: block;
    border: 1px black solid;
    margin: 2px;
    padding: 0px 2px 0px 2px;
    font-size: 1.4 em;
    text-align: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    color: #110;
    font-weight: bold;
    cursor:hand; cursor:pointer;
    overflow:hidden;
}

a.main[href] {
	color: #110 !important;
}

.tech {
	background-color: #cfb;
}

.job {
	background-color: #FC6;
}

.newb {
	background-color: #8d1;
}

.day {
	background-color: #88f;
	background-color: #66ff66;

}

.checkin {
	background-color: #ddd;
}

.reports {
	background-color: #ddd;
}

a.noshow {
	display: none;
}

a.main : hover {
	background-color: #ff0000 !important;
	color: #fff;
	-moz-box-shadow: 0 0 16px #000;
	-webkit-box-shadow: 0 0 16px #000;
	box-shadow: 0 0 16px #000;
}

.head1 {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	cursor:default;
	border: 2px #330 solid;
}

.locb:hover {
	background-color: #ff0000;
	color: #fff;
	-moz-box-shadow: 0 0 16px #000;
	-webkit-box-shadow: 0 0 16px #000;
	box-shadow: 0 0 16px #000;
}

.subc, .subp, .subn, .L, .LO, .locb {
	float: right;
	display: block;
	border: 2px black solid;
	margin: 2px;
	padding: 6px;
	font-size: 18px;
	text-align: left;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	cursor:pointer;
}

/****** FROM Production Dash below (/dash directory index.php ) ***/

/* <style> */

  body {
    background-color: #fafafa;
    background-image: none;
  }

  div.name {
    font-size: 2em;
    /* padding-left: 10px; */
  }

  div.weektotal, div.total {
    background-color: #ddd;
  }

  div.title {
    display: inline;
    padding-left: 20px;
    width: 35%;
  }

  div.row.myrowright {
    float: left;
    clear: both;
    width: 40%;
    /* height: auto; */
  }

  div.row.myrowright {
    float: right;
    width: 40%;
    /* height: auto; */
  }

  div.mydiv.canceled, div.mydivname.canceled {
    color: red;
    text-shadow: black;
  }

	div.mydiv.pbooked, div.mydivname.pbooked {
    color: black;
    text-shadow: black;
  }


  div.mydiv.booked, div.mydivname.booked {
    color: purple;
    text-shadow: black;
  }

  div.mydiv.scheduled, div.mydivname.scheduled {
    color: orange;
    text-shadow: black;
  }

  div.mydiv.goal, div.mydivname.goal  {
    color: black;
    text-shadow: black;
    border: 1px solid black;
    padding: 5px;
  }

  div.mydiv.patroncalls, div.mydivname.patroncalls {
    color: blue;
    text-shadow: black;
  }

  /* div.name div.mydiv.patroncalls {
    font-size: .5em;
    color: blue;
    text-shadow: black;
  } */

  div.mydiv.ran, div.mydivname.ran {
    color: green;
    text-shadow: black;
  }

  div.mydivname.moavg {
		font-size: .5em;
		font-stretch: extra-condensed;
	}

  div.mydiv.moavg, div.mydiv.miavg,   div.mydivname.moavg, div.mydivname.miavg {
    color: black;
    text-shadow: black;
  }

  div.mydiv.moavgpctRED,   div.mydiv.miavgpctRED, div.mydivname.moavgpctRED,   div.mydivname.miavgpctRED, span.cancelRED {
    color: red;
    text-shadow: black;
  }

  div.mydiv.moavgpctYELLOW, div.mydiv.miavgpctYELLOW, div.mydivname.moavgpctYELLOW, div.mydivname.miavgpctYELLOW, span.cancelYELLOW {
    color: yellow;
    color: #fcd601;
    text-shadow: 1.5px 1.5px 1.5px #343434;
  }

  div.mydiv.moavgpctGREEN, div.mydiv.miavgpctGREEN, div.mydivname.moavgpctGREEN, div.mydivname.miavgpctGREEN, span.cancelGREEN {
    color: green;
    text-shadow: black;
  }

  div.mydiv {
    font-weight: bold;
    line-height: 2em;
    font-size: 1.6em;
    font-size: 1.2em;
    display: inline;
    padding: 10px;
  }

  div.mydivname {
    font-weight: bold;
    line-height: 2em;
    font-size: .6em;
    display: inline;
    padding: 10px;
  }

  div.row {
    margin-left: 25px;
  }
  select#inactive {
    display: inline;
    width: 40%;
    margin-top: 30px;
  }

  .activate-tech, .deactivate-tech {
    border: 1px solid black;
    color: white;
  }
  .activate-tech {
    background-color: green;
  }
  .deactivate-tech {
    background-color: red;
  }

  .radwrap {
    border: 1px solid black;
    display: inline-block;
    font-size: 1.2em;
  }

  label {
    display: inline-block !important;
    margin-right: 5px;
  }

  h1,h2,h3,h4,h5 {
    display: inline-block;
  }

  select#LocationPicker {
    width: 20%;
  }

  div#dialog-timeslots {
    margin-bottom: -40px;
  }
  .ui-dialog .ui-dialog-titlebar {
    /* margin-bottom: 15px; */
  }
  body {
    width: 100%;
    /* background-color: cornsilk !important; */
  }
  div#Calendar {
    margin-bottom:120px;
  }
  #bottombuffer {
    margin-bottom: 200px;
  }
  fieldset {
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    margin-bottom: -20px !important;
  }

  div.red, div.green, div.singlegreen {
    clear: right;
    border: 1px solid black;
  }
  div.red {
    background-color: #eb6752;
  }
  div.green1 {
    color: #000000;
    background-color: #ffffff;
  }
  div.green2 {
    color: #000000;
    background-color: #eeeeee;
  }
  div.green3 {
    color: #000000;
    background-color: #cccccc;
  }
  div.green4 {
    color: #000000;
    background-color: #aaaaaa;
  }
  div.green5 {
    color: #000000;
    background-color: #888888;
  }
  div.green6 {
    color: #ffffff;
    background-color: #666666;
  }
  div.green7 {
    color: #ffffff;
    background-color: #444444;
  }
  div.green8 {
    color: #ffffff;
    background-color: #222222;
  }
  div.green9 {
    color: #ffffff;
    background-color: #000000;
  }
  div.singlegreen {
    background-color: #add45f;
  }

  #techQty {
    margin-bottom:20px;
  }
  #StoreNo {
    display: none;
  }
  .spacer {
    height: 80px;
  }
  #jumbotron {
    padding: 0px;
  }
  .cal-box {
    background-color: #fff;
    border: 1px solid black;
    /* height: 120px; */
    height: auto;
    height: 230px;
    /* height: 190px; */
    width: 14%;
    float: left;
    display: inline;
    margin:-1px 0 0 -1px;
    padding-right:1px;
  }
  .cal-box-h {
    background-color: #fff;
    border: 1px solid black;
    font-weight: bolder;
    /* height: 120px; */
    /* width: 14%; */
    float: left;
    display: inline;
    margin:-1px 0 0 -1px;
    padding-right:1px;
    height: 20px;
    text-align: center;
  }


  .cal-box-top {
    width: 8%;
  }

  .cal-box-6 {
    width: 10%;
  }

  .cal-box-5 {
    width: 12%;
  }

  .cal-box-4 {
    width: 14%;
  }

  .cal-box-3 {
    width: 16%;
  }

  .cal-box-2 {
    width: 18%;
  }

  .cal-box-1 {
    width: 20%;
  }

  .cal-box-legend {
    width: 30%;
    /* height: 200px; */
  }

  div.row {
    max-width: none;
  }

  #NextMonth {
    margin-left: 12px;
  }
  #PrevMonth {
    margin-right: 12px;
  }
  .day-number {
    float: right;
    font-weight: 700;
  }
  .no-job {
    background-image: linear-gradient(
                        to right top,
                        transparent 33%,
                        black 33%,
                        black 66%,
                        transparent 66%
                      );
    background-size: 3px 3px;
  }


  .no-job {

/*
width: 30px;
height: 30px;
*/
/*
border: 1px solid black;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…pNOCAwTDAgOFonIHN0cm9rZS13aWR0aD0nMC41JyBzdHJva2U9JyNhYWEnLz4KPC9zdmc+Cg==);
background-repeat: repeat;
*/
  }

  .qty-span{
    font-weight: bold;
    font-size: 2em;
  }
  .job-ok0 {
    background-color: #f99;
  }
  .job-ok1 {
    background-color: #7ffff3;
  }
  .job-ok2 {
    background-color: #3fffc8;
  }
  .job-ok3 {
    background-color: #abf26d;
  }
  .job-ok4 {
    background-color: #ccf;
  }
  .job-ok5 {
    background-color: #00ee49;
  }
  .job-ok6 {
    background-color: #00CD1C;
  }
  .job-ok7 {
    background-color: #008B00;
  }

  .job-ok:hover {
    cursor: pointer;
  }
  .ui-dialog-titlebar-close {
    display: none;
  }
  #LocationPicker {
    -webkit-appearance: menulist-button;
    font-size: x-large;
    font-weight: bold;
  }

  #Location {
    display: inline;
    width: 30%;
    font-size:2em;
  }

  /**************** modal loading spinner ***********/
  #fade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
  }

  #modal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    padding: 30px;
    border: 3px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:20px;
    background-color: white;
    z-index: 1002;
    text-align:center;
    overflow: auto;
  }

  @media screen and (max-width: 767px) {
    #modal {
      left: 35%;
    }
    #fade {
      height: 700px;
    }

  }

  /****************************/

  input.myinput {
    width: 100%;
    text-align: center;
    background-color: #eee;
  }

  div.wgbox {
    padding-top: 20px;
    height: 60px;

  }

  /****************************/

  .prog {
    padding-left: 0px;
    padding-right: 0px;
    height: 22px;
    background-image: url("img/horizline20.png");
    background-repeat: repeat-x;
  }
  .full-circle {
    background-color: #fff;
    border: 3px solid #333;
    height: 20px;
    width: 20px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    margin: auto;
  }

  #ProgressLabels, #Progress {
    padding-left: 0px;
    padding-right: 0px;
  }
  .prog-label {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
  }

  /***********************************/

  .btn-techs {
    width: 100%;
    margin-bottom: 20px;
  }
  #customContinue {
    margin-top: 30px;
    margin-left: 50%;
  }
  #confirmContinue {
    margin-top: 30px;
    margin-left: 35%;
  }
  #infoContinue {
    margin-top: 30px;
    margin-left: 50%;
  }
  #couponContinue {
    margin-top: 20px;
    margin-left: 50%;
  }
  .plus-minus {
    padding: 0px;
  }
  .heading {
    border-bottom: 2px dashed green;
    border-top: 2px dashed green;
  }
  #checkboxRoomHall {
    margin-left: 18px;
  }
  .error {
    border: 2px solid red;
  }
  #delSlot1 img, #delSlot2 img {
    height: 20px;
    width: 20px;
  }

/* </style> */