/* 
    Document   : schedule
    Created on : Apr 23, 2017, 3:47:52 PM
    Author     : Glen
    Description:
        stylesheet for scheduler display page
*/


.blinking{
    animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}


body {          background-color:#E0E0E0;
                font-family: Arial, Helvetica, sans-serif;
}

hr {            margin-top:2px;
                margin-bottom:-2px;}

.absolhide {    position:absolute;
                visibility:hidden;
                overflow:hidden;}

.absolutediv {  position:absolute;}

.addressdiv {   width:245px;
                height:20px;
                overflow:hidden;}

.allbut {       width:80px;
                padding-left:5px;
                padding-right:5px;
		text-align:center;
		vertical-align:middle;
		line-height:20px;
                color:white;}

.banner1 {      font-size:175%;
                color:#444;}

.banner2 {      font-size:150%;
                color:#444;}

.buttondiv {    position:relative;
		top:0px;}

.ccode {        float:left;
                padding-left:30px;
                padding-right:5px;}

.center {       text-align:center;
		vertical-align:middle;}

.clear {        clear:both}

.clickable {    cursor:pointer;}

.closebut {     float:left;
                width:120px;
		height:20px;
		background-color:#FFFFFF;
		border:1px solid #000000;
		text-align:center;
		vertical-align:middle;
		line-height:20px;
		margin-top:1px;}

.colorbar {     float:left;
		position:relative;
		top:-15px;
		left:615px;
		width:200px;
		height:20px;
		text-align:center;
		vertical-align:middle;
		line-height:20px;
		border:1px solid black;}

.colorbox {     float:left;
		width:20px;
		height:20px;
		border:1px solid black;}

.colorbox2 {    float:left;
		width:20px;
		height:20px;
		border:1px solid #B7B49D;}

.colorcode {    float:left;
		padding-left:30px;
		padding-right:5px;
		padding-bottom:5px;}

.colorcode2 {   float:left;
		padding-left:10px;
		padding-right:5px;
		padding-bottom:5px;}

.controlbar {   position:relative;
                left:835px;
                width:250px;}

.crewbar {      position:relative;
		width:250px;
		height:40px;
		overflow:auto;
		background-color:#EEEEEE;
		border:1px solid gray;
		padding:10px;}

.datecell, .deadcell  {     float:left;
		width:100px;
		height:100px;
		border:1px solid gray;
		font-size:60%;
		font-weight:bold;
                overflow-x:hidden;
                overflow-y:auto;}

.datesused {    margin-top:1px;
                margin-bottom:1px;
		opacity:0.8;
                overflow-y:hidden;
                line-height:1;
                position:relative;
                width:18px;
}

.daybar {       float:left;
		width:100px;
		height:80px;
		border:1px solid gray;
                text-align:center;
		vertical-align:middle;
		line-height:30px;
		background-color:#eeeeee;}

.editbut {      position:relative;
		left:-20px;
		top:-25px;
		width:120px;
		height:20px;
		background-color:#000000;
		border:1px solid Red;
		text-align:center;
		vertical-align:middle;
		line-height:20px;
                float:right;
		margin-top:37px;}

.fixedhide {    position:fixed;
                visibility:hidden;
                overflow:hidden;}

.floatcheck {   float:left;
                padding-left:6px;
                padding-right:-2px;
                font-size:90%;
}

.floatdiv {     float:left;
                padding-left:8px;
                padding-right:8px;}

.gridcontainerbig, .gridcontainersmall {
                
		overflow:auto;}

.gridcontainersmall {
                height:82px;}

.gridrow {      float:left;
		width:1768px;
		}

.gridscroll {   float:left;
		width:1770px;
		overflow:auto;}

.jobbutton {    float:left;
		width:100px;
		height:19px;
		background-color:#000000;
		border:1px solid white;
		text-align:center;
		vertical-align:middle;
		line-height:18px;
		color:white;}

.jobgrid {      width:885px;
		height:90px;
		border:2px solid black;}

.jobnotes {     position:fixed;
		visibility:hidden;
		z-index:100;
		height:300px;
		width:600px;
		top:155px;
		left:100px;
		border:1px solid black;
		background-color:white;
		padding-left:20px;}

.jobtypes {     position:fixed; 
		visibility:hidden;
		z-index:100;
		height:150px;
		width:575px;
		top:155px;
		left:720px;
		border:1px solid black;
		background-color:white;
		padding-left:20px;}
 
.jobparts {     float:left; 
		width:327px;
		height:19px;
		padding-left:6px;
		overflow:hidden;}

.jobpartshalf { float:left;
		width:160px;
		height:19px;
		padding-left:6px;
		overflow:hidden;}

.jobpartsquarter {
                float:left;
		width:100px;
		height:19px;
		padding-left:6px;
		overflow:hidden;}

.jobpartsmini { float:left;
		width:50px;
		height:19px;
		padding-left:6px;
		overflow:hidden;}


.jobparts2 {    float:left; 
		width:660px;
		height:19px;
		padding-left:6px;
                overflow:hidden;}

.scrolldiv {    float:left;
		width:13200px;
		height:25px;
		background-color:#000080;}

.sidebar {      position:absolute;
                top:180px;
                left:1550px;
                height:600px;
                width:100px;
                background-color:#CCCCCC;}

.spacer {       height:25px;
		background-color:#000080;}

.spinner {      position:fixed;
		top:0px;
		left:1483px;
		z-index:200;
		visibility:hidden;}

.wheels {       height:140px;
                width:140px;}

.techgrid {     width:100px;
		height:100px;
		padding-left:5px;
		border:1px solid gray;}

.techgridheader {
                text-align:center;
		vertical-align:middle;
		line-height:30px;
		background-color:#eeeeee;
                width:105px;
		height:80px;
		border:1px solid gray;
}

.technames {    float:left;
		background-color:#DDDDDD;
}

.timebar {      position:relative;
		top:-43px;
		left:12px;
		width:3px;
		height:40px;
		background-color:black;}

.topscroll {    height:25px;
		overflow-x:scroll;
		overflow-y:hidden;
		float:left;
		width:1593px;}

.toptext {      float:left;
		margin-left:218px;
                width:200px;
		height:35px;
                margin-top:0px;
		font-size:150%;}

.typeportal {   position:fixed;
                visibility:hidden;
                z-index:100;
                height:200px;
                width:500px;
                top:155px;
                left:100px;
                border:1px solid black;
                background-color:white;
                padding-left:20px;}

.warning {      color:red;
		font-weight:700;}

.wobanner {     float:left;}

.wocolor {      float:left;height:25px;margin-top:5px;}

.wodetails {    position:fixed;
                visibility:hidden;
                z-index:100;
                height:195px;
                width:1649px;
                top:0px;
                left:0px;
                border:1px solid black;
                background-color:white;
                padding-left:5px;}

.wodiv {        float:left;
                width:250px;
                padding-left:5px;
                border:1px solid black;
                background-color:white;}

.wonotes {      position:fixed;
                visibility:hidden;
                z-index:200;
                height:300px;
                width:600px;
                top:155px;
                left:100px;
                border:1px solid black;
                background-color:white;
                padding-left:20px;}

.wonumber {     display:inline-block;
                width:50px;
                height:20px;
                text-align:center;
                vertical-align:middle;
                line-height:20px;
                border:1px solid black;}

.workorders {   position:fixed;
                visibility:hidden;
                z-index:100;
                height:200px;
                width:1540px;
                top:455px;
                left:100px;
                border:1px solid black;
                background-color:white;
                padding-left:20px;}

.wobutton {     float:left;
		width:100px;
		height:19px;
		background-color:#000000;
		border:1px solid white;
		text-align:center;
		vertical-align:middle;
		line-height:18px;
		color:white;}

.woscope {      position:fixed;
                visibility:hidden;
                z-index:200;
                height:225px;
                width:980px;
                top:290px;
                left:700px;
                border:1px solid black;
                background-color:white;
                padding-left:20px;}

/* The checkbox container */
.checkcontainer {
  position: relative;
  padding-left: 13px;
  cursor: pointer;
  font-size: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: gray;
  /*background-color: #eee;*/
  /*border:1px solid black;*/
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
  background-color: #888;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
background-color: #E0E0E0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
  left: 4px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid gray;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* The radio container */
.radiocontainer {
  position: relative;
  height:15px;
  padding-left: 13px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radiocontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkdot {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #888;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkdot {
  background-color: #888;
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkdot {
  background-color: gray;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkdot:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .checkdot:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .checkdot:after {
 	top: 4px;
	left: 4px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: white;
}