/*
- Global settings
- Grid
- Buttons
- Header
- Layout
- Navigation
- Validation
- Login Page
- Upload
- Modal WIndow
- Drop down
- Filter
- Upload COES
- Search COES
- Update COES
- Allocate work
- Inspector Search work
- Inspector View COES Details
- Tab strip
- Inspector DashBoard
- Staff DashBoard
- Forgotten Password
- Success send password request
- Defect Letters
- Table Curve
- NonCompliance Report
- Prescribed defect Report
- Admin Audit Report
*/


.k-window  div.k-window-content
{
        overflow: hidden;
}

.legend-border {
    border: 1px solid #DDD;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    margin-bottom: 10px;
}


.top-header {
   background-color: #478ACB;
border-radius: 5px;
}

.top-heading {
    color: #FFFFFF;
text-shadow: 0px 0px 5px #888888;
font-weight: bold;
}

.top-company-heading {
    margin-top: 5px;
}




/* Global settings*/
/*-------------------------------------------------------*/
Body {font-size:1.2em; color: #4C4C4C; font-family: Tahoma; margin:0;}


Body input.k-textbox, Body .k-dropdown .k-input, .k-dropdown .k-state-hover .k-input  
{color: #000;
 width: 100%;
 }


label {
   
    font-weight: bold;
    
   
   
}

.value {
    float: left;
    display: block;
    width: 200px;
     margin-bottom: 5px;
     
}

.display-only {
    float: left;
    display: block;
    width: 200px;
     margin-bottom: 5px;
    line-height: 2em;
}

.container-border { 
      border:1px solid #ccc;
       -webkit-border-radius: 5px 5px 5px 5px; 
      -moz-border-radius: 5px 5px 5px 5px;
      -o-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      padding: 20px;
   }


/* delete maybe*/
.value-autocomplete
{
    float: left;
    display: block;
    width: 300px;
     margin-bottom: 5px;
}

.clear {
    clear: both;
}

.header {
    color: #145797;
    padding: 10px 0 10px 0;
    font-size: 1.3em;
  
}
.container10 {
    padding: 5px 5px 5px 20px;
}


fieldset {   
  -moz-border-radius:5px;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;
}


/* Grid */

.k-grid-header .k-header .k-link {
    
}

.k-grid td {
    
}

.k-pager-wrap {
    
}

/* Buttons*/
/*-------------------------------------------------------*/
.button { display: inline-block; cursor: pointer; font-family: "Proxima Nova Regular", 'Helvetica Neue', Helvetica, Arial, sans-serif; 
          background: #145797;
          background: -webkit-gradient(linear,left top,left bottom,color-stop(6%,#478ACB),color-stop(6%,#145797),color-stop(100%,#478ACB)); 
          
          background-image: -o-linear-gradient(bottom, #478ACB 6%, #145797 6%, #478ACB 100% );
background-image: -moz-linear-gradient(bottom, #478ACB 6%, #145797 6%, #478ACB 100%);
background-image: -webkit-linear-gradient(bottom, #478ACB 6%, #145797 6%, #478ACB 100%);
background-image: -ms-linear-gradient(bottom, #145897 #478ACB 6%, #145797 6%, #478ACB 100%);
background-image: linear-gradient(to bottom, #478ACB 6%, #145797 6%, #478ACB 100%);

          color: #fff; font-weight: bold; padding: .4em .8em; border: 1px solid #224860; border-radius: 5px;  }
.button:visited, .button:link {color:#fff;}
.button:hover { color: #fff; background: #478ACB; text-decoration: none; }

.mandatory-field {
    color: red;
}

/* Header*/
/*-------------------------------------------------------*/
#Header {width:1200px}

/* Layout*/
/*-------------------------------------------------------*/

#Templates { display: none; }
.loader-image { margin: auto; width: 31px; height: 31px; background: url('/Content/images/AjaxLoader.gif'); }

#MainNavContainer {width:1100px}
#CompanyLogo {

    width: 100px;
    float: left;
    background-image: url('/Content/images/logo.png');
    background-repeat: no-repeat;
   background-position: center;
    background-color: #478ACB;
    height: 79px;
}

#RigtHeader {
    float: right;
    width:1100px;
}

#SystemNameContainer {
    background-color: #478ACB;
    height: 50px;
    width:900px;   
    float:left;    
}

#SystemNameContents {
   
  
    font-weight: bold;
   text-align: left;
    color: #FFF;
    padding: 10px;
}


#TopHeadingContainer {
    padding-left: 10px;
    float: left;
}


#LoggedPanelContainer {
    float: right;
}




#LoggedPanelContents {
   
    background-color: #428bca;
    border-radius: 0 0 5px 5px;
    height: 60px;
  
  
}

#TopHeader {
    height: 50px;
    width:1100px;
}

#MainNavContainer {

    background-color: #478ACB;
    height: 29px;
}


/* Navigation*/
/*-------------------------------------------------------*/

/* Curve the first and last*/
#MainNav li:first-child .k-link {border-radius: 10px 0 0 0;}
#MainNav li:last-child .k-link {border-radius: 0 10px 0 0;}
#MainNav .k-last {border-width: 0 0 0 0;}

/* No dropdown ICon*/
#MainNav .k-icon { display: none; }
/* make each items background transparent*/
#MainNav .k-item { background-color:transparent;}
#MainNav li.k-state-hover .k-item, #MainNav .k-state-active .k-item { background-color:transparent;}


/* color the extending menu*/
#MainNav {  border: 0; background-image: none; background-color: #478ACB; }
/* Main headings*/
#MainNav .k-link {color: white; background-color: #145797; font-weight: bold;  min-width: 100px;}

#MainNav li.k-state-hover .k-link, #MainNav .k-state-active { background-color: #478ACB;}

/*sub headings*/
#MainNav li .k-group li .k-link { border: 0; color: #426b83; background-color: #fff; border-radius: 0; width: 200px}
#MainNav li .k-group li.k-state-hover .k-link { color: #378699; background-color: #EBEBEB; border-radius: 0; }

/* Validations*/
/*-------------------------------------------------------*/
.validation-summary-errors, .server-error { color: red; font-weight: bold; margin: 0 0 1em 0;}


/* Login Page*/
/*-------------------------------------------------------*/

#LoginContainer {width:400px; height:150px; position:absolute; left:50%; top:30%; margin:-75px 0 0 -135px; display:none;}
#LoginContainer .element {margin:10px;  position: relative; clear: both;}
#LoginContainer .label {width: 30%; position: relative; float: left;}    
#LoginContainer .value {width: 70%; position: relative; float: right; margin-bottom: 10px;}
#LoginContainer .container-body  { background-color: #F2F2F2;}
#LoginDetails  .k-header {
    background: #145797;
    background-image: none,linear-gradient(to bottom,#145797 0,#478ACB 100%); color: #FFF;}
#LoginDetails .k-header  label { padding-left: 10px;}
/*#LoginDetails .remember-me {font-size: 0.8em;}*/
.forgotten-password {font-size: 0.8em; padding-right: 10px;}

#LoginDetails #LoginHeader {
    line-height: 1em;
}

.login-page-app-name {
    color: #145797;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 0;
}

/* Upload */
/*-------------------------------------------------------*/
.k-button.k-upload-button
  {
      color: white;
      background: #4C4C4C;
  }


/* Modal Window */
/*-------------------------------------------------------*/
.buttons-container { text-align: right;clear:both;margin-top:1em; }
.buttons-container a { display: inline-block; }
a:link, a:visited { font-weight: bold; text-decoration: none; }




.k-window-titlebar.k-header,
.k-window-actions
{
    display: inline-block; cursor: pointer;  color: #fff; font-weight: bold;    
    background: #145797;
}

.k-window-titlebar .k-window-actions .k-state-hover
{
    display: inline-block; cursor: pointer;  color: #fff; font-weight: bold;    
    background: #145797;
    border: 0;
}


.k-content {
    color: black;
}

.error-title .k-window-titlebar,
.error-title .k-window-actions
{
    display: inline-block; cursor: pointer;  color: #fff; font-weight: bold;    
    background: red;
}

.error-title .button { display: inline-block; cursor: pointer; font-family: "Proxima Nova Regular", 'Helvetica Neue', Helvetica, Arial, sans-serif; 
          background: -webkit-gradient(linear,left top,left bottom,color-stop(6%,#F03547),color-stop(6%,#AD3642),color-stop(100%,#F03547)); 
          
          background-image: -o-linear-gradient(bottom, #F03547 6%, #AD3642 6%, #F03547 100% );
background-image: -moz-linear-gradient(bottom, #F03547 6%, #AD3642 6%, #F03547 100%);
background-image: -webkit-linear-gradient(bottom, #F03547 6%, #AD3642 6%, #F03547 100%);
background-image: -ms-linear-gradient(bottom, #F03547 #478ACB 6%, #AD3642 6%, #F03547 100%);
background-image: linear-gradient(to bottom, #F03547 6%, #AD3642 6%, #F03547 100%);

          color: #fff; font-weight: bold; padding: .4em .8em; border: 1px solid #224860; border-radius: 5px;  }
.error-title .button:visited, .button:link {color:#fff;}
.error-title .button:hover { color: #fff; background: #F03547; text-decoration: none; }



/* Drop down */
/*-------------------------------------------------------*/

.k-state-selected.k-state-focused,
.k-state-selected.k-state-highlight 
{
  color: #000;
  background: #CCC;
  border-color: #CCC;
}

.k-item.k-state-hover,
.k-item.k-state-hover:hover
{
  color: #000;
  background: #478ACB;
}



/* Filter*/
/*-------------------------------------------------------*/

#Filter {
  
    margin-top: 10px;
  
}

.filter-element {
    float: left;
   
}


.value-style {
   
  
    padding: 0 5px 0 0;
    
   
}

.row-margin {
    margin-top: 10px;
}

/* delete later */
.filter-value {
   
    float: left;
    padding: 10px 10px 0 10px;
    
   
}

 /*#Filter label  {    
    width: 100px;
     padding: 10px 0 0 0;
}

 #Filter .k-textbox  {    
    width: 150px;
}*/



.button-container {
    text-align: right;
    padding-right: 10px;
    margin-bottom: 10px;
}

.add-new-button {
    margin-bottom: 10px;
}



/* Upload COES Details Page*/
/*-------------------------------------------------------*/


#UploadCOESContainer{
    width: 600px;
}

.labelValue {
    width: 200px;
    display: block;
    float: left;
}


/* Search COES Details*/
/*-------------------------------------------------------*/




.k-grid-header .k-header, .k-grid-pager  {
    background-color: #eee;
  
}


/* Update COES Details*/
/*-------------------------------------------------------*/


.form-container .row {

    margin-top: 5px;
}

.navigation-style {
    
    margin-top: 20px;
}


/*Delete maybe*/

#PreviousContainer {
    float: right;
    display: block;
    width: 50px;
    padding: 0 10px 0 10px;
}

/*Delete maybe*/
#NextContainer {
    float: right;
    display: block;
    width: 50px;
    padding: 0 10px 0 10px;
}





.suburb-invalid { background-color: red; }

 .k-autocomplete.k-header
{
    width: 100%;
   
}


 /* Allocate Work*/
/*-------------------------------------------------------*/


#AllocateContainer label  {    
    width: 100px;
     padding: 5px 0 0 0;
}





#AllocateCOESPage #OtherInfoContainer {
position: fixed;
/*top: 140px;
left: 950px;*/
padding: 10px;
font-family: Arial;
background: #fffea1;
border: 1px solid #fc0;
border-radius: 10px;
width: 350px;
}

#AllocateCOESPage #StatusContainer {
    overflow-y: scroll; 
    height: 400px;
}


#AllocateCOESPage #StatusContainer #DisplaySummary {
    margin-top: 10px;   
    width: 275px;
}
#AllocateCOESPage #StatusContainer #DisplaySummary .heading {
    font-weight:bold;
}
#AllocateCOESPage #StatusContainer #DisplaySummary tr {
    padding: 10px;
}

#AllocateCOESPage #StatusContainer #DisplaySummary tr td:first-child  {
    width: 100px;
    display: block;
    padding: 0px;
    margin: 0px;
   
}

#AllocateCOESPage #StatusContainer #DisplaySummary tr td {
  
    width: 75px;
     padding: 0px;
    margin: 0px;
   
}

