﻿body { background-color:#fff;
}

form { margin-left:5px; margin-right:5px; }

.navbar, .navbar.navbar-collapse .navbar-container, .table-header {
  /*background: #15145F;*/
  /*background: #438eb9;*/
  background: #307ecc;
}

.navbar.h-navbar {
    box-shadow:none;
}

.navbar-container, .navbar-menu, .navbar-collapse { padding-left:0px; }

.navbar-header img#logo { position:absolute; top:0;right:0; }

@media (max-width: 991px) {
    .navbar .navbar-header {
        display: none;
    }
}

#navbar-container nav.pull-right {
    margin-right: 200px;
}

#navbar-container nav.pull-right ul li {
    border-width: 0;
}

header div.page-header h1 { display: inline-block; }
header div.page-header span#email { margin-right:222px; margin-top:5px; }

.page-header { padding-bottom:6px; }

div#login { width:446px; margin:0px auto 0px auto; }
div#login .container { width:500px; }
div#login label { white-space:nowrap; }
div#login img#logo { margin-top:26px; margin-bottom:26px; }
div#login .error { text-align:center; font-weight:bold; color:red; font-size:16px; }

div#error { width: 446px; margin: auto; }
div#error p { margin:10px 10px 10px 10px; text-align:center; }

div#errorLog textarea#log, div#businessLog textarea#log { width:99%; margin:5px 5px 5px; }

div#lookupList div#top { width:500px; }
div#lookupList table { width:auto; }

div#lookup { width:50%; }
div#lookup .desc { text-align:left; }

.form-group { margin-bottom:5px; }

.form-group.required .control-label:after {
  content:"*";
  color:red;
  font-weight:bold;
  font-family:Verdana;
}

.form-group input[type="checkbox"] { margin-top:10px; }

div.buttons { text-align:right; margin-top:50px; margin-bottom:10px;  }
div.buttons *.btn  { margin-right:10px; margin-left:10px; }
div.buttons input.left { float:left; }

/*.input-sm { font-size:14px; padding-top:1px; padding-bottom:1px; }*/

/*div#companies { padding:5px 5px 5px 5px; }*/
div#companies table span.badge { margin-left:10px; }

div#companies .dataTables_wrapper :first-child.row { padding-top:6px; padding-bottom:3px; }
div#companies div#preferred label span { vertical-align:middle; }
div#companies div.adv-search { margin-left:10px; margin-right:20px; margin-bottom:10px; }
div#companies table tr td:last-child { padding-right:20px; }

div#companies table#grid .name { white-space:nowrap; }
div#companies table#grid .contact { white-space:nowrap; }
div#companies table#grid .regions { width:25%; white-space:nowrap; }
div#companies table#grid .bus { width:25%; white-space:normal; }
div#companies table#grid .lassess { white-space:nowrap; }
div#companies table#grid .expiry { white-space:nowrap; }
div#companies table#grid .score { white-space:nowrap; }
div#companies table#grid .actions { white-space:nowrap; }

div.dataTables_filter { text-align:left; }
div.dataTables_length { text-align:right; }
.dataTables_filter input[type=text], .dataTables_filter input[type=search] { width:250px; }

.dataTables_wrapper div { background-color:#EFF3F8; }
.dataTables_wrapper td a { margin-left:15px; }
.dataTables_wrapper td a:first-of-type { margin-left:0px; }

span.score { font-size:16pt; height:auto; }

th { white-space:nowrap !important; }
div.alert { margin-left:10px; margin-right:20px; }

table.compact-grid> thead > tr > td,
table.compact-grid > tbody > tr > td,
table.compact-grid > tfoot > tr > td { padding-top:4px; padding-bottom:4px; }


.padded-content { padding-left:10px; padding-right:10px; }

input.hasDatepicker { width:150px; }

div#assessmentLanding div.widget-box {
    height:400px;
}


div#assessment #actions {
    margin: 2em 0;
}
/* Mimic table appearance */
div#assessment div.table {
    display: table;
}
div#assessment div.table .file-row {
    display: table-row;
}
div#assessment div.table .file-row > div {
    display: table-cell;
    vertical-align: top;
    border-top: 1px solid #ddd;
    padding: 8px;
}
div#assessment div.table .file-row:nth-child(odd) {
    background: #f9f9f9;
}
/* The total progress gets shown by event listeners */
div#assessment #total-progress {
    opacity: 0;
    transition: opacity 0.3s linear;
}
/* Hide the progress bar when finished */
div#assessment  #previews .file-row.dz-success .progress {
    opacity: 0;
    transition: opacity 0.3s linear;
}
/* Hide the delete button initially */
div#assessment  #previews .file-row .delete {
    display: none;
}
/* Hide the start and cancel buttons and show the delete button */
div#assessment #previews .file-row.dz-success .start,
div#assessment #previews .file-row.dz-success .cancel {
    display: none;
}
div#assessment #previews .file-row.dz-success .delete {
    display: block;
}

div#assessment div.pd, div#assessment2 div.pd {
    padding: 10px 10px 10px 10px;
}

div#assessment textarea, div#assessment2 textarea { width:100%; }

div#assessments div.row { margin-right:0px; }
div#assessments table#grid .name { white-space:nowrap; }
div#assessments table#grid .submitted { white-space:nowrap; }
div#assessments table#grid .assessor { white-space:nowrap; }
div#assessments table#grid .notes { width:50%; white-space:normal; }
div#assessments table#grid .actions { white-space:nowrap; }



/*div#user #ddDivision { width:50%; }*/

div#systemSetting textarea { width:100%; }

div#reports a { font-size:14px; }


