html, body {margin: 0px;width: 100%;display: block;font: 400 12px/18px 'Roboto', sans-serif;color: #333;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0; font-size: 100%;vertical-align: baseline;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html {/* font: 400 14px/20px 'Roboto', sans-serif; */-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;background: #333;display: block;width: 100%;position: relative;}
body.report{ background:#FFF;}

/* ==================== Basic declarations ====================
   ================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
p {margin: 0.5em 0;line-height: 1.74em;}
a {text-decoration: none;color: #b14402;}
a.button { font-size: 0.9em; }
a:hover, a:focus {text-decoration: none;color: #142537;}

a img { border: 0px }
img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
h1, h2, h3, h4, h5, h6 {color: #142537;text-align: left;font-family: 'Lato', sans-serif; font-weight:700;text-rendering: optimizeLegibility !important;font-size: 4.6em;line-height: 1.1em;margin-bottom: 7px;}
h1 {font-size: 2.4em;padding-bottom: 4px;}
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em ;}
h4 { font-size: 1.2em ;}
h5 { font-size: 1.1em ;}
h6 { font-size: 1em ;}


ul, ol { margin-left: 3em; list-style: square; }
ol { list-style: decimal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup {top: -.5em;color: red;}
sub { bottom: -.25em; }
table { border-collapse: collapse; }
table td, table th { vertical-align: top; }

/* ==================== input elements====================
   ================================================== */
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0 3px;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input, select, textarea {color: #000;border: 1px solid #DDD;padding: 5px 8px;font-style: normal;font-weight: 400;text-align: left;outline: none;}
textarea {overflow: auto;height: 80px;min-width: 80%;max-width: 90%;max-height: 150px;width: 70%;}
input[type=button], input[type=reset], input[type=submit], .button {background: #b74602;color: #FFF;-webkit-appearance: button;cursor: pointer;font-size: 1em;text-decoration: none;padding: 5px 18px;display: inline-block;outline: none;border: 0;text-align: center;}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: #272727;color: #FFF;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active { background: #444; }
input[type=button][disabled="true"],input[type=button][disabled] {background: #999;pointer-events: none;}
/* ====================utility/ helper classes ====================
   ================================================== */
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.header:after, .container:after, .row:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after { content: ""; display: table; clear: both; }
.pad { padding-left: 15px; padding-right: 15px; }
.pad-left { padding-left: 15px;}
.pad-right{ padding-right: 15px;}
.divider { margin-top: 20px; position: relative; }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
.divider-line { margin: 40px 0;}
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; }
.hide { display: none;}
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-center, .text-center *{ text-align:center !important;}

/* ==================== layout====================
   ================================================== */
#layout {position: relative;top: 0;left: 0;width: 100%;min-width: 100%;background: #b74602;}
#wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;}
.page-content-block{background: #fff;width: 90%;max-width: 960px;margin: 0 auto;padding: 5px 15px;padding-bottom: 15px;-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.4);box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.4);}

.container {width: 96%;position: relative;margin: 0;margin-right: auto;margin-left: auto;height: auto;}
.content-block {}
.subpage-block{margin-top: 90px;padding-top: 5px;}
.title-block { border-bottom: 1px solid #C4301F;margin-bottom: 10px;}
.title-block .title{     vertical-align: middle;position: relative;padding-left: 5px;margin-bottom: 0;color: #C4301F;}
.title-block .title:after { content:''; position: absolute;float: right;right: -39px;  margin: auto;  width: 0;height: 0;top: -39px;}
.breadcrumb{margin-bottom: 10px;color: #7F4418;}
.breadcrumb a {font-size:.84em;color: #b74602;}

.breadcrumbNav ul{margin:0;padding:0;list-style:none;position: relative;z-index: 2;}
.breadcrumbNav ul li{display:inline-block;margin: 5px 0;position:relative;}
.breadcrumbNav ul li.hasSub>a, .breadcrumbNav ul li.hasSub>span{/* padding-right:10px; */}
.breadcrumbNav ul li.hasSub>a:after, .breadcrumbNav ul li.hasSub>span:after{content: "\f0d7";font-family: 'taoGlyphs' !important;display: inline-block;vertical-align: middle;margin-left: 4px;}

.breadcrumbNav ul li:hover a, .breadcrumbNav ul li:hover span{ background:#b14402; color:#fff; } 
.breadcrumbNav ul li a, .breadcrumbNav ul li span{display:block;padding: 3px 5px; color:#b14402; cursor:pointer;} 
.breadcrumbNav ul li ul{display:none;position:absolute;background: #b14402;width: 180px;}
.breadcrumbNav ul li ul li{display:block;padding: 0;margin: 0;border-bottom: 1px solid #d06c2f;}
.breadcrumbNav ul li ul li a{color:#FFF;padding: 8px;}
.breadcrumbNav ul li ul li a:hover{color:#333;background: transparent;}
.breadcrumbNav ul li ul li:hover{background: #be5a1d;}
.breadcrumbNav ul li:hover ul{ display:block;}

body.report #layout{background:#FFF;padding-top: 90px;}
body.report footer{ position:fixed; bottom:0; width:100%;}
body.report header {position:fixed;}
body.report .report-block { padding:0 10px;}
.downloadreport table th {padding:2px; font-size:.84em; border:1px solid #f9dece; background:#ffe4d4; }
.downloadreport table td {padding:3px; font-size:.84em;border:1px solid #f9dece;}
.downloadreport table td.cCode span.Shop, 
.downloadreport table td.cCode span.Mechanic,
.downloadreport table td.cCode span.Office{ display:none;}

.changeparameters { margin-bottom:15px;}
.changeparameters .error{ border-color:red;}
.changeparameters span.column {display:inline-block;vertical-align: bottom;}
.changeparameters span.column.hide{ display:none;}
.changeparameters .fieldsRow {display:flex;flex-wrap:wrap;flex-direction: row;align-items: flex-end;position: relative;padding: 10px;background: #fbfbfb;border: 1px solid #ddd;}
.changeparameters .fieldsRow span.column {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;margin-bottom: 15px;}
.changeparameters .fieldsRow span.column.jobNumber {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.changeparameters .fieldsRow span.column#Employees,.changeparameters .fieldsRow span.column#costCodes {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.changeparameters .fieldsRow span.column input{width:100%;}
.changeparameters .fieldsRow span.column input#param_216X, #param_232X, #param_246X {width:calc(100% - 25px);}
.changeparameters .fieldsRow span.column input[type="submit"]{width:auto;}

#loading.hide{ display:none;}
#loading{position:absolute;width:100%;height:100%;background: rgb(232 232 232 / 65%);top:0;left:0;z-index:1;text-align: center;display: flex;align-content: center;justify-content: center;align-items: center;}
#loading  span.icon-spinner{
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  line-height: 30px;
  font-size: 30px;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  position: relative;
  z-index: 2;
  }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}




.changeparameters span.column span {display:block;position: relative;}
.changeparameters label{font-weight:bold;}
.changeparameters span.link a {border:0;-webkit-appearance: initial;padding: 4px 18px;font-size: 1.1em;margin: 0 5px;}
.changeparameters span.link a.inActive{background:#999;color:#ddd;pointer-events: none;cursor: not-allowed;}

#changeparameters_43, #changeparameters_46, #changeparameters_47, #changeparameters_48, #changeparameters_50, #changeparameters_52, 
#changeparameters_53, #changeparameters_54, #changeparameters_55, #changeparameters_56, #changeparameters_58, #changeparameters_59, 
#changeparameters_60, #changeparameters_61, #changeparameters_62, #changeparameters_64, #changeparameters_69, #changeparameters_70, 
#changeparameters_71, #changeparameters_72, #changeparameters_73, #changeparameters_74, #changeparameters_80, #changeparameters_81, 
#changeparameters_82, #changeparameters_88, #changeparameters_90, #changeparameters_92, #changeparameters_93, #changeparameters_94,
#changeparameters_96, #changeparameters_97, #changeparameters_98, #changeparameters_99, #changeparameters_103, #changeparameters_104,
#changeparameters_105,#changeparameters_107,#changeparameters_111, #changeparameters_112, #changeparameters_113, #changeparameters_117, 
#changeparameters_119, #changeparameters_123, #changeparameters_126, #changeparameters_128, #changeparameters_129, #changeparameters_131, 
#changeparameters_132, #changeparameters_134,#changeparameters_135, #changeparameters_138, #changeparameters_139, #changeparameters_140, 
#changeparameters_143, #changeparameters_145, #changeparameters_148
{ display:none;}


#changeparameters_49 table{ display:inline-block; vertical-align:middle;}

/* ====================grid====================
   ================================================== */
.row { /* margin-right: -15px; */ /* margin-left: -15px; */ }
.col-xxs-1,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xxs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xxs-3,.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xxs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xxs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xxs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xxs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xxs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xxs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xxs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xxs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xxs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; /* padding-right: 15px; */ /* padding-left: 15px; */ }

/* ====================header ====================
   ================================================== */
.header h1 { display: none; }
.header {position: relative;top: 0;width: 100%;z-index: 99;background: #333 url('/image/cache/header_bg.jpg') repeat-x;background-size: contain;padding-bottom: 10px;margin-bottom: 15px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);}
.header .container{ background:none;}
.subpage-header, .header.headBg {background: #651f13;}
.logo {position: relative;z-index: 1;left: 0;top: 0;margin: auto;display: block;text-align: left;vertical-align: middle;/* width: 22%; */}
.logo img {position: relative;display: inline-block;vertical-align: middle;max-width: 110px;}

/*slide out Search Form*/
.search-form-wrapper{width: 100% !important;height: auto;position: absolute;padding: 15px;background: #E6DCB2;border: 1px solid #D9CEA0;top: 100px; right: 0;margin: auto;clear: right;z-index: 27;display: none;}
.search-form-wrapper form{ padding: 3px;}
.search-form-wrapper input[type='text'] {max-width: 100%;width: 100%;padding: 7px 5px;margin-right: -35px;float: left;border: 0;border: 1px solid rgb(217, 206, 160);background: rgb(239, 231, 196);}
.search-form-wrapper input[type='submit'] {background: #7F4418;background-size: 50%;border: 0;padding: 0;color: #FFF;text-align: center;overflow: hidden;display: inline-block;vertical-align: top;width: 35px;height: 35px;border: 1px solid #D9CEA0;}
.search-form-wrapper input[type='submit']:before{ content:"\e911"; color:#FFF; font-family:'taoGlyphs !important';}
.search-form-wrapper {display:none;}

/* popup Login Form*/
.login-form-wrapper.active{ display:block;}
.login-form-wrapper{ position:absolute; z-index: 100; width: 300px;padding: 10px; bottom: 0;top: 38px; right: 0; height: 200px;background: #F1F1F1;color: #C7C7C7;border: 1px solid #DDDDDD;box-shadow: 0px 3px 2px 0px rgba(25, 24, 24, 0.35);text-align: center;display: none;}
.login-form-wrapper h2{ margin: -8px 0 10px -3px;font-size: 1.4em;font-weight: normal;color: #3F3F41;}
.login-form-wrapper a#form-close{ position:absolute; top:0; right: 2px; font-size:1.2em; margin:2px;color: #3F3F41;}
.login-form-wrapper input[type=text],.login-form-wrapper input[type=password] { width: 90% !important;  padding: 8px 3px;    margin: 2px 0;background: #E9E9E9;}
.login-form-wrapper input[type=submit] { padding: 5px; width: 80px;  margin:5px 0;margin-bottom: 10px;text-align: center;}
.mlolnks a{ font-size: .8em;}
.login-form-wrapper.logged_in{ display:none !important;}

/* ====================navigation====================
   ================================================== */
.nav {position: relative;display: block;}
.nav ul { list-style: none; padding: 0; margin: 0; }
.nav ul li {position: relative;display: block;}
.nav ul li a, .nav ul li > span {position: relative;display: inline-block;padding: 10px 15px;}

/* Time Entry Menu*/
.timeentry-menu ul  li.hide{/* display:none; */}
.timeentry-menu ul  li.home{ display:none;} 
.timeentry-menu ul  li  a {padding: 3px 15px;}

.timeentry-menu > ul > li > a, .timeentry-menu > ul > li > span{font-weight:bold;padding: 0 5px;color: #333;}
.nav.timeentry-menu .projectCalendar{display: block;}
body[data-user*="tao"] .nav.timeentry-menu .projectCalendar, body[data-user="johnsmith"] .nav.timeentry-menu .projectCalendar { display:block;}
/*mobile navigation */
.navbar-block ul{position:relative;display: block;}
.navbar-block ul > li > a {border-bottom: 1px solid #a53f02;display: block;}

#close {display: none;background: 0 0 rgba(0, 0, 0, 0.75); height: 100%; position: fixed;top: 0; left: 0;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;      -ms-transition: all 0.2s linear 0s;      transition: all 0.2s linear 0s;      width: 100%;z-index: 5;}
.navbar-block ul > li.has-sub .sub-btn { display:block; width: 30px; height: 45px; padding: 0;position:absolute; z-index: 1;right:0;cursor: pointer;}
.navbar-block ul li ul li > a { padding-left:17px; font-weight:normal;}
.navbar-block ul li ul li ul li a {padding-left: 14px !important;font-weight:normal;font-size:.82em;line-height: 15px !important;}

/* ====================fixed nav====================
   ================================================== */
.fix-top { position: fixed !important; left: 0;top: 0;right: 0;  z-index: 1030; background: #FFF; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;  transition: all .5s ease;}



#TopNav.barNAv{/* display:none; */float: right;}
#TopNav.barNAv ul{float:right;}
#TopNav.barNAv ul li{padding: 0 12px;cursor:pointer;/* height: 76px; *//* line-height: 76px; *//* border-left: 1px solid #f3f3f3; */margin: 10px 0;}
#TopNav.barNAv ul li a{ padding:0;}
#TopNav.barNAv ul li span{display: block;position: relative;vertical-align: middle;padding: 0 5px;font-size: 20px;text-transform: uppercase;/* line-height: 60px; */color: #fff;font-weight: 600;text-align: center;}
#TopNav.barNAv ul li:first-child{border:0;}
#TopNav.barNAv.not_logged_in li.memberOnly, #TopNav.barNAv.logged_in li.newUser{display: none !important;}
#TopNav.barNAv ul li.welcome{max-width: 180px;}
#TopNav.barNAv ul li.welcome span{ text-align:right;}
#TopNav.barNAv ul li.welcome span em{display: block;line-height: 14px;font-size: 14px;text-align: right;/* margin-top: -23px; */word-break: break-all;text-transform: initial;font-weight: 400;}





/* ====================Footer====================
   ================================================== */
footer {clear: both;bottom: 0;left: 0;/* background: #142537; */color: #FFF;position: relative;z-index: 1;width: 100%;padding-bottom: 0;line-height: 1.6em;font-size: 14px;text-align: left;}
footer * {color: #ff9900;}
footer .address{float:left;width: 20%;margin: 20px 4px;color: #E4D6C0 !important;}
footer .address * {color: #a79270;}
footer .address p span{font-size:.80em; display:none;}
.footer-nav{width: 100%;}
.footer-nav ul:after {  content:''; display:table; clear:both;}
.footer-nav ul li a:hover { color: #FFF; }
.footer-nav > ul > li > span, .footer-nav > ul > li > a {font-size: 16px !important;}
.footer-nav > ul > li > a:before{ content:'' !important;}
.footer-nav ul li a {padding: 2px 5px;text-align: left;font-size: 14px;}
.footer-nav ul li.head >a, .footer-nav ul li.head >span{font-size: 15px !important;color: #E4D6C0;}
.subfooter-nav ul {float: right;}
.subfooter-nav ul li { float:left; }
.subfooter-nav ul li a { padding:5px !important; }
.subfooter-nav ul li a:hover { background:none !important; }
/* ==================== Copyright ==================== */
.copyright {font-size: 12px;}
.copyright a {color: #ff9900 !important;padding: 10px;}
.copyright span { display: inline-block; vertical-align: middle; float: left; padding: 5px 0; }


/* ==================== Go to top button ====================
   ================================================== */
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 5px;z-index: 10;text-indent: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;background: #b74602;border: 1px solid #8b3502;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}                     
.cd-top:after { content: "\f062"; font-family: taoGlyphs !important;color: #FFFFFF;font-size: 1.2em;text-align: center;line-height: 40px;text-indent: 0;display: block;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: 0 auto;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out {opacity: .5;}
.cd-top:hover, .no-touch .cd-top:hover {opacity: 1; }

/* ==================== webform post form styles ====================
   ================================================== */
.fieldgroup {clear: both;}
.fieldgroup_label { font-size: 1.5em; font-weight: bold;font-family: 'Open Sans', sans-serif; width: 98%; display: block; color: #F9A13A; padding: 5px 1%; margin: 20px 0 5px 0; border-bottom: 1px solid #F9A14C; }
.fieldgroup_desc, .field_desc {font-style: italic;color: #333;line-height: 1.4em;padding: 0 3px;font-size: 0.87em;margin-bottom: 10px;clear: both;}
.fieldrow {padding: 5px 0;display: block;}
.fieldrow .fieldlabel sup { color: red; margin-left: 5px; }
.fieldrow .fieldval textarea {width: 90%;min-height: 80px;}
.fieldrow .fieldlabel {display: inline-block;vertical-align: top;width: 100%;margin: 5px 0;}
.fieldrow .fieldval {display: inline-block;width: 100%;margin: 0 0.5%;vertical-align: top;text-align: left;}
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {width: 90%;}
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button{ width:auto;}
 .fieldrow .fieldval input[type=file] {border: 1px solid #EBBE75;}
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox']{ width:auto;}
.fieldrow .fieldval a img{left:-25px;top: -2px;position: relative;}
.fieldrow.timesplit .fieldval select {width: 43%;}
.fieldrow.timesplit .fieldval .hour_split { width: 2%; display: inline-block; text-align: center;  }
.fieldrow.timesplit .fieldval.error select, .fieldrow .fieldval select.error, .fieldrow .fieldval input.error { border:1px solid red; color:red;}
.fieldrow .fieldval .require.errinp{color:red; border-color: red;}
.fieldrow .fieldval select.require.errinp{border:1px solid red;color: #000;}

.Member_Details .fieldrow .fieldlabel{vertical-align:middle;width: 30%;}
#work_time, #equipment_2_hours_text, .Member_Details .fieldrow .fieldval{vertical-align:middle;font-weight: 500;color: #777;width: 59%;}
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr { display: none; } 
#workHrs .fieldlabel, #workHrs .fieldval {vertical-align:middle; }  
#work_time, #equipment_2_hours_text {line-height: 20px;display: inline-block;}

#itemName {width: 40%;}
#itemName  select { width:100%;}
#itemName ~ #units{width: 19%;display: inline-block;line-height: 30px;text-align: left;}

.webform #date_input{width: 40%;}
div.timeInput {width: 48%;display:inline-block;}
div.timeInput span{ display:inline-block; width:31%;}
div.timeInput span select{ width:100%;}

/* group time entry styles */
#selected_emp {  display: block; }
#selected_emp span { background: #ffe4d4; display: inline-block; padding: 1px 5px; margin: 2px; min-width: 44%; position: relative; }
#selected_emp .allow-del a { position: absolute; right: 0; padding: 0 5px; background: #b74602;color: #FFF; }

/*form builder*/
.taoFieldBuilder .tafb_row {margin-bottom:5px;text-align: left;}
.taoFieldBuilder .fcol input {width: 96%; }
.taoFieldBuilder .tfbact{ /font-size:1.6em;line-height: 17px;display:inline-block;vertical-align: middle;margin-right: 3px;text-align: center;float: right;}
.taoFieldBuilder a.addAct{text-decoration:none;color:#FFF;background: rgb(95, 143, 0);padding:2px;display: block;height: 20px;line-height: 11px;}
.taoFieldBuilder a.tfbdel {text-decoration:none;background: #B82100;color: #FFF;display: block;padding: 3px 5px;margin-top: 8px;height: 20px;line-height: 10px;}

/* ==================== Tabs Styles ====================
   ================================================== */
.tab-panel { display: none; padding: 5px 0; border-bottom: 1px solid #F3F3F3; }
.tab-panel.activeTab { display: block ;}
.nav-tabs ul { margin: 10px 0; }
.nav-tabs ul li a { text-align: center; background: #EEE; margin: 1px 0; }
.nav-tabs ul li a:hover {}
.nav-tabs ul li.active a { background: #333; color: #FFF; }

/* ==================== Collapsible Accordions ====================
   ================================================== */
.collapsible-wrapper{  margin: 10px 0;}
.collapsible-wrapper .accordion-title{ margin-bottom: 0;float: none;clear: both;cursor: pointer;}
.collapsible-wrapper .accordion-title span.arrow-icon { position:relative;}
.collapsible-wrapper .accordion-title span.arrow-icon:after{ content:'';  border-right: 4px solid transparent;  border-left: 4px solid transparent;  border-top: 4px solid #C4301F; height: 0; display: block; position: absolute; right: -12px; top: 2px; bottom: 0; margin: auto; box-sizing: content-box; -webkit-box-sizing: content-box;      -moz-box-sizing: content-box;  }
.collapsible-wrapper .accordion-value{  display: none;}
.collapsible-wrapper .accordion-value.expand{ display:block; }

/* ====================  Div BLocks Animation  ====================
   ================================================== */
/* Css animation to slide elemets/blocks on window load ( use .slide-block class ) */
.slide-block { visibility: hidden }
.slide { animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; }

@keyframes slide { 
    0% { opacity: 0; -webkit-transform: translateY(70%); }
    100% { opacity: 1; -webkit-transform: translateY(0%); }
}
@-webkit-keyframes slide { 
    0% { opacity: 0; -webkit-transform: translateY(70%); }
    100% { opacity: 1; -webkit-transform: translateY(0%); }
}

/* ====================small size grid style declarations====================
   ================================================== */
@media (min-width: 580px) { 
    .container { width: 98%;}
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { float: left; }
    .col-xxs-12 { width: 100%; }
    .col-xxs-11 { width: 91.66666667%; }
    .col-xxs-10 { width: 83.33333333% ;}
    .col-xxs-9 { width: 75%; }
    .col-xxs-8 { width: 66.66666667%; }
    .col-xxs-7 { width: 58.33333333% ;}
    .col-xxs-6 { width: 50%; }
    .col-xxs-5 { width: 41.66666667%; }
    .col-xxs-4 { width: 33.33333333% ;}
    .col-xxs-3 { width: 25%; }
    .col-xxs-2 { width: 16.66666667% ;}
    .col-xxs-1 { width: 8.33333333% ;}
    .visible-xxs { display: block !important ;}

    /* ==================== padding and spacing classes ====================
       ================================================== */
    .xxs-pad{ padding-left:15px; padding-right:15px;}
    .xxs-pad-left{ padding-left:15px;}    
    .xxs-pad-right{ padding-right:15px;}

     /* clear floats & align center on extra small screens  */
    /* ==================== multi level footer menu ====================
       ================================================== */
    .footer-nav ul {display: block;clear: both;}
    .footer-nav > ul > li {float: left;padding-right: 1%;width: 32%;}
    .footer-nav ul li a, .footer-nav ul li span {padding: 5px;}
    .footer-nav ul li.head > ul { padding-left: 4px; }      
    .footer-nav ul li.head  li.head ul{padding-left:0;}
    .footer-nav ul li.head  li.head >a {margin-left: -5px;}
}

@media (min-width: 640px) { 
    .container { width: 98%;}
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-9 { width: 75%; }
    .col-xs-8 { width: 66.66666667%; }
    .col-xs-7 { width: 58.33333333% ;}
    .col-xs-6 { width: 50%; }
    .col-xs-5 { width: 41.66666667%; }
    .col-xs-4 { width: 33.33333333% ;}
    .col-xs-3 { width: 25%; }
    .col-xs-2 { width: 16.66666667%; }
    .col-xs-1 { width: 8.33333333%; }
    .visible-xs { display: block !important; }
    .pull-right { float: right;}
    .pull-left {float: left;}

    /* ==================== padding and spacing classes ====================
       ================================================== */
    .xs-pad{ padding-left:15px; padding-right:15px;}
    .xs-pad-left{ padding-left:15px;}    
    .xs-pad-right{ padding-right:15px;}

    /* ==================== tab navagation ====================
       ================================================== */
    .nav-tabs ul { display: block !important; clear: both; width: auto; float: none !important; padding: 0; margin: 10px 0 !important; border-bottom: 1px solid #DDD; }
    .nav-tabs ul:after { content: ""; display: table; clear: both; }
    .nav-tabs ul li { margin-bottom: -1px; float: left; }
    .nav-tabs ul li.active a { color: #333; border: 1px solid #DDD; border-bottom-color: transparent; background: #FFF; margin: 0; }
   
}
@media (min-width: 780px) { 
   
    /* ==================== vertical / side bar navagation ====================
       ================================================== */
    .vertical-nav ul { float: none; display: block; margin: 10px 0; }
    .vertical-nav ul li { float: none; display: block; }
    .vertical-nav ul li a {padding: 5px 5px;border-bottom: 1px solid #C3814F;color: #7F4418;}
    .vertical-nav ul li:last-child a { border: 0; }

    /* ==================== padding and spacing classes ====================
       ================================================== */
    .sm-pad{ padding-left:15px; padding-right:15px;}
    .sm-pad-left{ padding-left:15px;}    
    .sm-pad-right{ padding-right:15px;}

    /* ==================== Grid ====================
       ================================================== */
    .container {width: 98%;}
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333% ;}
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }
    .visible-sm { display: block !important }

    /* ==================== go to top button ====================
       ================================================== */
    .cd-top { right: 20px; bottom: 20px; }

    /* ==================== webform styles ====================
       ================================================== */
    .fieldrow{ text-align:center;}
    .fieldrow .fieldval select {width: 90%;padding: 5px;margin: 0;}
    .fieldrow .fieldval input {width: 90%;}
    .fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] { width: auto; }
    .fieldrow .fieldval {display: inline-block;vertical-align: top;width: 59%;margin: 0;/* text-align: left; */}
    .fieldrow .fieldlabel {width: 30%;min-width: 10%;text-align: right;padding-right: 20px;}
    
}

@media (min-width: 992px) { 
 /* ==================== Navigation ====================
       ================================================== */
    .container {width: 90%;}
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333% ;}
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667% ;}
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667% ;}
    .col-md-1 { width: 8.33333333%; }
    .visible-md { display: block !important; }
    #user-nav { margin:0;}
        /* ==================== padding and spacing classes ====================
       ================================================== */
    .md-pad{ padding-left:15px; padding-right:15px;}
    .md-pad-left{ padding-left:15px;}    
    .md-pad-right{ padding-right:15px;}
}

@media (min-width: 1200px) { 
    .container {width: 100%;max-width: 960px;}
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667% ;}
    .col-lg-10 { width: 83.33333333% ;}
    .col-lg-9 { width: 75% ;}
    .col-lg-8 { width: 66.66666667% ;}
    .col-lg-7 { width: 58.33333333% ;}
    .col-lg-6 { width: 50% ;}
    .col-lg-5 { width: 41.66666667% ;}
    .col-lg-4 { width: 33.33333333% ;}
    .col-lg-3 { width: 25% ;}
    .col-lg-2 { width: 16.66666667% ;}
    .col-lg-1 { width: 8.33333333% ;}
    .visible-lg { display: block !important ;}
    /* ==================== padding and spacing classes ====================
       ================================================== */
    .lg-pad{ padding-left:15px; padding-right:15px;}
    .lg-pad-left{ padding-left:15px;}    
    .lg-pad-right{ padding-right:15px;}

    /* ==================== go to top button ====================
       ================================================== */
    .cd-top { height: 40px; width: 40px; right: 30px; bottom: 30px; }
}


/* ==================== taoCMS Components and Modules ====================
   ================================================== */

/* Modal */
#modalwindow {display: none;position: fixed;top: 0;bottom: 0;margin: auto;left: 0;height: 100%;z-index:999;overflow: hidden;width: 100%;background: rgba(0, 0, 0, 0.75);}
#shade { background: rgba(0,0,0,0.7); z-index: 100;   position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none;  }
#modaldata {overflow:auto;width: 60%;height: 70%;padding: 0;margin: 0 auto;position: relative;top: 50%;left: 60%;text-align: center;background: none;-webkit-transform: translateY(-50%) translateX(-100%);-ms-transform: translateY(-50%) translateX(-100%);transform: translateY(-50%) translateX(-100%);}
.shade{ display: block; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #DDD; z-index:998; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); }
.modalcontent {height: 100%;width: 100%;position: relative;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.modalcontent iframe{ width:100%;}
#modalbox {height: 100%;position: relative;}
#modalbox iframe{/* height: 100%; */background: #000;}
.modalcontent #mlcs {font-size: 1.5em; color: #ccc; float: right; background: #333;padding: 0 10px;color: #FFF;position: absolute; z-index: 10; right: 0;}
.modalcontent #mlcs:hover{text-decoration:none;color: red;}
.modalLabel span {float:right;background: #D05B2B;color: #FFF !important;padding:0 5px;position: relative;z-index: 99;}
.modalLabel span a { color:#FFF;}
.InventoryData{background:#FFF;padding: 10px;}


/* ====================webform ====================
   ================================================== */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg {text-align: center;color: red;font-weight: normal;padding: 0px;}
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; }
form legend {display: block;background: transparent;color: #687e94;margin: 0;padding: 0 6px;}
.filteropts h2 { display: inline-block; font-size: 12px; }
.postwebform td.labelcol { width: 35%; padding-right: 8px; vertical-align: top; }
.postwebform td.valuecol { width: 68%; vertical-align: top; }
#form_10_post{ padding:15px; }

/*login*/
.changepass, .general_login{max-width: 360px;margin:0 auto;text-align: left;padding: 10px;/* border: 1px solid rgb(233, 233, 233); */}
.general_login  div.logintitle {background: transparent;color: #b74602;font-size: 18px;text-align: center;line-height: 25px;font-weight: normal;}
.general_login  div.loginmessage { font-style: italic; margin-bottom: 20px; }
.changepass div.row, .general_login  div.row { margin: 8px 0px; text-align: left;}
.changepass div.row label, .general_login  div.row span.label { text-align: right; padding-right: 7px; min-width: 100px; font-weight: bold; display: inline-block; }
.changepass div.row label { font-weight:normal; min-width:125px;}
.changepass div.row span, .general_login  div.row span.formw{ display:inline-block; vertical-align:middle; }
.changepass div.row span input{ max-width: 190px;}
.general_login  div.loginbtn{ margin-left: 100px; display: inline-block;text-align: center;}
.general_login  div.forgotpassword  { vertical-align:middle; display:inline-block;}
.general_login .errmsg{ color: #C4301F; font-size:.84em; padding:0; text-align: center;overflow: hidden;}
#filter { display: none ;}

/* ====================catalog cart styles ====================
   ================================================== */
table.shippinginfotable { width: 100%; margin: 0 ; }
.catalogcart { width: 100%; margin: 10px 0px; border: 1px solid #DEDEDE; }
.catalogcart td, .catalogcart th {border: 1px solid #CFBEA4;padding: 0px 5px;font-weight: normal;text-align: center;}
.cartheadings {background: #E4D6C0;line-height: 30px;}
.catalogcart .itemname { padding-top: 5px; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .oddrow { background: #F9F9F9; }
.catalogcart .evenrow { background: #FFF ;}
.carttotals { line-height: 30px; }
#cartbuttons ul { list-style: none; padding: 0px; margin: 0px; margin-top: 20px; text-align: center; }
#cartbuttons ul li { display: inline-block; margin: 5px 0; }
.cartlinks { height: 30px; margin: auto; float: right; }
.cartlinks ul { margin: 0px; padding: 0px; list-style: none; float: right; margin-top: -4px; }
#changeinfo { margin-top: 20px; }
#changeinfo  ul { margin: 0; padding: 0; list-style: none; color: #800080; }
#changeinfo  ul li { float: left; margin-right: 20px; }
#returntocart a, #changeinfo  ul li:before { content: "\00ab\2006"; }

/* bliiing */
.billingaddress { padding: 2% 1%;}
.billingaddress .name { font-weight: bold;  }
.paymenttitle { margin-top: 15px;  font-size: 1.3em;  }
#paymentdiv { padding-bottom: 20px;  }
.paymentmodule{padding: 5px;font-size:1.1em;} 
.paymentdetails{margin:5px;text-align: left;}
.paymentchoice{ font-weight:bold;}
.nameoncardlabel, .cardnumberlabel,.expireoncardlabel{ min-width:125px; }
.nameoncardlabel,.nameoncardinput,.cardnumberlabel,.cardnumberinput, .expireoncardlabel{display:inline-block;margin-bottom: 5px;}


/*catalog */
.billinfo { padding: 10px; display: inline-block; width: 45%; vertical-align: top;}
.billinginfotable {border: 0px;width: 80%;}
#billtable, #shiptable {border: 1px solid #CFBEA4;float: left;padding: 10px 0;width: 44%;margin: 10px 0;padding: 10px;}
.billtable tr td span {  display: inline-block; text-align: left; margin-right: 5px; }
.billtable select { width: 200px;  }
.bgcol { background: #EDF8ED; padding: 10px 20px; }
#payment_totalamount { clear: both; color: #B82100; font-size: 1.5em; padding: 20px 0;  }
#billtable, #payment_totalamount, #paymentinstructions { width: 80%; float:none; clear: both;}
#paymentinstructions{  margin-bottom: 15px;}
.formorder  {width: 85%;margin: 20px 0;padding: 10px;}
.formorder .formorder_head {display: table;text-align: right;border-bottom: 1px solid #84959E;width: 100%;font-weight: bold;}
.formorder .formorder_head span  {  display: table-cell;}
.formorder .formorder_head span.order_desc, .formorder .orderrow span.order_desc {text-align: left;}
.formorder .orderrow  {padding: 1%; margin: 0; display: table; width: 98%;}
.formorder .orderrow span { display:table-cell; }
.formorder .orderrow span.order_price  { text-align:right;}
.formorder .orderrow.total {border-top: 1px solid #84959E;border-bottom: 1px solid #84959E;}

.codeinput #giftcodeinput{ margin:0 5px; }

/* ====================paging ====================
   ================================================== */
#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span {display: inline-block;text-align: center;padding: 0px 8px;margin: 2px;border: 1px solid #7F4418;color: #7F4418;}
.paging span a {color: #7F4418;}
#newschannel_paging_links span {padding: 3px 10px;border: 1px solid #7F4418;margin: 5px;}
#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover, #paging_links span.currentpage, .paging span.currentpage {background: #7F4418;color: #FFF;}
#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, #calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, .gallery_paging_links span a:hover {background: #7F4418;text-decoration: none;color: #FFF;}    

/* ====================searchresults ====================
   ================================================== */
#searchresults dt {margin-top: 10px;padding: 5px 0px;border-top: 1px dotted #7F4418; font-size: 12px;}
#searchresults dd { padding-left: 10px; }

/* ====================forum ====================
   ================================================== */
#forum { border: 1px solid #DDD; border-collapse: collapse; }
#forum td { padding: 5px 10px; border: 1px solid #DDD; }
#forum-header { background: #EEE; font-weight: bold; }
#forum-highlight { background: #F9f9f9; }
#content-background { font-size: 0.82em; }

/* =============================================== ==================================================
   =============================================== ==================================================  
                                 Custom Styles 
   =============================================== ==================================================   
   =============================================== ================================================== */ 

.hide {display: none;}


/*navigation */
.form-btn{padding: 10px 10px;cursor: pointer;position: relative;float: right;text-align: center;right: 0;margin: 3px 0;color: #fff;}
.nav-icon a {color: #fff;text-shadow: 0 0 1px #333;line-height: 75px;display: block;}
.search-btn, .nav-icon{float: right;font-size: 42px;position: absolute;z-index: 99;right: 0;top: 0;margin: auto;padding: 0 10px;color: #FFF;}
.inPageNavIcon{display:none;line-height: 1;height: 40px;}
.content-block .nav-icon a {color:#D05B2B;line-height: 1;}
.nav-icon.nav-collapsed a span:before{content:"\f00d"; }
.login-btn.logged_in:hover .user-nav{ display:block;}
.form-btn.form-on{color: #666; }
.login-btn:before{content: 'Login';font-weight: normal;}
.search-btn:before, .login-btn.logged_in:before{font-weight: normal;display: inline-block;vertical-align: bottom;}

/* navigation */
    .nav-top ul{margin:0 !important;}
    #main-navigation{position: fixed;overflow-y: auto;width: 0;height: 100%;margin-bottom: 0;z-index: 1;left: 0;top: 0;background: #b74602;display: none;}
    #main-navigation.navbar-block{ display:block; }
/* ====================nav bar button====================
   ================================================== */
.navbar-toggle { display: block;  cursor: pointer;float: right;margin: 4px 0;position: relative;z-index: 99;}
.navbar-toggle a { position: relative; background-color: transparent; background-image: none; border: 1px solid transparent;  display: block;text-align: center;color: #FFF;font-size: 30px;padding: 0 8px;}
.navbar-toggle a:hover { text-decoration:none;color: #ED921B;}
.navbar-toggle.nav-collapsed a span:before{ content:"\e5c4"; }

#main-navigation {position: fixed;top: 0;left: -240px;width: 240px;height: 100%;padding: 10px 0;z-index: 999;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
#main-navigation.nav-collapsed{width: 240px !important;left: 0;overflow-y: auto;      width: 280px;}  
#close {display: none;background: 0 0 rgba(0, 0, 0, 0.75);height: 100%;position: fixed;top: 0;left: 0;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;width: 100%;z-index: 98;}

.main-nav { position: relative }
.main-nav > ul{ position:relative;display: block;top: 0;left: 0;width: 100%;height: 100%;}
.main-nav > ul:after{ content:''; display:table; clear:both;}
.main-nav > ul > li > span, .main-nav > ul > li > a {padding: 7px 15px;font-size: 15px;font-weight: normal;}
.main-nav > ul > li {float: none;text-align: left;position: relative;border: 0; }
.main-nav > ul > li > ul {width: auto;padding-bottom: 5px;display: none;padding-left: 7px;}
.main-nav ul li.currentitem, .main-nav ul li.currentbranch, .main-nav ul li:hover, .main-nav ul li a:hover, .main-nav ul li:hover a{background:none;}
.main-nav > ul > li:hover ul {/* display:none; */}
.main-nav ul li.currentitem a, .main-nav ul li.currentbranch a{ background:none;}
.main-nav ul li span, .main-nav ul li a, .main-nav ul ul li span {color: #ffffff !important;font-size: 1em;padding: 5px 10px;line-height: 30px;}
.main-nav > ul > li > span, .main-nav > ul > li > a {border-bottom: 1px solid #a53f02;text-transform: uppercase;/* font-weight: normal; */font-size: .98em;}


.main-nav ul li > ul > li{ float:none;width: auto;margin: 0;}
.main-nav ul li > ul > li a, .main-nav ul li:hover > ul li a{padding: 5px;line-height: 20px;font-size: .98em;color: #fbfbfb !important;}
.main-nav ul li > ul > li a:before { color:#FFF;}
.main-nav ul li > ul li a, .main-nav ul li:hover > ul li a {padding-left: 10px;}
.main-nav ul li > ul > li > a:hover {text-decoration:none;background: #8c2f02;color: #ffffff !important;}
.main-nav ul > li.has-sub .sub-btn {display:block;width: 30px;height: 40px;padding: 0;position:absolute;z-index: 1;right:0;cursor: pointer;border: 0;box-shadow: 0px 0px 1px 0px #a53f02;text-align: center;background: #a53f02;/* display: none; */}
.main-nav ul > li.has-sub .sub-btn:before{content: "\f077";font-family:taoGlyphs;display: block;line-height: 40px;font-size: 14px;text-align: center;width: 30px;float: right;background: #a53f02;}
.main-nav ul > li.has-sub .sub-btn.collapsed:before{content: "\f078";font-family:taoGlyphs;}
.nav-bar ul > li.has-sub span.sub-btn{display:block;}
.nav-bar ul > li.has-sub li.has-sub span.sub-btn{ display:none;}
.main-nav > ul >  li:hover {/* background: #D0B892; */}
.main-nav > ul >  li:hover > span.sub-btn {/* background: #DEC399; */}

nav.main-nav.timeEntryMenu > ul > li.home > a{}
nav.main-nav.timeEntryMenu > ul > li.home > a:after { display:none;}
nav.main-nav.timeEntryMenu > ul > li > span, 
nav.main-nav.timeEntryMenu > ul > li > a {border-bottom: 1px solid #a53f02;text-transform: uppercase;font-weight: 600;font-size: 1.1em;display: block;cursor: pointer;}


/* rss feeds */
.rssfeeds { padding: 10px 0; }
.rssitem {padding: 10px 0; border-top: 1px dashed #AB8460; }
.rssitem h3 {font-size: 1.0em;margin: 0;}
.rssitem div.publishinfo { font-size: 0.82em; color: #999; }
.rssitem p.desc { margin: 0; line-height: 1.5em;}

/*footer*/
footer .nav-bar.nav-center { text-align:left;}
footer nav.nav-bar a:hover { color:#333;}
.copyright{margin-top: 20px;padding: 3px 0;width: 100%;background: #303030;border-top: 1px solid #232020;}



/* webforms custom styles */
#employeeRow .fieldval > input {display:none; }
.fieldrow .fieldval div[class^="_radio"], 
.fieldrow .fieldval div[class*="_radio"] {display:inline-block;}
.empList input{margin: 0;} 

/*My projects list*/
.project-menu{position:absolute;top: -30px;right:0;}
.project-menu ul li { float:left;}
.project-menu ul li a {padding: 1px 8px;font-size: .92em;color: #b74602;font-weight: 500;} 
.project-menu ul li a:hover { color:#333;}
.myProjBlock{display: block;width:100%;border-collapse:collapse; margin:0 auto;}
.myProjBlock .ajxdata{display:none;}
.myProjHead{display: block;color:#FFF;}
.myProjHead span{display: inline-block;margin: 0 -5px 0 0px;padding: 5px;border-left: 1px solid #7f3101;width: 29%;background: #b74602;}
.myProjrow {display: block;}
.myProjrow:last-child{ margin-bottom:25px;}

.myProjrow span{display: inline-block;padding: 3px;margin: 0 -5px 0 0;width: 29%;border-bottom: 1px solid #DDD !important;}
.myProjHead span.proName, .myProjrow span.proName{width:40%;border: 0;}
.projectsList .lsrow.Inactive{ display:none !Important;}


#changeparameters_1,#changeparameters_18,#changeparameters_33,#changeparameters_36,#changeparameters_38,#changeparameters_41,#changeparameters_35,#changeparameters_17,#changeparameters_20,  #changeparameters_6, #changeparameters_12,#changeparameters_23,#changeparameters_15, #changeparameters_13{display:none;}

/* My Time Cards*/
#changeparameters_5, #changeparameters_8{ display:none;}
#changeparameters_5 ~ p{ display:none;}
#reportSearch{ margin-bottom:10px;}
.mycards, .divTable{display:table;width: 100%;min-width: 640px;border-collapse:collapse;margin-bottom: 10px;background: #FFF;}
.mycards .lsrow,  .divTable .lsrow{ display:table-row;}
.lsrow.lsBodyRow{ display:table-row-group;}
.lsrow.hide{display:none;}
.mycards .lsrow .lscol, .divTable .lsrow .lscol, .divTable .lsrow > span { display:table-cell;}
.mycards .lsrow.lshead, .divTable .lsrow.lshead  {background: #ffe4d4;}
.mycards .lsrow .lscol, .divTable .lsrow .lscol, .divTable .lsrow > span {padding: 0;border-bottom: 1px solid #f9dece;}

.mycards .lsrow.lshead .lscol, .divTable .lsrow.lshead .lscol  {padding:5px;font-weight:bold;border: 1px solid #f9dece;}
.mycards .lsrow.lshead .lscol.lnk{text-align: left;width: 140px;}
.submitted-cards.mycards .lsrow.lshead .lscol.lnk{width: 60px;}
.mycards .lsrow .lscol.lnk {text-align: left;}
.mycards .lsrow .lscol.lnk a {display:inline-block;vertical-align: middle;margin: 2px 5px;font-size: .84em;}
.mycards.time-entries .lsrow .lscol.lnk{width: 100px;font-size: 14px;}
.mycards.time-entries .lsrow .lscol, .divTable .lsrow .lscol, .divTable .lsrow > span{border: 1px solid #f9dece;padding: 3px 5px;font-size: .86em;}
.mycards.time-entries .lsrow .lscol .eqilst { font-size:.9em;}
.mycards.time-entries .lsrow .lscol .eqilst em {font-weight:bold;font-size: .9em;}
.mycards.time-entries .lsrow.lshead{ border:0;}
.mycards.time-entries .lsrow.lshead .lscol {border: 1px solid #f9dece;border-bottom: 0;font-size: .90em;}
.divTable .lsrow.videoUrl a[href='']{ display:none;}
.watchmanReport:before {content:''; display:table; clear:both;}
.watchmanReport .lsrow .lscol span[data-val='']{display:none;}
.watchmanReport .detailsBlock{width: 48%;display: inline-block;vertical-align: top;padding: 1%;}
.watchmanReport .detailsBlock iframe{ width:100%; height:100%;min-height:250px;}
.watchmanReport .detailsBlock .divTable { min-width: auto;}
.watchmanReport .detailsBlock p{ margin:0;}


.Submitted.mycards.time-entries .lsrow .lscol.lnk{ display:none; }
.Submitted.mycards.time-entries .lsrow .lscol {line-height:24px;}
.Submitted.mycards.time-entries .lsrow .lscol.eqi {line-height: normal;}
.detail-time-card{margin-bottom: 10px;/* float: left; */clear: both;}
.detail-time-card:after { content:""; display:table; clear:both;}
.watchmanReport_details .dtl_row, .detail-time-card .dtl_row, .detail-time-card .date_row{display: table;vertical-align: top;float: left;margin: 0 5px 0 0;border-collapse: collapse;width: 24%;}
.watchmanReport_details .dtl_row div, .detail-time-card .dtl_row div, .detail-time-card .date_row div{padding:3px;display: table-row;text-align: left;width: 100%;}
.watchmanReport_details .dtl_row div>span, .detail-time-card .dtl_row div span, .detail-time-card .date_row div span{display: table-cell;vertical-align: middle;border: 1px solid #ffe4d4;padding: 5px;font-weight: bold;font-size: .86em;color: #383333;}
.watchmanReport_details .dtl_row div>span+span,.detail-time-card .dtl_row div span+span, .detail-time-card .date_row div span+span {font-weight:normal;font-size: .9em;}
.detail-time-card .date_row{/* float: left; */}
.detail-time-card.project_indi .dtl_row { width:40%; }
.detail-time-card.project_indi .comment { width:58%;}
.divTable.Contractor {width: 40%;min-width: auto;}
.divTable.Contractor .lsrow .lscol.label{width: 90px;}
.divTable.Contractor .lsrow .lscol.val a[data-url='']{display:none;}
.projectResults .detailsBlock{width:48%;display: inline-block;vertical-align: top;padding: 1%;}
.projectResults .detailsBlock iframe{ width:100%; height:100%;min-height:250px;}
.projectResults .detailsBlock .divTable { min-width: auto;}
.projectResults .detailsBlock .pNotes .notesRow{padding: 5px 0;border-bottom:1px solid #eee;} 
.projectResults .detailsBlock .pNotes .notesRow p{ margin:0;}

.watchmanReport_details .comments, .comment{float: left;width: 50%;/* margin-left: 10px; */}
.watchmanReport_details .comments div{margin-bottom:10px;}
.watchmanReport_details .comments strong, .comment strong{display:block;padding: 2px;padding-bottom: 0;border-bottom: 1px solid #ffe4d4;}
.watchmanReport_details .comments p,.comment p{ margin:0;}
.watchmanReport_details .comments div[data-val=""]{display: none;}
.watchmanReport_details, .watchmanReport_files{width: 49%;float: left;}
.watchmanReport_files iframe{ width:100%; height:180px;}
.watchmanReport_files img{ max-width:100%; }
.watchmanReport_details .dtl_row,  .watchmanReport_details .comments  {width: 96%;margin: 0 2% 2% 0;clear: both;}
.watchmanReportIndi h4{ clear:both;}
.watchmanReport_files .imagesBlok{padding:10px 0;text-align: left;}
.watchmanReport_files .imagesBlok span{display:inline-block;font-size: 0;line-height: 0;width: 30.5%;margin: 1%;}
.watchmanReport_files .imagesBlok span[data='#']{ display:none;}
#watchmanReports .imagesBlok{clear:both;float:none;margin: 10px 0;}

.item-inventory h4{ margin:10px 5px; margin-bottom:0;}

.time-card-title{margin-bottom: 5px;}
.time-card-title:after { content:""; display:table; clear:both;}
.time-card-title h3{ float:left; margin:0;}
.time-card-title .act_lnks{float: right;}
.time-card-title .act_lnks a { display:inline-block; vertical-align:top; margin-right:10px;}
.time-card-title .act_lnks.Submitted{ display:none;}
.rightlnks{position: absolute;top: 0px;right: 0;}
.adminNav{ padding:8px ;}
.adminNav a, .rightlnks a{padding: 0px 10px 0 0;font-size: .90em;color: #b74602;font-weight: 400;display: inline-block;vertical-align: middle;}
.adminNav a.button ,.rightlnks a.button{background:#b74602;color:#FFF;padding: 4px 3px;-webkit-appearance: none;}
.mycards .lsrow .lscol.lnk a.add.icon.Submitted, .rightlnks a.add.Submitted, .rightlnks a.edit.Submitted, .rightlnks a.del.Submitted { display:none;}
.approve.New,.reject.New, .del.New, .approve.Rejected, .reject.Rejected, .del.Rejected, .projDtlLink.hide0 { display: none;  }


ul.adminNav {list-style:none;/* text-align: center; */margin: 10px 0;padding: 8px 0;}
ul.adminNav.projectsNav{text-align: center;}
ul.adminNav li, ul.adminNav li.hide{display:inline-block;margin: 3px;}
ul.adminNav li a {display:inline-block; background:#b74602; padding:3px 10px; color:#fff;}

ul.adminNav[data-user*="tao"] li, ul.adminNav[data-user*="johnsmith"] li{/* display:inline-block; *//* margin: 0 5px; */}


.mycards .lsrow .lscol.lnk a.icon{/* margin:0; */margin: 2px 5px;}
.mycards .lsrow .lscol.lnk a.icon span{display:none;}
.rightlnks a.icon:before, .mycards .lsrow .lscol.lnk a.icon:before{content:"";font-family:taoGLyphs;font-size: 18px;line-height: 19px;margin:0;width: 25px;height: 25px;display: block;border-radius: 5px;color: #FFF;text-align: center;padding: 3px;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);}
.rightlnks a.icon:before{display:inline-block;vertical-align:middle;margin-right: 3px;}
.rightlnks a.icon.approve:before, .mycards .lsrow .lscol.lnk a.icon.approve:before {content:"\f00c";background: #0e7b0e;}
.rightlnks a.icon.reject:before, .mycards .lsrow .lscol.lnk a.icon.reject:before {content:"\f05e";background: #d22612;}
.mycards .lsrow .lscol.lnk a.icon.del:before, .rightlnks a.del:before {content:"\f00d";background: #d22612;}
.rightlnks a.add:before, .mycards .lsrow .lscol.lnk a.icon.add:before {content:"\f067"; background: #0e7b0e;} 
.mycards .lsrow .lscol.lnk a.icon.view:before {content:"\f06e";background: #0c829e;font-size:16px;} 
.rightlnks a.edit:before, .mycards .lsrow .lscol.lnk a.icon.edit:before {content:"\f040";background: #0c829e;font-size:16px;} 

.mycards .lsrow .lscol.lnk a.icon.add.Approved, 
.mycards .lsrow .lscol.lnk a.icon.del.Approved, 
.act_lnks.Approved, .mycards.Approved .lnk a, 
.rightlnks.Approved a.approve, 
.rightlnks.Approved a.reject, .rightlnks.user.Approved a,.rightlnks.Approved a.delcard { display:none !Important; }

#form_50_post{position:relative;}
.mapWrapper{width: 50%;float:left;margin-bottom: 30px;}
#mapBlock{min-height: 420px;}

.formBlock, #reportForm {position: relative;top: 0;left: 0;width: 50%;padding-left: 20px;margin: auto;text-align: left;display: block;float: left;}
#clsForm {float:right;color:#FFF;margin: -10px -10px 0 0;font-weight:600;font-size: 16px;background:red;display:block;width:30px;height:30px;line-height:30px;cursor: pointer;display: none;}

.formBlock .fieldrow, .formBlock .fieldrow .fieldlabel{text-align:left;}
.formBlock p{ margin:0; margin-top:10px; }
.formBlock .fieldgroup_label {font-size: 1.2em;}

.photosLink{padding: 0;text-align: center;}
.photosLink .fieldlabel{text-align: center;width: 100%;padding: 0;} 
.photosLink .fieldlabel a{display: inline-flex;text-transform: uppercase;padding: 4px 4px;font-size: 14px;text-align: center;}
.webform.webform_50{/* display:inline-block; *//* background:#FFF; *//* padding: 10px; *//* border: 1px solid #eee; *//* min-width: 80%; *//* box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); */}
span.lscol.qnty[data-type="Out"] { color:red;}
span.lscol.qnty[data-type="Out"] span{ display:inline;}

.changeparameters select{width: 99%;padding: 4px;margin: 0;}
.E101Report table {width:100%;}
.E101Report  {min-width: 600px;margin: 0 auto;margin-bottom: 50px;border-collapse:collapse;}
.E101Report .projectDetails, .E101Report .flagingDetails {margin-bottom: 0;text-align: left;}
.E101Report h4{text-align:center;margin-bottom: 5px;font-size: 1em;}
.E101Report .projectDetails tr td{padding: 5px;}
.E101Report .projectDetails tr td.contractor {/* border-bottom: 1px solid #CCC; */}
.E101Report .flagingDetails tr td[valign="center"] {padding:3px;border:1px solid #ddd;/* border-right: 0; */vertical-align: middle;}
.E101Report .flagingDetails .flagingValues tr td,.hourValues tr td, .contractorDtls tr td {padding: 5px;}

.E101Report .TrafficControlDevices{margin-bottom: 10px;}
.E101Report  .TrafficControlDevices tr th{vertical-align:bottom;text-align: center;font-weight: 500;text-decoration: underline;font-size: 13px;}
.E101Report  .TrafficControlDevices tr td {padding: 2px;}
.E101Report  .TrafficControlDevices tr td span{display:block;border-bottom:1px solid #ccc;}
.E101Report  .TrafficControlDevices tr.totals > td {text-align:right;padding: 5px 3px;}
.E101Report  .TrafficControlDevices tr.blanks td span{display:block;border-bottom:0;line-height: 10px;}





.hourValues tr th {text-align: center;vertical-align:bottom;text-decoration: underline;font-size: 13px;line-height: normal;}
.hourValues tr th.item {width: 255px;text-decoration: underline;}
.hourValues tr th.unit{width: 60px;text-decoration: underline;}
.hourValues tr td.unit {text-align: center;}
.hourValues tr th.totalDaily {width:90px;text-align:center;border: 2px solid #999;text-decoration: underline;padding: 6px;}  
.hourValues tr td.totalDaily {width:90px;text-align:center;border: 2px solid #999; }
.hourValues tr td.location{text-align:center;border: 1px solid #999;}
.hourValues tr td {font-size:13px;}
.hourValues tr.remarks td{border: 1px solid #999;}
.hourValues tr.remarks td[colspan="3"]{border:0;font-size: 13px;}
.hourValues tr.remarks2 td{border-bottom: 1px solid #999;}   
.hourValues {margin-bottom: 10px;}

.contractorDtls td {width:50%; }
.contractorDtls td span{ display:block;border-bottom: 1px solid #999;}


/* ====================mobile css ====================
   ================================================== */

@media (min-width: 460px) { 

}

@media (min-width: 580px) {

}

@media (min-width: 640px) { 

}

@media (min-width: 780px) { 
    /*header*/
    .header{}
   .nav-icon{/* display:none; */}
/* Fixed Header */
   #stickyNav{position:fixed;width:100%;display: none !important;top:0;z-index: 100;display: none; background: #220500;-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5);box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.5);}
   #stickyNav.collapsed{display: block;}
   .fix-logo img{max-width: 150px; margin: 4px 0px;}
   #stickyNav .navbar > ul {float: right;}
   #stickyNav .navbar > ul > li > a, #stickyNav .navbar > ul > li > span {padding: 5px 8px !important;font-weight: bold;color: #E4D6C0;font-size: 14px;line-height: 40px;cursor: pointer;}
   #stickyNav .navbar > ul > li.has-sub > a:after, #stickyNav .navbar > ul > li.has-sub > span:after{content: '';border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 4px solid #E4D6C0;display: inline-block;vertical-align: middle;margin-top: 0px;margin-left: 2px;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;}
   #stickyNav .navbar > ul > li > a:hover, #stickyNav .navbar > ul > li:hover > a, #stickyNav .navbar > ul > li > span:hover, #stickyNav .navbar > ul > li:hover > span{color: #1f1f1f;background: #ED7722;}
   #stickyNav ul li ul {margin:0;}
   #stickyNav .navbar > ul>li > ul {-webkit-box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75);box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75);}
   .fix-logo{ float: left;}     
  
   /*slider*/

   /*layout*/
   #leftprt { float:right;border-left: 1px solid #E9E9E9;}

   /*footer*/
   footer nav.nav-bar{ float:left;  min-width: 50%;}
   .footer-logo { float:right; }
   footer nav.nav-bar.subfooter-nav{ float:right; }

}

@media (min-width:991px){
.page-content-block{background: #fff;width: 70%;max-width: 960px;margin: 0 auto;padding: 5px 10px;padding-bottom: 10px;-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.4);box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.4);}
   
 .search-btn {clear:none; padding: 6px 7px;margin: 5px 0;font-size: 22px;text-align: center;background: #E6DCB2;color: #7F4418;}
   nav.main-nav {position: relative;float: right;border-right: 0;border-left: 0;/* width: 78%; */clear: right;}
   nav.main-nav:after{ content:''; display:table; clear:both;}
   nav.main-nav > ul{float:right; position: static !important;right: 0;z-index: 999;}
   nav.main-nav > ul > li:hover > span, nav.main-nav > ul > li > span:hover, nav.main-nav > ul > li:hover > a, nav.main-nav > ul > li > a:hover{color: #FFFFFF; /background: rgb(34, 5, 0);background: #a53f02;}
   nav.main-nav > ul > li.home > a {font-size:0;display:block;padding: 24px 8px;text-align: center;}
   nav.main-nav > ul > li.home > a:after {content:"\f015";font-family:taoGlyphs;font-size: 20px;font-weight: normal;display: block;vertical-align: middle;line-height: 27px;text-align: center;color: #E4D6C0;} 
   nav.main-nav.logged_in ul > li.login, nav.main-nav.not_logged_in ul > li.logout {display:none;}
    
   /*header and navigation styles*/
   .nav-icon{/* display:none; */}
   .form-btn {clear: right;float: right;}
   .search-form-wrapper{width: 45% !important;height: auto;position: absolute;padding: 15px;background: #E6DCB2;top: 39px; right: 0;clear: right;z-index: 27;display: none;}
   .search-form-wrapper form{padding: 0;}

}

@media (min-width:1200px){


}
@media all and (min-width: 0px) and (max-width: 1199px) {
 .offerbox{ padding:0;}   
.sliderContent div.base div.caption p{ margin:0; line-height:1.1em;}
.sliderContent div.base div.caption h1, .sliderContent div.base div.caption h2 { font-size:2.2em;}

}

@media all and (min-width: 0px) and (max-width: 1080px) {
.nav-top{ margin-top:15px; display: none; }
.feature-blocks{padding: 10px;}
#socail > span{ display:block; line-height:normal;}
#socail li a:after { line-height:normal; font-size:25px; margin:0 2px;}
}

@media all and (min-width: 0px) and (max-width: 991px) {
#modaldata{width: 80%;left: 80%;-ms-transform: translateY(-50%) translateX(-100%);transform: translateY(-50%) translateX(-100%);}
.inPageNavIcon{top: -5px;}

}    

@media all and (min-width: 0px) and (max-width: 880px) {
.logo {position:relative;margin:5px 0;width: 34%;}
.header > .container {/* width:90%; */}
nav.main-nav > ul{ margin:0;}
footer .address {width: auto;margin: 20px 5px;}
footer .address p {display:inline-block;vertical-align: bottom;margin-right:20px;}
.footer-nav { width:auto; float:none;}
.pageheader-block .page-title{ width:90%;}
}

@media all and (min-width: 0px) and (max-width: 779px) {
html, body, #layout  {/* height:100%; */}
    /* layout */
.page-content-block { width:98%; padding:10px 0;}
.subpage-block{margin:10px 0;padding: 5px 0;margin-top: 70px;}
 /* header */
 .nav-top{ margin-top: 0;} 
 .inPageNavIcon{/* top:-51px; */position: relative;top: 0;}
 .inPageNavIcon { display:block;}
.breadcrumbNav .timeEntryMenu { display:none;}
 .header {}
 #stickyNav, #stickyNav.collapsed{display: none !important;}

.footer-nav > ul > li {width: 32%;float: none;display: inline-block;vertical-align: top;}

.mapWrapper, #reportForm{width:100%;float: none;margin: 30px auto;}
#mapBlock {min-height: 280px;}

 #reportForm .fieldrow .fieldlabel,  #reportForm .fieldrow .fieldval {width:40%;}
 #reportForm .fieldrow {text-align:center;} 
 #reportForm .fieldrow .fieldlabel { text-align:right;}
.fieldrow .fieldval#itemName {width:80%;}

.modalcontent .divTable.proj-inventory, 
.modalcontent .divTable.proj-inventory .lsrow,
.modalcontent .divTable.proj-picksheets, 
.modalcontent .divTable.proj-picksheets .lsrow
{display:block;} 

.modalcontent .divTable.proj-inventory .lsrow.lshead,
.modalcontent .divTable.proj-picksheets .lsrow.lshead
 { display:none;}

.modalcontent .divTable.proj-inventory .lsrow,
.modalcontent .divTable.proj-picksheets .lsrow
{margin-bottom: 10px;}

.modalcontent .divTable.proj-inventory .lsrow .lscol,
.modalcontent .divTable.proj-picksheets .lsrow .lscol
{display:block;text-align:left;border-bottom: 0;margin-bottom: 1px;padding: 0;}

.modalcontent .divTable.proj-inventory .lsrow .lscol.lnk,
.modalcontent .divTable.proj-picksheets .lsrow .lscol.lnk
{text-align:left;border: 1px solid #f9dece;margin: 0;width: auto;font-size: 12px;}

.modalcontent .divTable.proj-inventory .lsrow .lscol.lnk a,
.modalcontent .divTable.proj-picksheets .lsrow .lscol.lnk a
{/* margin: 0; */margin-right: 10px;}

.modalcontent .divTable.proj-inventory .lsrow .lscol:before,
.modalcontent .divTable.proj-picksheets .lsrow .lscol:before
{content:"";display:inline-block;vertical-align: middle;min-width: 70px;padding: 4px;margin-right: 5px;font-weight: 500;font-size: .9em;background: #ffe4d4;} 

.modalcontent .divTable.proj-inventory { width:100%; min-width:auto;}
.modalcontent .divTable.proj-inventory .lsrow .lscol.cat:before{content:"Category";}
.modalcontent .divTable.proj-inventory .lsrow .lscol.itmName:before{content:"Item Name";}
.modalcontent .divTable.proj-inventory .lsrow .lscol.assignedQ:before{content:"Quantity";}
.modalcontent .divTable.proj-inventory .lsrow .lscol.pickOut:before{content:"Pick (Out)";}
.modalcontent .divTable.proj-inventory .lsrow .lscol.pickIn:before{content:"Pick (In)";}
.modalcontent .divTable.proj-inventory .lsrow .lscol.total:before{content:"Total";}
.modalcontent .divTable.proj-inventory .lsrow .lscol.lnk:before{content:"Actions";}

.modalcontent .divTable.proj-picksheets .lsrow .lscol.date:before {content:"Date";}
.modalcontent .divTable.proj-picksheets .lsrow .lscol.itmName:before {content:"Item Name";}
.modalcontent .divTable.proj-picksheets .lsrow .lscol.type:before {content:"Pick Type";}
.modalcontent .divTable.proj-picksheets .lsrow .lscol.qnty:before {content:"Quantity";}
.modalcontent .divTable.proj-picksheets .lsrow .lscol.user:before {content:"Employee";}
.modalcontent .divTable.proj-picksheets .lsrow .lscol.actions:before {content:"Actions";}





}

@media all and (min-width: 0px) and (max-width: 639px) { 
#modaldata{width:96%;left: 96%;-ms-transform: translateY(-50%) translateX(-100%);transform: translateY(-50%) translateX(-100%);}

.mycards{width:100%;min-width: 100%;}
.mycards .lsrow.lshead .lscol{ vertical-align:middle;}
.mycards .lsrow .lscol.lnk, .mycards .lsrow.lshead .lscol.lnk{ width:auto;}

.detail-time-card .dtl_row, .detail-time-card .date_row{ width:48%;}
.detail-time-card .comment{width:98%;float:none;clear: both;margin: 10px auto;}


.rightlnks{position:relative;padding: 5px;margin-bottom: 5px;}
.rightlnks a{ padding:2px;}
.divTable {width:100%; min-width:auto;}
}

@media all and (min-width: 0px) and (max-width: 579px) {
 
 h1{font-size: 6vw;} 
.header{margin-bottom: 5px;}
.header:after{ background:#333;}

.logo{position:relative;float: left;/* margin: 0; */width: auto;}

.login-form-wrapper { width:90%;height: 200px;top: 330px;left:0; right:0; margin:auto;}
.copyright{}
.subfooter-nav ul,.copyright span{display:block;text-align:center;float: none;}
.subfooter-nav ul{ margin:0 auto; display:block; }
.subfooter-nav ul li { float:none; display:inline-block;}
.modalcontent{ height:90%;}
.footer-nav > ul > li{ width:100%; margin-bottom:5px; }
.footer-nav  ul  li ul li.head a {font-size:13px !important;padding: 0px !important;margin-left: 10px;}
.footer-nav  ul  li ul li.head ul li a { font-size:12px !important ; margin-left:15px;padding:0;}

.projectResults .detailsBlock { width:100%;}

ul.adminNav {display:block;margin-top: 0;padding-top: 0;}
ul.adminNav li, ul.adminNav li.hide{display:block;margin:5px 0px;text-align: center;}
ul.adminNav li a{min-width: 60%;}

}

@media all and (min-width: 0px) and (max-width: 460px) {
.container{ width:98%;}
.nav-icon{top: 5px;}
.nav-top{position:relative;width:100%;text-align:right;margin-top: -5px;}
.billinginfotable { width:100%;}
#billtable, #shiptable { width:100%; clear:both; float:none;}
.billingaddress {width:100%; }
.breadcrumbNav ul li a {font-size:12px;}
/* My Time cards*/
.mycards, .mycards .lsrow{display:block;} 
.mycards .lsrow.lshead { display:none;}
.mycards .lsrow{/* border:1px solid #DDD; */margin-bottom: 5px;}
.mycards .lsrow .lscol{display:block;text-align:left;border-bottom: 1px solid #e9e9e9;margin-bottom: 1px;}
.mycards .lsrow .lscol.lnk{text-align:left;border: 0;margin: 0;}
.mycards .lsrow .lscol.lnk a{margin: 2px !important;}
.mycards .lsrow .lscol:before {content:"";display:inline-block;vertical-align: middle;min-width: 70px;padding: 3px;margin-right: 5px;font-weight: 500;font-size: .90em;background: #e9e9e9;} 
.mycards .lsrow .lscol.id:before {content:"ID"; }
.mycards .lsrow .lscol.date:before {content:"Start Date"; }
.mycards .lsrow .lscol.date+.lscol.date:before{ content:"End Date";}
.mycards .lsrow .lscol.man:before {content:"Manager"; }
.mycards .lsrow .lscol.man ~ .lscol.date:before {content:"Submitted"; }
.mycards .lsrow .lscol.status:before {content:"Status"; }
.mycards .lsrow .lscol.lnk:before {content:"Actions"; }
.mycards .lsrow .lscol.tHours:before{content:"Total Hrs";}
.detail-time-card .dtl_row, .detail-time-card .date_row { width:98%; float:none; clear:both; margin:5px auto;}
.detail-time-card .dtl_row div span, .detail-time-card .date_row div span{width: 150px;}
.detail-time-card .dtl_row div span+span, .detail-time-card .date_row div span+span{ width:auto;}



/* My Time cards*/
.mycards.time-entries, .mycards.time-entries .lsrow, .divTable.proj-inventory, .divTable.proj-inventory .lsrow{display:block;} 
.mycards.time-entries .lsrow.lshead, .divTable.proj-inventory .lsrow.lshead { display:none;}
.mycards.time-entries .lsrow, .divTable.proj-inventory .lsrow{margin-bottom: 10px;}
.mycards.time-entries .lsrow .lscol, .divTable.proj-inventory .lsrow .lscol{display:block;text-align:left;border-bottom: 0;margin-bottom: 1px;padding: 0;}
.mycards.time-entries .lsrow .lscol.lnk, .divTable.proj-inventory .lsrow .lscol.lnk{text-align:left;border: 1px solid #f9dece;margin: 0;width: auto;font-size: 12px;}
.mycards.time-entries .lsrow .lscol.lnk a, .divTable.proj-inventory .lsrow .lscol.lnk a{/* margin: 0; */margin-right: 10px;}
.mycards.time-entries .lsrow .lscol .eqilst br{ display:none;}

.mycards.time-entries .lsrow .lscol:before, .divTable.proj-inventory .lsrow .lscol:before  {content:"";display:inline-block;vertical-align: middle;min-width: 70px;padding: 4px;margin-right: 5px;font-weight: 500;font-size: .9em;background: #ffe4d4;} 

.mycards.time-entries .lsrow .lscol.id:before {content:"ID"; }
.mycards.time-entries .lsrow .lscol.date:before {content:"Start Date"; }
.mycards.time-entries .lsrow .lscol.date+.lscol.date:before{ content:"End Date";}
.mycards.time-entries .lsrow .lscol.time:before{content:"Start Time";}
.mycards.time-entries .lsrow .lscol.time +.lscol.time:before{content:"End Time";}
.mycards.time-entries .lsrow .lscol.jonum:before{content:"Project No";}
.mycards.time-entries .lsrow .lscol.division:before{content:"Division";}
.mycards.time-entries .lsrow .lscol.ccode:before{content:"Cost Code";}
.mycards.time-entries .lsrow .lscol.desc:before{content:"Description";}
.mycards.time-entries .lsrow .lscol.eqi:before{content:"Equipment 1";}
.mycards.time-entries .lsrow .lscol.eqi+.lscol.eqi:before{ content:"Equipment 2";}
.mycards.time-entries .lsrow .lscol.eqival:before{content:"Equip code";}
.mycards.time-entries .lsrow .lscol.perdiem:before{content:"per Diem";}
.mycards.time-entries .lsrow .lscol.man:before {content:"Manager"; }
.mycards.time-entries .lsrow .lscol.man ~ .lscol.date:before {content:"Submitted"; }
.mycards.time-entries .lsrow .lscol.status:before {content:"Status"; }
.mycards.time-entries .lsrow .lscol.lnk:before {content:"Actions"; }
.mycards.time-entries .lsrow .lscol.proName:before {content:"Name"; }
.mycards.time-entries .lsrow .lscol.jobNum:before {content:"Job Number"; }
.mycards.time-entries .lsrow .lscol.proCert:before {content:"Certified?"; }
.mycards.time-entries .lsrow .lscol.proStat:before {content:"Status"; }
.mycards.time-entries .lsrow .lscol.ProAct:before {content:"Actions"; }
#reportForm .fieldrow .fieldlabel, #reportForm .fieldrow {text-align:left;}
#reportForm .fieldrow .fieldlabel, #reportForm .fieldrow .fieldval { width:100%;}

.mycards.time-entries .lsrow .lscol.start:before{ content:"Start";}
.mycards.time-entries .lsrow .lscol.end:before{ content:"End";}

.divTable.proj-inventory { width:100%; min-width:auto;}
.divTable.proj-inventory .lsrow .lscol.cat:before{content:"Category";}
.divTable.proj-inventory .lsrow .lscol.itmName:before{content:"Item Name";}
.divTable.proj-inventory .lsrow .lscol.assignedQ:before{content:"Quantity";}
.divTable.proj-inventory .lsrow .lscol.pickOut:before{content:"Pick (Out)";}
.divTable.proj-inventory .lsrow .lscol.pickIn:before{content:"Pick (In)";}
.divTable.proj-inventory .lsrow .lscol.total:before{content:"Total";}
.divTable.proj-inventory .lsrow .lscol.lnk:before{content:"Actions";}

ul.adminNav {display:block;margin-top: 0;padding-top: 0;}
ul.adminNav li, ul.adminNav li.hide{display:block;margin:5px 0px;text-align: center;}
ul.adminNav li a{min-width: 60%;}
}

@media all and (min-width: 0px) and (max-width: 380px) {
.logo a{ letter-spacing:0px; }
.logo img{ margin-right:-5px;}
.search-btn, .nav-icon{margin: 0 5px;padding: 0;}

.footer-nav > ul > li{ display:block; width:auto;}

.Member_Details .fieldrow .fieldlabel{vertical-align:middle;width: 100%;margin: 0;}
.Member_Details .fieldrow .fieldval{vertical-align:middle;font-weight: 700;color: #3f3f41;width: 100%;margin: 0;}

}

@media only screen and (min-width: 480px) and (max-height: 320px) and (orientation : landscape) {

}


@media all and (orientation: landscape) and (min-height:100px) and (max-height: 340px){

}