#AllocateCOESPage #StatusContainer #DisplaySummary .number-allocated {
    text-align: right;
}

#AllocateCOESPage #StatusContainer #DisplaySummary hr {
   color: #000;
background-color: #000;
height: 1px;
}


#AllocateResultGrid tbody tr:hover {
    background: #CCC;
}

.incorrect-zone {
    background-color:#F5A9A9;
}

#AllocateCOESPage #StatusContainer #DisplaySummary .k-textbox  {    
    width: 50px;
    text-align: right;
}




 /* Audit Details*/
/*-------------------------------------------------------*/





input[type=checkbox]  {

    margin-right: 10px;
}

.labelCheckbox {
   
    float: none;
}

#DefectItemsContainer {
    margin-top: 10px;
}

.displayValue {
   
    
  
    padding-left: 0px;
}

#DefectsContainer {
    margin-left: 5px;
}

.defectNo {
    width: 100px;
}
.regulation {
    width: 100px;
}
 .docType {
    width: 100px;
}
.description {
    width: 200px;
}
.comments {
    width: 300px;
}
 .action {
    width: 100px;
}

#DefectDetails thead tr:first-child td {
    font-weight: bold;
    
}

#DefectDetails {
   border-collapse:collapse;
}

#DefectDetails td, #DefectDetails th {
   border:1px solid black;
}

