/* hide fields */

#K2ExtraField_7_chzn
{
	display:none;
}
.spacer
{
	clear:both;
}

.k2UserBlockDetails
{
	position:fixed;
	top:70px;
	left:30px;
}

.surveys-questions
{
	margin-left:40px;	
}

/*calendar sorting results table - BELWO MAIN CALENDAR*/

#calTable.dataTable thead th td, #calTable.dataTable thead th
{
	border-bottom:none;
	padding:0px;	
}
table#calTable.dataTable 
{
	border-bottom:none;
}

.calendarDayName
{
	font-weight:bold;
}
.calendarCurrentMonth
{
	font-weight:bold;
	font-size:18px;
}

/* actual day calendar */
table.calendar tr td
{
	padding:5px;
	border:none;
}
table.calendar tr td a 
{
	text-decoration:none;
}
table.calendar
{
	width:100%;
}

table.calendar tr td.calendarDateEmpty, table.calendar tr td.calendarDateLinked a
{
	background:none;
}
table.calendar tr td.calendarToday
{
	background-color: #add8e6;
}


div.k2CalendarBlock
{
	height:auto;
}

.workOrderDate
{
	display:inline;
	height:20px;
	text-align:center;
	margin:auto;
	margin-top:20px;
	padding:5px;
}


