@charset "UTF-8";
/* CSS Document */

/* ----- GLOBAL STYLINGS ------ */


html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video, p, h1, h2, h3, h4, h5, h6, input, ul, ol, li { padding: 0px; margin: 0px; }

p, h1, h2, h3, h4, h5, h6 { padding-bottom: 10px; } 

html, body {height: 100%;}

body{ position:relative;}


.clear{clear:both;}
.nounderline{ text-decoration: none !important}


.loginregisterpages{padding-top:90px;}
.homewrap{background:#FFF; margin-left:auto; margin-right:auto;}

.noverticalpadding{padding:0px !important;}


.container h1{font-weight: 300;}
.container h2{font-weight: 300;}
.container h3{font-weight: 300;}
.container h4{font-weight: 300;}

.welcometext{margin-bottom:30px; text-align:center; font-size:32px; color:#888; font-family: "Open Sans",sans-serif; }

textarea{width:100%;}


/* ----- HEADER STYLINGS ------ */

.wrapper {
    min-height: 100%;
    overflow: hidden;
    position: relative;
}

header{width:100%; background:#000; padding:20px; height:90px; position:relative;}

#logo{float:left;}

.mobilemenubutton{float:right;}
.mobilemenubutton a{color:#FFF;}
.mobilemenubutton .fa{font-size:32px;}

#headerbar{background:#FFF; padding:10px 0px; height:auto;}

#main{position:relative; width:100%; height:100%;}

#sidebar{display:block; width:230px; min-height:100%; background:#222d32; position:absolute;}

#sidebar ul{margin:0px;}
#sidebar ul li{list-style-type:none;}
#sidebar ul li a{display:block; padding:20px 30px; display:block; color:#FFF; text-decoration:none; outline:none !important;}
#sidebar ul li a:hover{background:#243740;}
#sidebar ul li a.current{background:#243740;}
#sidebar .fa{width:30px;}
#content-wrap{background:#ecf0f5; min-height:950px; position:relative; margin-left:230px; padding:30px;}

.pagination{float:right; margin:0px;}


.fluidcontainer{width:100% !important;}

#content{background:#FFF; min-heigh:500px; width:100%;}

.padding20{padding:20px;}
.centercell{text-align:center;}


.pagetitle{padding-bottom:20px;}
#subheading{display:block; background:#dfdfdf; padding:10px 20px; font-size:24px;}

#hatopsection{}

#hasearchleft{float:left; max-width:300px; padding-bottom:20px;}
#hasearchright{float:left; max-width:300px; padding-bottom:20px; padding-left: 20px}

#habuttons{float:right; max-width:600px; padding-bottom:20px;}

.addnewcertleftcol{}
.addnewcertleftcol input{margin-bottom:20px;}
.addnewcertleftcol textarea{margin-bottom:20px; border:1px solid #ccc; padding:10px; height:80px; border-radius:3px;}
.addnewcertrightcol{}


ul.attachements{margin:0px; margin-bottom:20px;}
ul.attachements li{list-style-type:none; padding-bottom:10px; padding-top:10px;}
ul.attachements li .fa{width:24px;}













#headerleft{}
#headerleft img{max-height: 70px; padding: 0px; max-width: 110px;}

#headerright{text-align:right !important; color:#FFF;}
#headerright ul{}
#headerright ul li{list-style:none; display:block; font-size:30px; line-height:60px; width:auto; float:right;}
#headerright ul li a{}

#headerright .menubutton{float:right;}

#headerright .dropdown-menu{right:0px !important;}
#headerright .dropdown-menu li{color:#333; text-align:left; font-size:14px !important; display:block; float:none; line-height:21px; border-bottom:1px solid #eee;}
#headerright .dropdown-menu li a{padding:10px;}
#headerright .dropdown-toggle{color:#FFF !important; width:150px; text-align:right; padding-top:15px;}
#headerright .dropdown-toggle .fa{font-size:35px !important;}
c .btn-group.open .dropdown-toggle {
    box-shadow: none !important;}

#headerright .topphone { color: #fff; font-family: "Open Sans",sans-serif; font-size: 30px; font-weight: 300; padding: 12px 0 0;}
#headerright .topphone a{color:#fff; text-decoration:none;}



/* ----- FOOTER STYLINGS ------ */

#footerwrap{width:100%; background:#000; padding:20px;}
#footerwrap p{font-size:11px; text-align:center; color:#888; padding:0px;}
#footerwrap a{color:#888; text-decoration:none;}
#footerwrap a:hover{color:#AAA;}

.absolutefooter{position:absolute; bottom:0;}
.relativefooter{position:relative;}

/* 

-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------

 HOMEPAGE STYLING STYLINGS
 
 -------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------
 
 */
 
 
 
 .logocolumn{text-align:center; padding-top:40px;}
 
 
 .loginlogo{max-height:60px; width:auto;}
 
 
 .selectasitewrap{padding:40px 20px !important;}
 .selectasitewrap #selectsite{height:50px; outline:none !important; margin-bottom:5px !important;}

.selectasitewrap h3{color: #888;
    font-family: "Open Sans",sans-serif;
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;}




.selectsitebutton{background: #61bd6d; border-radius: 0 !important; color: #fff !important; display: block; font-size: 20px; line-height: 20px; margin-left: auto; margin-right: auto; padding: 15px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; margin-bottom:0px;}
.selectsitebutton:hover {background: #41a85f; color: #fff !important;}




.ha-inspection-edit-leftcol{padding-top:30px;}


#form-siteinformation{background:#EFEFEF; padding-top:30px;}
#form-areaclassification{background:#EFEFEF; padding-top:20px;}
#form-equipmentdetails{background:#EFEFEF; padding-top:20px;}
#form-inspectiontype{background:#EFEFEF; padding-top:20px;}




#form-formquestions{background:#EFEFEF; padding:20px 20px;}
#form-barrierinformation{background:#EFEFEF; padding-top:20px; padding-bottom: 20px;}

#form-fittingsinformation{background:#fff; padding-top:20px; padding-bottom: 20px;}
#form-fittingsinformation.fittingsinformationwrap{background:#efefef;}
#form-fittingsinformation .innerfittingswrap{background:#FFF;}


#form-inspectioncomments{background:#EFEFEF; padding-top:20px; padding-bottom:20px;}

#form-attachphotos{padding:20px 0px; background:#EFEFEF;}


h3.formtoggleheading{background: #243740 none repeat scroll 0 0;
    color: #fff !important;
    font-size: 20px;
    font-weight: normal;
    padding: 10px;
}

h3.formtoggleheading .close{color:#FFF !important; opacity: 1; text-shadow: none;}


#homeloginwrap{ height:auto; position:relative;}

#welcomeloginwrap{ height:auto; position:relative; margin-top:40px; margin-bottom:0px;}
#welcomeloginwrap a{outline:none !important}

#homewelcome{background: #000; padding-bottom: 20px; padding-top: 20px; position: relative; max-width:900px; margin-left:auto; margin-right:auto;}
#homewelcome h1{color: #FFF; font-family: "Open Sans",sans-serif; font-size: 40px; font-weight: 300; line-height: 40px; margin: 0 !important; padding: 0 !important; text-align: center; text-transform: uppercase; text-align:center;}

#blacktriangle {border-color: #000 transparent transparent; border-style: solid; border-width: 15px 15px 0; bottom: -13px; height: 0; left: 50%; margin-left: -15px; position: absolute; width: 0; z-index: 20;}
.backbutton{float:left !important; font-weight:300;}

#loginwrap{height:auto; background:#FFF; max-width:900px; margin-left:auto; margin-right:auto;
-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 0.5);}

/* ----- HOME LEFT COL ------ */


.homeloginsection{padding:50px 30px 30px 30px !important;}

.homeloginsection h2{padding-bottom:30px; text-align:center;}

.homeloginsection .input-group{margin-bottom:5px;}
.homeloginsection .input-group-addon {border-radius: 0 !important; font-size: 20px; height: 50px; padding-left: 20px; padding-right: 20px;}
.homeloginsection .input-group-addon .fa{width:20px;}

.homeloginsection .form-control {border-radius: 0 !important; height: 50px;}

.checkboxpara{font-size:11px; float:left;}
#rememberme{margin-right:5px;}
.forgotpara{font-size:11px; float:right;}


#loginsubmit{background: #61bd6d; border-radius: 0 !important; color: #fff !important; display: block; font-size: 20px; line-height: 20px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 15px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; margin-bottom:10px;}
#loginsubmit:hover {background: #41a85f; color: #fff !important;}


.registerbutton{border-radius:2px !important;}



/* ----- HOME RIGHT COL ------ */


.homerightcol{padding:30px;}
.homerightcol h2{padding-bottom:30px;}

#registerbutton{border-radius: 0 !important;}


/*

-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------

REGISTRATION PAGE

-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------

*/


/* ----- REGISTRATION LEFT COL ------ */

.registrationleftcolbuttons{padding:50px 10px 0px 10px !important; margin-bottom:20px;}

#employeebutton{background: #333; border-radius: 3px !important; color: #FFF !important; display: block; font-size: 20px; line-height: 20px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 15px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; margin-bottom:10px; border:1px solid #333;}
#employeebutton:hover {background: #333; color: #fff !important;}

#contractorbutton{background: #FFF; border-radius: 3px !important; color: #333 !important; display: block; font-size: 20px; line-height: 20px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 15px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; margin-bottom:10px; border:1px solid #333;}
#contractorbutton:hover {background: #333; color: #fff !important;}




.registrationleftcol{padding:10px !important;}

.registrationleftcol h2{padding-bottom:30px; text-align:center;}



/* ----- REGISTRATION RIGHT COL ------ */


.registrationrightcol{padding:10px !important;}
.registrationrightcol h2{padding-bottom:30px;}

#registerbutton{border-radius: 0 !important;}

.regoinput{margin-bottom:0px; border-radius:3px;}


.fileuploadbutton{}

.fileuploadbutton .btn-file {
  position: relative;
  overflow: hidden;
}
.fileuploadbutton .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
.fileuploadbutton input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

.btn-upload{background:#666;}


.addanotherbutton{text-align:right; padding-bottom:20px !important;}
.addanotherbutton .btn{}

.registersubmitbutton{padding-bottom:30px !important;}

.pdficon{margin-right:5px; max-width:32px !important; height:auto;}

.infowrap{display:block; border:1px solid #ddd; margin-bottom:30px; padding:20px 10px 0px;}
.infowraplast{margin-bottom:0px; }

.gap{padding-right:5px;}

img{width:100%;}



/* 

-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------

INNER PAGES

 -------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------
 
 */







/* ----- WELCOME PAGE ----- */

.homewrap{padding:40px 20px 0px !important;}
.hometile{background:#0B495A; margin-bottom:40px; text-align:center; padding:20px 10px; opacity:1;}
.hometile:hover{ opacity:0.9;}
.hometile .fa{font-size:50px;}
.hometile p{font-size:18px; color:#FFF !important; text-transform:uppercase;} 
.hometile a{color:#FFF !important; text-decoration:none; display:block;}
.hometile .bottomp{padding-bottom:0px;}


#welcometitle{background: #000; padding-bottom: 20px; padding-top: 20px; position: relative; width:100%; margin-left:auto; margin-right:auto;}
#welcometitle h1{color: #FFF; font-family: "Open Sans",sans-serif; font-size: 40px; font-weight: 300; line-height: 40px; margin: 0 !important; padding: 0 !important; text-align: center; text-transform: uppercase; text-align:center;}



/* ----- INDUCTION PAGE ------ */

.lessonheader .fa{float:right;}

.largeicon{font-size:22px;}
.green{color:#5CB85C;}
.red{color:#d9534f;}

.inductionfeature{padding:0px;}
.inductioninfo{text-align:justify;}

.inductioninfo h3{text-transform:uppercase; font-family: "Open Sans",sans-serif; font-weight:normal;}
.inductioninfo .btn{border-radius:0px;}


.testquestionheading{color: #333;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 22px;
    font-weight: normal;
    padding: 10px 0px 20px 0px;}

.testanswers{}
.testanswers p{padding-bottom:20px;}
.testanswers .radio{margin-right:10px; display:inline;}

.submitanswer{float:right;}



/* 

-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------

COURSE SUMMARY PAGES

 -------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------
 
 */
.summarytable{}
.summarytable td{width:33% !important;}



@media (max-width:991px) {
	
}




@media (max-width:767px) {


}



@media (max-width:650px) {


}


.alignright{float:right;}

.newuserbutton {
    margin-bottom: 20px;
}
#listnumberfilter{float:right; padding-bottom:10px;}
.adduserinput{margin-bottom:20px;}

.not_available {
    background: #9CA0A2;
}
.mainwhitebody{background:#FFF;}

@media (max-width:1024px) {
    .equipmentlistoutterwrapper{max-width:900px !important;}
}
.equipmentlistoutterwrapper{max-width:1400px !important}

#appwrap{height:auto; background:#FFF; max-width:900px; margin-left:auto; margin-right:auto; margin-bottom:70px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 0.5);}

#welcometitle a {
    color:#FFF;
    text-decoration:none;
    cursor: pointer;
}

#equipmentlisttop{padding:20px 0px; text-align:center;}

#equipmentlisttablewrap{width:100%; overflow:scroll; padding-top:10px;}
#equipmentlisttable{width:2800px;}
.equipmentlisttable{}
.equipmentlisttable th{vertical-align:top !important;}

.addnewcolumn{}

.addnewcolumn ul.dropdown-menu{width:250px; height:320px; overflow:scroll; left:-50%;}
.addnewcolumn ul.dropdown-menu li{display:block; border-bottom:1px solid #DDD; padding:10px; background:#FFF;}
.addnewcolumn ul.dropdown-menu li a{text-decoration:none; color:#333;}
.addnewcolumn ul.dropdown-menu .submenucheckbox{float:left; background:#FC0;}
.addnewcolumn ul.dropdown-menu p{float:left; padding-left:10px; padding-bottom:0px;}
.addnewcolumn ul.dropdown-menu li:hover{background:#EEE;}

.tablesearchgroup{}

.tablesearchgroup ul.dropdown-menu{width:250px; height:300px; overflow:scroll;}
.tablesearchgroup ul.dropdown-menu li{display:block; border-bottom:1px solid #DDD; padding:5px 10px; background:#FFF;}
.tablesearchgroup ul.dropdown-menu li a{text-decoration:none; color:#333;}
.tablesearchgroup ul.dropdown-menu .submenucheckbox{float:left; background:#FC0;}
.tablesearchgroup ul.dropdown-menu p{float:left; padding-left:10px; padding-bottom:0px;}
.tablesearchgroup ul.dropdown-menu li:hover{background:#EEE;}

.tickedcheckboxicon{padding-left:0px !important; color:#5cb85c;}
/*.apppages{background:url('../images/app-body-bg.jpg') repeat; background-position:bottom center; padding-top:90px; background-attachment:fixed;}*/
.apppages{ padding-top:90px; }

#siteinformation{background:#efefef; padding:30px 30px 0px 30px;}
.siteinformationwrap{}
.siteinformationcontent{background:#ffffff; padding:30px 10px 10px 10px;}
#siteinformation .formtoggleheading {background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
#siteinformation .white{color:#FFF !important;}
#siteinformation .forminput{margin-bottom:20px;}

#areaclassification{background:#efefef; padding:30px 30px 0px 30px;}
.areaclassificationwrap{}
.areaclassificationcontent{background:#ffffff; padding:30px 10px 10px 10px;}
#areaclassification .formtoggleheading {background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
#areaclassification .white{color:#FFF !important;}
#areaclassification .forminput{margin-bottom:20px;}
#areaclassification{border:1px solid #DDD; margin-bottom:30px; background:#FFF; padding:0 !important;}
#areaclassification h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}

#equipmentdetails{background:#efefef; padding:30px 30px 0px 30px;;}
.equipmentdetailswrap{}
.equipmentdetailscontent{background:#ffffff; padding:30px 10px 10px 10px;}
#equipmentdetails .formtoggleheading {background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
#equipmentdetails .white{color:#FFF !important;}
#equipmentdetails .forminput{margin-bottom:20px;}

#inspectiontype{background:#efefef; padding:30px; position:relative;}
.inspectiontypewrap{}
.inspectiontypecontent{background:#ffffff; padding:30px 10px 10px 10px;}
#inspectiontype .formtoggleheading {background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
#inspectiontype .white{color:#FFF !important;}
#inspectiontype .forminput{margin-bottom:20px;}
#inspectiontype{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#inspectiontype h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}

#formquestions{background:#FFF; padding:30px 30px 30px 30px; position:relative;}
#formquestions .formtoggleheading{background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
#formquestions .inspectionquestionscontent{padding-top:20px;}
#formquestions .lasttable{margin-bottom:0px;}

.greencell{background:#5cb85c; color:#FFF;}
.redcell{background:#d9534f; color:#FFF;}
.orangecell{background:#f0ad4e; color:#FFF;}
.commentscell{font-style:italic;}
.defectscommentcell{background:#f2dede; color:#a94442; font-style:italic;}

#barrierinformation{background:#efefef; padding:30px; position:relative;}
.barrierinformationwrap{}
.barrierinformationcontent{background:#ffffff; padding:30px 10px 10px 10px;}
#barrierinformation .formtoggleheading {background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
#barrierinformation .white{color:#FFF !important;}
#barrierinformation .forminput{margin-bottom:20px;}

.barrierswrapcontent{padding:20px 5px 10px 5px;}

#fittingsinformation{background:#FFF; padding:30px; position:relative;}
.fittingsinformationwrap{}
.fittingsinformationcontent{background:#EFEFEF; padding:30px;}
#fittingsinformation .formtoggleheading {background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
#fittingsinformation .white{color:#FFF !important;}
#fittingsinformation .forminput{margin-bottom:20px;}

.innerfittingswrap{background:#FFF;}
.innerfittingswrap .formtoggleheading {background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
.innerfittingswrapcontent{background:#FFF; padding:30px;}

.addnewfittingbutton{float:right; margin-top:20px; margin-bottom:0px;}

#inspectioncomments{background:#EFEFEF; padding:30px; position:relative;}
.inspectioncommentswrap{}
.inspectioncommentscontent{background:#ffffff; padding:30px;}
#inspectioncomments .formtoggleheading {background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
#inspectioncomments .white{color:#FFF !important;}
#inspectioncomments .forminput{margin-bottom:20px;}
#inspectioncomments .commentstextarea{margin:0px;}

#signoff{background:#FFF; padding:30px; position:relative;}
.signoffwrap{}
.signoffcontent{background:#ffffff; padding:30px;}
#signoff .formtoggleheading {background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
#signoff .white{color:#FFF !important;}
#signoff .forminput{margin-bottom:20px;}
#signoff .commentstextarea{margin:0px;}

#attachphotos{background:#efefef; padding:30px;}
.attachphotoswrap{}
.attachphotoscontent{background:#ffffff; padding:30px 10px 10px 10px;}
#attachphotos .formtoggleheading {background: #243740; display: block; margin-bottom: 0 !important; padding: 10px 20px; color:#FFF; font-weight:normal; font-size:18px; text-align:center;}
#attachphotos .white{color:#FFF !important;}
#attachphotos .forminput{margin-bottom:20px;}

.uploadphotos{margin-bottom:20px;}

.imageblockwrap{display:block; margin-bottom:20px;}
.imageblockwrap h2{font-size:18px; font-weight:normal;}
.imageblockwrap h3{font-size:14px; font-weight:normal;}

.eightypixels{width:80px;}
#formsubmitbuttons{background:#EFEFEF; padding-bottom:30px;}
#hasearch{float:left; max-width:500px; padding-bottom:20px;}
.error { color: red; font-style: italic; }

#equipmentinformation{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#equipmentinformation h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}

#equipmentsiteinformation{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#equipmentsiteinformation h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}


#equipmentcertification{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#equipmentcertification h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}

#ProtectionTech{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#ProtectionTech h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}

#areaclassification{border:1px solid #DDD; margin-bottom:30px; background:#FFF; padding:0 !important;}
#areaclassification h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}

#equipmentdocuments{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#equipmentdocuments h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}

#barrierwrap{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#barrierwrap h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}

#barrierwrap .subheading{display:block; background:#DDD; margin-bottom:0px !important; padding:10px 20px;}

.barrierswrapcontent{padding:20px 5px 10px 5px;}



#fittingswrap{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#fittingswrap h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}

#fittingswrap .subheading{display:block; background:#DDD; margin-bottom:0px !important; padding:10px 20px; font-weight:300;}



#previousinspectionswrap{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#previousinspectionswrap h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}

#oldpaperinspectionswrap{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#oldpaperinspectionswrap h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}


#outstandingdefectswrap{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#outstandingdefectswrap h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}


#equipmentcommentswrap{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#equipmentcommentswrap h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}


#specialconditionswrap{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#specialconditionswrap h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}


#inspectiontype{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#inspectiontype h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}


#inspectionquestions{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#inspectionquestions h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}


#approvalwrap{border:1px solid #DDD; margin-bottom:30px; background:#FFF;}
#approvalwrap h3{display:block; background:#DDD; margin-bottom:20px; padding:10px 20px; font-weight:300;}
.nobackground{background:none !important;}
.leftright20{padding-left:20px; padding-right:20px;}

.removecodecodebutton{margin:20px 0px 0px 0px;}
.addnewcodecoderow{margin-top:30px;}

.marginbottom20{margin-bottom:30px;}


#timesheetinformation{padding:40px 20px 10px 20px; position:relative;}
.appform{}
.appform .form-control{margin-bottom:30px;}
.appform table{width:100%; margin-bottom:20px;}
.appform td{padding:5px;}
.appform th{padding:5px;}
#costcodes{background:#EFEFEF; padding:20px;}
#costcodes h2{text-align:center; font-family:"Open Sans",sans-serif; font-weight:300; font-size:32px; line-height:32px; text-transform:uppercase; padding-bottom:20px;}
.codecodedescription{height:80px;}
.addnewcostcodebutton{margin:20px 0px; float:right;}

.costcodewrap {
    background: #fff none repeat scroll 0 0;
}

.costcodecontent {
    background: #fff none repeat scroll 0 0;
    padding: 30px;
}


.costcodewrap .formtoggleheading {
    background: #243740 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0 !important;
    padding: 10px 20px;
    text-align: center;
}

#timesheetinformation{padding:40px 20px 10px 20px; position:relative;}
#approvetimesheets{padding:40px 20px 10px 20px; position:relative;}
.appform{}
.appform nav{margin-bottom:20px;}
.appform .form-control{margin-bottom:30px;}
.appform table{width:100%; margin-bottom:20px;}
.appform td{padding:5px;}
.appform th{padding:5px;}
#costcodes{background:#EFEFEF; padding:20px;}
#costcodes h2{text-align:center; font-family:"Open Sans",sans-serif; font-weight:300; font-size:32px; line-height:32px; text-transform:uppercase; padding-bottom:20px;}
.codecodedescription{height:80px;}
.addnewcostcodebutton{margin:20px 0px; float:right;}

.daycell{width:35px; text-align:center;}

.newrow{background:#005E7E; color:#FFF;}
.centertext{text-align:center;}

#approvetimesheets .approvejobtitle{font-weight:normal; padding-bottom:20px;}
#approvetimesheets .approvejobdesc{font-weight:normal; padding-bottom:20px;}

/*#approvetimesheets .btn{margin-bottom:20px !important;}*/

.topleftbuttons{text-align:left; padding-bottom:20px;}

.byprojecttitle{font-weight:normal; padding-bottom:20px;}
.byemployeetitle{font-weight:normal; padding-bottom:20px;}

#timesheetbuttons .btn{margin-bottom:20px;}

#jobsetup{}
#jobsetup.input-group-addon, .input-group-btn{vertical-align:top;}
.jobsetupblock{margin-bottom:30px; }
.jobsetupblock h3{font-family:"Open Sans",sans-serif; font-weight:300; background:#ddd; color:#333; padding:10px;}

.paddingtopbottom20{padding:20 0px;}
.smalltext{font-size:12px;}
#approvetimesheettablewrap{overflow-x: scroll; padding-top: 10px; width: 100%;}
#approvetimesheettable{}

/*#approvetimesheets h3{font-weight:normal; margin-bottom:20px;}*/

.appform{}
.appform nav{margin-bottom:20px;}
.appform .form-control{margin-bottom:30px;}
.appform table{width:100%; margin-bottom:20px;}
.appform td{padding:5px;}
.appform th{padding:5px;}

table{width:100%; margin-bottom:20px;}
td{padding:5px;}
th{padding:5px;}

#content .table{width:100%;}

.descriptionbox{height:100px !important;}
.padding4020{padding:40px 20px;}
.margin20bottom{margin-bottom:20px;}
.fontweightnormal{font-weight:normal;}

#sitequestions .editable-input.editable-has-buttons{width:800px !important;}