#DefectDetails #DefectNo  {    
    width: 80px;
}

#DefectDetails thead td, #AuditDetailsContainer #DefectDetails tbody td {
    padding-left: 10px;
}

 #DefectDetails tbody td {
    
    }

 #DefectDetails textarea.k-textbox {
    width: 250px;
    height: 50px;
}


  /*defect search dialog*/

#DefectSearchDialog {
    width: 900px;
}


 

 /*attachment dialog*/

#AttachmentsDialog {
    width: 500px;
   
}

#DefectDetailsPageContainer {
     height: 600px;
}


#AddAttachmentsContainer textarea.k-textbox {
    width: 250px;
    height: 100px;
}

#AttachmentHistoryContainer HR {
    margin-top: 0;
    margin-bottom: 0;
}


 /* Note Details*/

#NotesHistoryHeading {
    font-size:1em; color: #4C4C4C; font-family: Tahoma; font-weight: bold; margin-bottom: 10px;
}

.note-date, .note-by {
    font-size:0.8em;
}

.note-details{
    font-size:1em;   
    margin-bottom: 10px;
}


/*Attachment detsils*/

#AttachmentHistoryHeading {
    font-size:1em; color: #4C4C4C; font-family: Tahoma; font-weight: bold; margin-bottom: 10px;
}