/* WORK ORDER FIELDS */
.workOrder
{
	overflow:visible;
	padding-bottom:10px;
	border-bottom:1px solid black;
	
}
.wo-textarea
{
	background:#d3d3d3;
	height:auto;
	float:left;
	width:60%;
	margin-left:20px;
	margin-bottom:5px;
	margin-top:5px;
	padding:10px;
	
	/* shadow */
	-webkit-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
	
	/* border */
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.wo-google-link
{
	float:right;
	text-align:right;
	clear:right;
}

.wo-title
{
	float:left;
	margin-top:2px;
}

.wo-textblock
{
	float:left;
	clear:left;
}
.wo-status, .wo-priority-Low, .wo-priority-Medium, .wo-priority-High
{
	margin-left:5px;
	float:left;
	clear:left;
	font-weight:bold;
}

.wo-due-date, .wo-created-date, .wo-phone
{
	margin-left:5px;
	float:left;
	clear:left;
	font-weight:bold;
	width:70px;
	
	
}
.wo-text
{
	float:left;
}

.wo-priority-Low, .wo-priority-Medium, .wo-priority-High
{
	border-radius:4px;
	color:white;
	padding:5px 10px;
	margin-top:5px;
}




.wo-low, .wo-med, .wo-high, .status-Open, .status-Estimate, .status-To, 
.status-Parts, .status-Done, .status-Other, .status-Order, .status-492, .status-RGM
{
	border-radius:25px;
	text-align:center;
	margin:auto;
	margin-top:2px;
	padding:5px 8px;
	font-weight:bold;
	color:black;
	
	
}

.wo-low, .wo-priority-Low
{
	background-color:#bfb;
    border: 2px solid #4c4;
    color:black;
    font-weight:bold;
}
.wo-med, .wo-priority-Medium
{
	background-color:#f5ab57;
	border:2px solid #ff8c00;
	font-weight:bold;
	color:white;
}
.wo-high, .wo-priority-High, .delete-wo, .dateClear, .overdue
{
	background-color:red !important;
	border:4px solid #8b0000 !important;
	color:white !important;
	font-weight:bold;	
}

.delete-wo 
{
	padding:5px;
	margin:2px;
	position:absolute;
	right:0px;
}
.dateClear
{
	padding:5px;
	margin:2px;
}

.status-Open, .status-Estimate, .status-To, 
.status-Parts, .status-Done, .status-Other, .status-Order, .status-492, .status-RGM
{
	background-color:#bfb;
    border: 2px solid #4c4;
    color:black;
    font-weight:bold;
}


.itemAdditionalField .itemAdditionalValue
{
	background:black;

}
.itemAdditionalField .itemAdditionalValue label 
{
	font-weight:bold;
	color:white;
	text-transform:uppercase;
	text-decoration:underline;
}



table.calendar tr td.calendarTodayLinked 
{
	background: #add8e6;
}

/*mobile footer menu */
#footerMenu
{

	position:fixed;
	bottom:0px;
	width:100%;
	margin-bottom:0px;
	background-color:black;
	display:none;
	z-index:5000;
	
}
#footerMenu li
{
	float:left;
	width:20%;
	background-color:black;
	text-align:center;
}
#footerMenu li a 
{
	padding-top:15px;
	padding-bottom:5px;
	color:#FFFFFF;
}
#footerMenu li a span
{
	display:block;
}
#footerMenu li a:hover
{
	background-color:black;
	font-weight:bold;
	color:white;
}


/*mobile footer on editform pages*/
#editFooter
{
	position:fixed;
	bottom:0px; 
	background:black; 
	z-index:5000; 
	height:40px;
	width:100%;
	margin:auto;
	text-align:center;
}


#footerButtonCancel
{
	padding:20px;
	background-image:url("/images/ico/red-x-circle.png");
	background-size:contain;
	background-repeat:no-repeat;
	margin:auto;
	padding-top:10px;
}

#footerButtonSave
{
	position:absolute;
	right:50px;
	bottom:10px;
	padding:20px;
	z-index:5001;
	background-image:url("/images/ico/checkmark.png");
	background-size:contain;
	background-repeat:no-repeat;

}

#footerButtonSaveBack
{
	position:absolute;
	left:50px;
	bottom:10px;
	padding:20px;
	z-index:5001;
	background-image:url("/images/ico/back-save.png");
	background-size:contain;
	background-repeat:no-repeat;

}


/*calendar*/
#calendarbar
{
	text-align:center;
	border-top:2px solid gray;
	border-bottom:2px solid gray;
	background:#d3d3d3;
	padding:5px;
	font-weight:bold;
}

.body
{
	margin-bottom:30px;
}

#footerEditBar
{
	position:fixed; 
	bottom:0px; 
	background:yellow; 
	z-index:5000;
}

div#gruemenu.grue_100
{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
}
#headerNav
{
	text-align:center;
	margin-top:60px;
}

#ajaxloader
{
	background-color:black;
	opacity:0.5;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	text-align:center;
	display:none;

}
#ajaxloader img
{
	width:50%;
	marg-top:50%;
}

.row-fluid .span3
{
	width:15%;
}

.activeNav /*gps counter */
{
	background: green;
	font-weight:bold;
	font-size:1.3em;
	padding: 10px;
	opacity:0.75;
	position: relative;
	width:20px;	
	bottom: 50px;
	border-radius:5px;
	margin:auto;
	margin-top:-40px;
	
}

.warning /*gps counter */
{
	background:yellow;
	
}



table.calendar tr td.calendarTodayLinked a:hover, 
table.calendar tr td.calendarDateLinked a:hover,  
table.calendar tr td.calendarDate a:hover
{
	background: #BFD9FF;
	text-decoration: none;
}

table.calendar tr td.calendarDate a, 
table.calendar tr td.calendarTodayLinked a
{
	height:55px;
	display:block;
	padding:2px;
	
}

.centerdiv
{
	background-color:black;
}

.itemAdditionalData .controls input[type="radio"] 
{
  opacity: 0;
  position: fixed;
  width: 0;
}

.itemAdditionalData .controls label 
{
    display: inline-block;
    background-color: #ddd;
    padding: 10px 10px !important;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 2px solid #444;
    border-radius: 10px;
    text-align:center;
    width:120px;
    vertical-align:middle;
    margin:10px 10px;   
}

.itemAdditionalData .controls label.isChecked
{
    background-color:#bfb;
    border-color: #4c4;
}

.itemAdditionalData .controls
{
	margin:auto;
	text-align:center;
}

.k2TabsContent
{
	border:none !important;
}

#k2FormTopNav #title 
{
	width:90%;
	display:block;
	margin: 15px auto 0px auto;	
}
#k2FormTopNav .duedateDiv
{
	display:block;
	margin:5px auto;	
}
.dueDateDiv
{
	text-align:center;
}

#sidebar li
{
	background-color:black; 
	color:white;
	font-weight:bold;
	margin:5px 0px;	
	text-align:center;	
} 
#sidebar li a 
{
	color:white;	
	padding:10px 30px;
	border:2px solid black;
}
#sidebar li a:hover
{
	background-color:grey;	
}
.sidebar-nav
{
	position:fixed;
}
.listblock
{
	clear:both;
}
.listblock, .binblock, .qtyblock
{
	float:left;
	margin:5px 10%;
}
.ptpartnum
{
	float:left;
}

.listblock .heading, .binblock .heading, .qtyblock .heading
{
	font-weight:bold;
	display:block;
}

.pttitle
{
	float:left;	
	margin-top:10px;
	margin-left:20px;
}

.quickChange
{
	width:50px;
}

.itemNewAttachment i, .itemNewAttachment span,
.itemNewAttachment .k2AttachmentBrowseServer,
.itemNewAttachment .text_area.existing_file
{
	display:none !important;	
}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin:10px 5px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-text
{
	position:absolute;
	bottom:-15px;
	left:0px;
	right:0px;
	text-align:center;
	font-weight:bold;
	font-size:0.8em;
	text-decoration:underline;
}




.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: black;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 

/* SERVICE REQUEST SUBMISSION FORM STYLING */

#serviceRequest label 
{
width:35%;	
display:inline-block;
text-align:right;
margin-right:10px;
font-weight:bold;
}

#serviceRequest h2
{
	text-align:center;
}

#serviceRequest #submitButon
{
	width:200px;
	height:25px;
	margin:auto;
}

#serviceRequest .submitCenter
{
	text-align:center;
}

#serviceRequest textarea
{
	width:55%;
	height:200px;
}

div.qkadd
{
	display:inline;
}   

.notification {
  background-color: black;
  color: white;
  text-decoration: none;
  padding:10px 20px;
  position: fixed;
  top:80px;
  left:120px;
  display: inline-block;
  border-radius: 50%;
  border:2px solid white;
}

.notification:hover {
  text-decoration:none;
  color:white;
  background-color:grey;
}

.notification .badge
 {
  position: absolute;
  top: -5px;
  right: -20px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: red;
  color: black;
}

.footer-wo-counter
{
  position: absolute;
  top: 100px;
  left: 50px;
  padding: 2px 5px;
  border-radius: 50%;
  border:2px solid white;
  color: white;
  background:black;
  font-weight:bold;
}

.footer-my-wo-counter
{
  background-color:red;
  padding:3px 5px;
  position: absolute;
  top:10px;
  left:50px;
  border-radius: 50%;
  border:2px solid white;
  color: white;
  font-weight:bold;
	
}


#myTable_wrapper
{
	margin-top:10px;
}

.sticky
{
	position: fixed;
  	top:50px;
  	width: 100%;
  	background-color:white;
  	z-index:1000;
  	padding-bottom:10px;
  	border-bottom:2px solid black;
}
.sticky2
{
	position: fixed;
  	top:60px;
  	right:10px;
  	background-color:white;
  	z-index:1000;
}
.sticky2 input
{
	width:200px;
}


.sticky + #k2Container {
  padding-top: 300px;
}

