/* --------------------start custom ----------------------*/
/*label {width:200px;}*/
.actualtimestable {border: 1px solid #D6E9C6 !important; margin-bottom: 10px;margin-top:5px; padding:5px;}
.wholetable {padding:5px 5px 5px 5px;border: 1px solid #D6E9C6 !important;}
#addjobtable tr td {padding:5px 0px 5px 0px;}
#addjob label {width:250px;}
#addjob input[type="text"] {width:250px;}
#addjob select {width:250px;}
#addjob textarea {width:250px;}
#addjobtable .labelcol{max-width:300px;vertical-align:middle;}/*responsive*/
#siggroup input[type="text"] {width:250px;}
#siggroup textarea {width:250px;}
#smallerviewjobinfo input {xcolor:red;width:30px;padding:5px;}
#smallerviewjobinfo select {xcolor:red;width:70px;padding:5px;}
#smallishviewjobinfo input {xcolor:red;width:50px;padding:5px;}
#smallishviewjobinfo select {xcolor:red;width:70px;padding:5px;}
.viewjoblabel{min-width:200px;max-width:250px;float:left;vertical-align:top;}
.viewjobinfo{width:100%;vertical-align:top;}
.completejoblabel{min-width:200px;max-width:250px;float:left;vertical-align:top;}
.completejobinfo{xwidth:100%;vertical-align:top;}
#errormessages{color:red;font-weight:800;}
#setactualtimeform{border: 1px solid #D6E9C6 !important; margin-bottom: 10px; padding:5px;}
.groupbox{border: 1px solid #D6E9C6 !important;margin-bottom: 10px; padding:5px;display:block; }
a{color:#AFD7F5;}
a :hover {color:#597298;}

/* -------------------- error messages ----------------------*/
h3.muted {
	  color: #08C;
  }
  section {
	  margin-bottom: 45px;
  }
  form {
	  margin: 0;
  }
  input.parsley-success, textarea.parsley-success {
	color: #468847 !important;
	background-color: #DFF0D8 !important;
	border: 1px solid #D6E9C6 !important;
  }
  input.parsley-error, textarea.parsley-error {
	color: #B94A48 !important;
	background-color: #F2DEDE !important;
	border: 1px solid #EED3D7 !important;
  }
  input {
	  width: 150px;
	  margin: 0 2px !important;
  }

.comment_box {
	max-width: 300px;
	height: 50px;
	margin: 0 2px 2px 2px;
}

  input[type="checkbox"]{
	  width: unset;
  }
  ul.parsley-error-list {
	  font-size: 12px;
	  margin: 2px;
	  list-style-type:none;
	  color:red;
  }
  ul.parsley-error-list li {
	  line-height: 12px;
  }
   h3 {
	  color: #FB4006;
  }


/* --------------------table sorting ----------------------*/
tfoot select {max-width:100px;}
tfoot input {max-width:60px;}
thead tr th {text-align: left;}
tfoot tr th {text-align: left;}

/* --------------------timepicker ----------------------*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
.ui-datepicker .ui-icon {
	left: 50% !important; 
	top: 50% !important; 
}



/* -- connect -- */


#header img {
	margin: 2em 0 0 0;
}
	#header img {
		margin: -144px 0 0 0;
	}
	.blog-name a {
		display: block;
		text-indent: -9000px;
		xwidth: 700px;
		height: 144px;
	}
	.description {
		position: absolute;
		left: -9999px;
	}

/*main hacked*/


@media (max-width: 800px) {
	#bit, #bit a.bsub {
		display:none;
	}
}

@media ( device-width: 768px ) {
	#bit, #bit a.bsub {
		display: block;
	}

}
/*** Reset Styles ************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, acronym, abbr, blockquote, pre, a, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;	outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1.5;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration: line-through;}
table {border-collapse:collapse; border-spacing:0;}
a img {border:none;}


/*** General *****************************************************************/

body {background-color:#fff; color:#516064; margin:0; padding:0; text-align:center; font-size:85%; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

p {font-size:1.167em; line-height:1.5em; margin:0 0 1.5em;}
small {font-size:0.75em;}

a:link, a:visited {color:#ff8a00; text-decoration:none;}
a:hover {color:#feb925;}

.center-column img {margin:0 0 1.5em;}
.center-column img.aligncenter {margin:0 auto 1.5em auto;}
.center-column img.alignleft {margin-right:1.5em;}
.center-column img.alignright {margin-left:1.5em;}

.full-column {border-bottom:1px solid #d1d9dc;}
.xcenter-column {width:58.334em; margin:0px auto; text-align:left; clear:both;}
.center-column {width:95%; margin:0px auto; text-align:left; clear:both;}


/*** Header - sctodo make this a dropdown if media says so ******************************************************************/

.menu-main {display: block; float: left; font-size: 11px; font-weight: bold; width: 58.334em;}
.menu-main ul {list-style: none; margin: 0; padding: 0;}
.menu-main li {float: left; position: relative;}
.menu-main a {border-top: 3px solid #fff; color: #6a797d; display: block; line-height: 10px; margin-right:1.819em; padding: 20px 0 10px; text-decoration: none; width: 9.08em;}
.menu-main a:hover {border-color: #ff8a00;}
.menu-main .current_page_item a {border-color: #6a797d;}
.menu-main ul ul {display: none; float: left; position: absolute; top: 43px; left: 0; z-index: 99999;}
.menu-main ul ul li {min-width: 180px;}
.menu-main ul ul ul {left: 180px; top:0;}
.menu-main ul ul a {background: #6a797d; border-color: #6a797d; color: #fff; font-weight: normal; height: auto; margin: 0; padding: 8px 10px 12px 10px; width: 160px;}
.menu-main li:hover > a {border-color: #ff8a00;}
.menu-main ul ul li:hover > a {border-color: #6a797d;}
.menu-main ul ul a:hover {background: #5A676A; border-color: #5A676A;}
.menu-main ul li:hover > ul {display:block;}

.description {margin-top:0.5em; font-size:1.5em; color:#6a797d;}

#header {padding:2em 0;}


/*** Posts and Pages *********************************************************/

.center-column .hentry, .center-column .page {border-top:1px solid #d1d9dc; padding-top:1.5em;}


h1 {color:#959ea1; font-size:2.5em; font-weight:bold; line-height:1em; padding-bottom:0.6em;}
h1 a:link, h1 a:visited {color:#959ea1; text-decoration:none;}
h1 a:hover {color:#ff8a00;}


/*** Sidebar + Widgets *******************************************************/


#footer-widgets {width:100%; border-top:1px solid #d1d9dc; margin:0 0 1em 0; overflow: hidden; padding:1em 0 0 0;}







body {background-color: #494949; color:#fff;}

a:link, a:visited {color:#AFD7F5;}
a:hover,
.archive-byline a:hover {color:#597298;}


.menu-main ul li a:link, .menu-main ul li a:visited {color:#fff; border-color: #494949;}
.menu-main ul li a:hover {border-color: #AFD7F5;}
.menu-main ul li a span {color:#999;}
.menu-main ul li.current_page_item a {border-color: #F1EFEB;}
.menu-main ul ul li a {background: #AFD7F5; border-color: #AFD7F5 !important; color: #494949 !important;}
.menu-main ul li:hover > a {border-color: #AFD7F5;}
.menu-main ul ul li:hover > a {border-color: #ccc;}
.menu-main ul ul a:hover {background: #C3E1F8; border-color: #C3E1F8 !important;}

h1 {color:#fff;}
h1 a:link, h1 a:visited {color:#fff;}
h1 a:hover {color:#AFD7F5;}


	/* Responsive Menu */
@media screen and (max-width: 768px) {
#addjobtable .labelcol{max-width:150px;}/*responsive*/
}

/* Loader */
.loader {
	position: absolute;
	pointer-events: none;
	opacity: 0;
	width: 150px;
	top: 0;
	left: 0;
	background-color: rgba(126, 126, 126, 0.3);
	font-style: italic;
	font-size: 13px;
	text-align: center;
}


/* RESOURCE SELECT SECTION */

.resource-container {
	background-color: whitesmoke;
	margin-bottom: 30px;
    border: 1px solid rgb(94, 94, 94);
	color: black;
}
.resource_select-container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.resource_uploader {
	box-sizing: border-box;
    height: 70px;
    border: 1px solid rgb(94, 94, 94);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	flex: 1 1 260px;
	padding: 5px;
	background-color: rgb(40, 215, 238);
}

.left-box {
	float: left;
}

.right-box {
	float: right;
}

.upload_overlay {
	pointer-events: none;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(54, 54, 54);
    top: 0;
    left: 0;
    opacity: .3;
}

.upload_labelinput-span {
	display: flex;
	flex-wrap: nowrap;
	flex: 1 1 300px;
}

.upload_labelinput-span label {
	margin-right: 3px;
}

.upload_labelinput-span input {
    flex: 1 1 300px;
}

.resource_uploader, .right-box input {
	flex-grow: 1;
}

.file_upload-submit {
	border: 1px solid grey;
	background-color:  rgb(199, 199, 199);
    text-align: center;
}

.file_upload-submit:active {
	background: #e5e5e5;
	-webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
		-moz-box-shadow: inset 0px 0px 5px #c1c1c1;
			box-shadow: inset 0px 0px 5px #c1c1c1;
		outline: none;
}

.upload_resource-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border: 1px solid rgb(94, 94, 94);
	padding: 5px;
	color: black;
}

.upload_resource-container span:not(:last-child) {
	margin-right: 25px;
}

.delete_btn {
	background-color: rgb(255, 50, 50); /* Green */
	border: none;
	color: white;
	padding: 3px 10px;
	border-radius: 5px;
	border: 2px solid rgb(226, 226, 226);
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
}

.delete_btn:hover {
	background-color: #fd8b83;
	color: white;
}

span[class^='select2'], div[class*=' select2']{
    color: #4e4e4e;
}

/* address autocomplete address text color */
.nc_item  {
	color: rgb(65, 65, 65);
}

#wholetable input[type="text"]#address, #wholetable .select2-selection--multiple {
	width: 250px;
}

/* Stop pinch/scroll on the signature canvas */
#doodle_canvas,
.canvas_wrapperspan {
	background-color: #fff;
    touch-action: none;
    -ms-touch-action: none;  /* harmless on non-MS browsers */
}