.attachmentdate, .attachment-by {
    font-size:0.8em;
}

.attachment-details{
    font-size:1em;   
    margin-bottom: 10px;
}



/* LEIW Details*/

#EnterLEIWContainer {

    width: 400px;
}
 #EnterLEIWContainer #Comment.k-textbox  {    
    width: 250px;
}

  #EnterLEIWContainer .labelValue {
    width: 100px;   
}


#EnterNotesContainer {

    width: 400px;
}


  /* Inspector Search work*/
/*-------------------------------------------------------*/




.k-grid-header .k-header, .k-grid-pager  {
    background-color: #eee;
  
}

  /* Inspector View COES Details*/
/*-------------------------------------------------------*/


  /* Inspector View outstanding defects*/
/*-------------------------------------------------------*/





/* Tab strip*/
/*-------------------------------------------------------*/


div.k-tabstrip > .k-state-active,
ul.k-tabstrip-items .k-state-active
{
    border-color: #CCC;
}

  /* Inspector DashBoard*/
/*-------------------------------------------------------*/

.no-data {
    text-align: center;
}


#SummaryTable {
    margin-top: 50px;
}

#SummaryTable thead td {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
   
}

#SummaryTable #SummaryData td {
   
    font-size: 14px;
    text-align: center;
   
}

  /* Staff DashBoard*/