div#questionnaireDesign .form-group { margin-bottom:30px; }
div#questionnaireDesign input.score { display:inline-block; width:100px; margin-left:10px; margin-right:10px; }
div#questionnaireDesign input[type="checkbox"] { margin-left:10px; margin-right:10px; }
div#questionnaireDesign div.buttons div { display:inline-block;  }

div#SystemInfo {
    padding: 10px 10px 10px 10px;
}
div#SystemInfo form {
    display:inline;
}

div#stocktakeDetails, div#siteDetails, div#userSecurityGroups, div#about, div#editAssignedUsers {
    padding: 10px 10px 10px 10px;
    width: 98%;
}


/* Sticky footer styles
-------------------------------------------------- */
/*html {
  position: relative;
  min-height: 100%;
}*/
/*body {*/
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;
}*/
.myfooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
  padding-top:20px;
  overflow:hidden;
}
.myfooter a, .myfooter label { margin-left:10px; margin-right:10px; }

.forgotpassword{ margin-top:40px; }

div.newFile { font-weight:bolder; }
.badge { margin-left:5px; margin-right:5px; }






div#search { margin: -5px -5px -5px -5px; }
div#search div#criteria { float:left; width:221px; margin:0px; border-collapse:collapse; padding-bottom:10px; margin-left:4px; margin-right:4px; }
div#search div#criteria ul { list-style:none;  margin:0px; }
div#search div#criteria li { padding:5px 10px 5px 10px; }
div#search div#criteria li:last-child { margin-top:15px; min-height:67px; }
div#search div#criteria li select { width:200px; }
div#search div#criteria div.widget-box { margin-top: 0; }
div#search div#wrapper { float:right; width:100%; margin-left:-233px;}
div#search div#results { margin-left:232px; }
div#search div#results table tr td:first-child, div#search div#results table tr th:first-child { padding-left:15px; }
div#search div.widget-main { padding:0 0 0 0;}

div#companyList { width:99%; }
div#companyList div.search { padding:10px 10px 10px 10px; }
div#companyList div.search input { width:300px; display:inline-block; margin-left:20px; }

div#about table image { margin-right:5px; }

div#user div.row  { padding:10px 10px 10px 10px; }

div#stockDetails { padding:10px; }
div#stockDetails div.row { margin-left:0px; margin-right:0px; }
    /*div#stockDetails div.photos { padding:17px; }*/
div#stockDetails div.photos {
    padding-bottom:12px;
}
div#stockDetails div.photos div.photo {
    display:inline-block;
    padding:12px 6px 6px 0px;
    position:relative;
}

div#stockDetails div.photos div.photo .photo-pin {
    position:absolute;
    top:18px;
    right:24px;
}
div#stockDetails div.photos div.photo a {
    display: inline-block;
    width: 100%;
    text-align: center;
}

body .form-horizontal a.control-label {
    display: inline-block;
    line-height: 21px;
    font-size: 14px;
    padding-top: 7px;
}




.qq-upload-drop-area {
    font-weight: bold;
    padding-top: 150px;
}
div.fileinput-button {
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
    vertical-align: baseline;
    text-align: center;
    padding: 12px;
    cursor: pointer;
}
div#fine-uploader-gallery {
    margin:10px;
}

div#stockDetails .btn-download-photos {
    margin-top: 2px;
    margin-right: 6px;
}


div#stocklistImportStatus div#importStatus {
    padding:20px;
    font-size:18px;
    font-weight:bold;
    height:auto;
}

div#stocklistImportStatus div#sites {
    vertical-align:top;
    margin-bottom:20px;
}
div#stocklistImportStatus div#sites div.column {
    display:inline-block;
    width:24%;
    vertical-align:top;
}

div#dashboard div#filter {
    padding: 10px;
}
div#dashboard div#filter label {
    margin-right: 10px;
}
div#dashboard div#filter select {
    min-width: 200px;
}
div#dashboard table#grid tr td.pb {
    min-width:200px;
}
div#dashboard table#grid tr td.pb div.progress div.progress-bar:nth-of-type(1) {
    background-color: #59a84b;
}
div#dashboard table#grid tr td.pb div.progress div.progress-bar:nth-of-type(2) {
    background-color: #fee188;
}
div#dashboard table#grid tr td.pb div.progress div.progress-bar:nth-of-type(3) {
    background-color: #f89406;
}


div#commentlog div.comment {
    border: 1px solid #cdd8e3;
    padding: 15px;
    margin-top:5px;
}
div#commentlog div.comment div.created {
    color:#cdd8e3;
}
div#commentlog div.comment .delete {
    float: right;
}

table.table-striped tr.alert-danger {
    background-color: #f2dede;
    color: #a94442;
}






.db__map-holder {
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
#db-map {
    height: 564px;
    /*width: 920px;*/
    border: 1px solid #bbbbbb;
}
.db__map-trigger-holder {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 0;
    opacity: 0;
    margin-bottom: 15px;
    margin-top: -10px;
}
/*.gmnoprint {
    display: none;
}*/


.progress-bar-blue {
    background-color: #337ab7 !important;
}
.progress[data-percent]:after {
    color: black;
}


div#report-security {
    border: 1px solid #dddddd;
    padding:12px;
}
div#report-security div {
    display:inline-block;
    width:48%;
}

div#criteria div.widget-box {
    margin-top:0;
}

.inline-search .form-group {
    margin-left:30px;
}

div.info {
    background-image: url('../../Content/NRM/Images/info.gif');
    background-repeat: no-repeat;
    padding-left: 45px;
    margin: 10px;
}

.help-text {
    color: #777777;
    font-size:12px;
}

div#commslog table#sync-details tr td {
    white-space:nowrap;
}
div#commslog table#sync-details tr td:nth-child(7) {
    white-space: normal;
}