.wo-title
{
	margin-right:5px;
}

@media only screen and (max-width: 720px)
{
	.k2UserBlockDetails
	{
		display:block;
		right:60px;
		top:5px;
		z-index:99999;
		left:unset;
	}
	
	
	#myTable_filter
	{
		position:fixed;
		top:0px;
		left:-45px;
		z-index:99999;
		color:white;
	}
	#myTable_filter input
	{
		width:60px;
	}
  
  #footerMenu 
  {
    visibility: visible;
    display:block;
    height:80px;
  }
  
  #headerNav
  {
  	position:fixed;
  	top:0px;
   	width:100%;
  	height:60px;
  	margin-top:0px;
  	border:2px solid black;
  	z-index:999;
  	background-color:black;
  }
  #headerNav img
  {
  	height:60px;
  }

  .header
  {
  	margin-bottom:60px;
  }
  
  table.calendar tr td
  {
		padding:10px;
  }
  
  .wo-textarea
	{
		width:80%;
		height:auto;
		margin-left:0px;
		overflow:visible;
	}
	
   #sidebar, div.k2UserBlock div.k2UserBlockDetails span.ubName
   {
   	display:none;
   }
   
   #qaEquipment
	{
	position:relative;
	top:-45px;
	left:110px;
	
	} 
	
	.notification
	{
		position:fixed;
		top:5px;
		left:90px;
		z-index:1000;
		background-color: none;
		border:none;
		padding:5px;
	}
	
	#tableCounter
	{
		color:white;
		font-weight:bold;
		font-size:0.8em;
		position:absolute;
		left:10px;
		top:35px;
	}
	#sliderHeader
	{
		text-align:center;
	}
}