/*-------------------------------------------------------*/

#staffChart .k-tooltip {
    background: green !important;
    color: white;
    border-color: green !important;
    padding:0;
    

}
   
 
#staffChart .k-tooltip table tbody tr:first-child {
   color: white;
   background-color: green;
   
}
#staffChart .k-tooltip table tbody tr:first-child + tr {
   color: white;
   background-color: #FF5050;
}

#staffChart .k-tooltip table tbody tr:first-child + tr + tr{
   color: white;
   background-color: #3B7CBF;
}

#staffChart .k-tooltip table tbody tr:first-child + tr + tr + tr{
   color: white;
   background-color: #AEB404;
}



/* Forgotten Password*/
/*-------------------------------------------------------*/

#UpdateContainer { 
    margin-top: 100px;
      border:1px solid #ccc;
       -webkit-border-radius: 5px 5px 5px 5px; 
      -moz-border-radius: 5px 5px 5px 5px;
      -o-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
    
   }


#UpdateContainer hr {
    
    margin-top: 5px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #CCC;

}

#UpdateContainer div .row,   #UpdateContainer button {
    
  
    margin-bottom: 10px;
   
}

#UpdateContainer .button {
    
  margin-top: 10px;
    margin-bottom: 10px;
   
}

#UpdateContainer .validation-summary-errors {
    
  
    margin-top: 10px;
   
}


/* Success send password request*/
/*-------------------------------------------------------*/

#EmailSentSuccessContainer { 
    margin-top: 100px;
      border:1px solid #ccc;
       -webkit-border-radius: 5px 5px 5px 5px; 
      -moz-border-radius: 5px 5px 5px 5px;
      -o-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
    
   }

#EmailSentSuccessContainer .row:last-child
{
      margin-bottom: 20px;
}

/* Defect Letters*/
/*-------------------------------------------------------*/

#DefectLetterDetails {
    margin-top: 10px;
}


/* Table Curve*/
/*-------------------------------------------------------*/


.table-curved {
   border-collapse: separate;
   border: solid #ccc 1px;
   border-radius: 6px;
   border-left: 0px;
   border-top: 0px;
}
.table-curved > thead:first-child > tr:first-child > th {
    border-bottom: 0px;
    border-top: solid #ccc 1px;
}
.table-curved td, .table-curved th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.table-curved > :first-child > :first-child > :first-child {
    border-radius: 6px 0 0 0;
}
.table-curved > :first-child > :first-child > :last-child {
    border-radius: 0 6px 0 0;
}
.table-curved > :last-child > :last-child > :first-child {
    border-radius: 0 0 0 6px;
}
.table-curved > :last-child > :last-child > :last-child {
    border-radius: 0 0 6px 0;
}


/* NonCompliance Report*/
/*-------------------------------------------------------*/

#NonComplianceData >thead tr td {
     border-top: 1px solid #ccc;
     font-weight: bold;
}

#NonComplianceData tr td {
       width: 100px;
        padding: 0px;
        margin: 0px;
        text-align: center;
}



#NonComplianceData tr td:first-child {
    width: 150px;
    text-align: left;
    padding-left: 5px;
}

#GraphContainer hr {
    width:10px;border-width: 10px;margin: 4px;float: left;
}


#chart .k-tooltip {
   
    color: white;
   

}

#NonComplianceReport #GraphContainer #Chart {
    padding-left: 145px;
}


/* Audit Report*/
/*-------------------------------------------------------*/



.report-data {
    padding-left: 100px;
}

#GraphContainer #Header #Logo {
    float: left;
}

#GraphContainer #Header #Heading {
    float: left;
    padding-left: 300px;
    font-size: 30px;
    color: #145797;
    padding-top: 60px;
}

#ReportContainer #Header #Logo {
    float: left;
}

#ReportContainer #Header #Heading {
    float: left;
    padding-left: 50px;
    font-size: 24px;
    color: #145797;
    padding-top: 60px;
}

#AuditResults #GraphContainer #Chart {
    padding-left: 130px;
}


/*#Footer {
    position: absolute;
    bottom: 5px;
}

.pdf-report {
    height: 32cm;
}*/


/* Prescribed defect report*/
/*-------------------------------------------------------*/

#PrescribedDefectReport  .report-data {
    margin-top: 20px;
}

#PrescribedDefectsData >thead tr td {
     border-top: 1px solid #ccc;
     font-weight: bold;
}

#PrescribedDefectsData tr td {
     
        text-align: left;
}

#PrescribedDefectsData .sm {
    width: 100px;
}

#PrescribedDefectsData .md {
    width: 150px;
}

#PrescribedDefectsData .lg {
    width: 200px;
}

#PrescribedDefectsData .xlg {
    width: 400px;
}

#PrescribedDefectReport  #DataTable {
    margin-top: 20px;
}

#PrescribedDefectReport #Data tr td:first-child {
    width: 200px;
    text-align: left;
    padding-left: 5px;
    font-weight: bold;
}


/* Admin Audit report*/
/*-------------------------------------------------------*/

#AuditReport #AuditReportData {
    margin-top: 20px;
}

#AuditReport #AuditReportData{
    width: 500px;
}
#AuditReport #AuditReportData tr td {
    padding: 10px;
}

#AuditReport #AuditReportData  tr td:first-child {
    width: 300px;
    text-align: left;
    padding-left: 5px;
    font-weight: bold;
}

#AuditReport #AuditReportData  tr td:nth-child(2) {
    width: 200px;
    text-align: right;
  
}



#LogoutLink:link, #LogoutLink:visited 
 {
    color: #FFF;
}
#LogoutLink:hover 
 {
    color: red;
}


.logout-icon{
    color: #FFF;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 10px;
}

.logout-icon:link, .logout-icon:visited{
    color: #FFF;
   
}

.logout-icon:hover{
    color: red;
   
}

.login-username {
    color: #FFF;
    padding-left: 5px;
    padding-top: 5px;
}

.login-name-display {
    color: #FFF;
    font-weight: bold;
    padding-left: 10px;
}

#NavigationSpace {
    padding-right: 30px;
}

.filter-icon {
    padding-right: 10px;
}

.edit-icon {
    padding-right: 10px;
}

.view-icon {
    padding-right: 10px;
}

.COES-icon{
    padding-right: 5px;
}



/* COES - notes tab*/
/*-------------------------------------------------------*/

 #AddNotesContainer textarea.k-textbox {
    width: 250px;
   
}


#SummaryText {
    font-size: 1.5em;
    text-align: center;
    padding-top: 10px;
}


#EnterCOESContainer #ViewCOESImageLink {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

#EnterCOESContainer #AddAuditDetailsLink {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}


#InspectorReport #Data .title-data {
    width: 200px;
    text-align: left;
    padding-left: 5px;
    font-weight: bold;
}

#InspectorReport #DataTable .id-title {
    width: 50px;   
}

#InspectorReport #DataTable .coes-title {
    width: 100px;   
}

#InspectorReport #DataTable .customer-name-title {
    width: 200px;   
}

#InspectorReport #DataTable .street-title {
    width: 250px;   
}


#InspectorReport #DataTable .suburb-title {
    width: 200px;   
}


#InspectorReport #DataTable .postcode-title {
    width: 100px;   
}


#AttachmentOverwrittenLabel {
    color: red;
}