/* SASS stylesheet - requires a compiler to output a .css file.
   Recommended Compiler: WebCompiler extension for Visual Studio
   https://github.com/madskristensen/WebCompiler
*/
html, body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px; }
  html body.container, body body.container {
    width: 97% !important; }

body {
  overflow-x: hidden; }

#body { 
  margin-bottom: 30px; }

#footer a, #footer.navbar {
  color: #fff;
  font-size: 11px; }

#footer.navbar {
  min-height: 5px;
  background-image: none;
  background-color: #363636;
  padding-top: 8px;
  text-shadow: none;
  font-weight: bold; }

#footer {
  border: none; }

hr.medium-line {
  border-top-color: #c1c1c1; }

.bold {
  font-weight: bold; }

/* Debugging Column Helpers */
.hi-red {
  border: 1px solid red; }

.hi-green {
  border: 1px solid green; }

.hi-blue {
  border: 1px solid blue; }

/* Custom Colors */
.text-success-light {
  color: #09ad0c; }

/* Navigation */
#Navigation {
  background-color: #ffffff;
  font-size: 12px;
  color: #000;
  border-radius: 0; }
  #Navigation .navbar-nav > li > a:hover,
  #Navigation .navbar-nav > li > a:focus {
    color: #FF6600;
    background-color: transparent; }



/* Buttons */

.btn-xs, .btn-group-xs > .btn {
    padding: 3px 4px 2px 4px;
    font-size: 10px;
    /*line-height: 1.5;
    border-radius: 3px;*/
}


.btn-sgsorange {
  background-image: linear-gradient(#f60, #e73c00 50%, #d63c00);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f60', endColorstr='#d63c00', GradientType=0);
  filter: none;
  border: 1px solid #d62b00;
  background-image: linear-gradient(#f60, #e73c00 50%, #d63c00);
  color: #fff; }
  .btn-sgsorange:hover {
    background-image: linear-gradient(#f8640f, #d63c00 50%, #d62b00);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8640f', endColorstr='#d62b00', GradientType=0);
    filter: none;
    border: 1px solid #c51a00;
    background-image: linear-gradient(#f8640f, #d63c00 50%, #d62b00); }

/* Progress Bars */
.progress-bar-sgsorange {
  background-color: #e73c00; }

.progress-striped .progress-bar-sgsorange {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #c7c7c7;
  border-top: 3px solid #0086ca;
  border-radius: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: spin 1s infinite linear;
  display: inline-block; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/* Forms */
@media (min-width: 768px) {
  .form-horizontal .control-value {
    padding-top: 7px;
    margin-bottom: 0; } }

.mandatory:after {
  content: "*";
  color: #e82534; }


label, input {
  font-size: 11px; }


.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 25px;
    padding: 3px 5px;
    font-size: 11px;
    /*line-height: 1.5;*/
    /*border-radius: 3px;*/
}

/* Template Answer input forms*/
.col-form-label {
    padding-top: 5px;
    padding-left: 20px;
}

/* Select2 */
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap:last-child > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}


.select2-container--bootstrap .select2-selection--single.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single {
    /*border-radius: 3px;*/
    font-size: 11px;
    height: 25px;
    /*line-height: 1.5;*/
    padding: 4px 22px 5px 10px;
}

.select2-container--bootstrap .select2-selection--multiple {
    /*min-height: 34px;*/
    /*padding: 0;*/
    height: 25px;  /*auto*/
}

.select2-container--bootstrap .select2-selection--multiple.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
    min-height: 25px;
    /*border-radius: 3px;*/
}

.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    /*padding: 0 10px;*/
    font-size: 11px;
    height: 25px;
    /*line-height: 1.5;*/
}

.select2-container--bootstrap .select2-selection {
    /*-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);*/
    /*box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);*/
    /*background-color: #fff;*/
    /*border: 1px solid #ccc;*/
    /*border-radius: 4px;*/
    /*color: #555555;*/
    font-size: 11px;
    /*outline: 0;*/
}


/* Options menu pull down caret button (down arrow) */
.btn .caret {
    margin-left: 3px;
}


/* Radio */
input[type="radio"].inline-middle {
  margin-top: 2px; }



/* Textarea */

textarea {
    width: 100%;
    padding:2px;
}

textarea.form-control {
    /*height: 150px;*/
    min-height: 62px;
    max-height: 248px;
    font-size: 11px;
    resize: vertical;
}

textarea.compact {
    height: auto;
}

textarea.input-sm {
    padding: 3px;
    resize: vertical;
}

.text-area {
  white-space: pre-line; }



/* Panels */

.panel-body {
    padding: 5px;
}

.panel-heading {
    padding: 10px 10px;
    /*border-bottom: 1px solid transparent;*/
    /*border-top-right-radius: 3px;*/
    /*border-top-left-radius: 3px;*/
}

.panel-footer {
    padding: 5px 15px;
    /*background-color: #f5f5f5;*/
    /*border-top: 1px solid #ddd;*/
    /*border-bottom-right-radius: 3px;*/
    /*border-bottom-left-radius: 3px;*/
}

div.panel {
  border-color: #33779F;
  border-radius: 0px;
}
    div.panel div.panel-heading {
        background-color: #33779F;
        font-size: 12px;
        color: #ffffff;
        border-radius: 0px;
    }
    div.panel div.panel-heading a,
    div.panel div.panel-heading a:active,
    div.panel div.panel-heading a:focus,
    div.panel div.panel-heading a:hover,
    div.panel div.panel-heading a:visited {
      color: #ffffff;
      text-decoration: none; }
    div.panel div.panel-heading .pagination-sm {
      margin-top: -5px !important; }
    div.panel div.panel-heading .pagination a {
      color: #33779F; }
    div.panel div.panel-heading ul.dropdown-menu a {
      color: #666666; }
  div.panel div.panel-body.panel-shade {
    background-color: #fff; }

.panel-info > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #696969; }


.badge {
    font-size: 11px;
}



/* Tabs */
div.tab-pane {
    border: 1px solid #aaaaaa;
    border-top: 1px;
    padding: 10px;
}



#top-menu > li > a {
    /*position: relative;*/
    /*display: block;*/
    padding: 15px 10px;
}

#top-menu-user > li > a {
    /*position: relative;*/
    /*display: block;*/
    padding: 15px 10px;
}

.nav > li > a {
    /*position: relative;*/
    /*display: block;*/
    padding: 7px 10px;
}




.nav-tabs {
  border-bottom: 1px solid #d2d2d2; }
  .nav-tabs > li > a {
    border-width: 0px;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 0;
    font-size: 12px; }
  .nav-tabs > li > a:hover {
    background-color: #ffffff;
    color: #ff6600; }
  
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    background-color: #e6e6e6;
    border: 1px solid #aaaaaa;
    border-bottom-color: transparent;
    font-weight: bold; }

div.tab-content > div.tab-shade {
    background-color: #e6e6e6;
}
  div.tab-content > div.tab-shade table.sgs-data > tbody > tr:hover {
    background-color: #eaeaea; }


/* Dropdown menu */

.dropdown-menu {
    font-size: 11px;
}

.AddToDepotOrderDropdown {
    color: #696969;
}


/* Tables */
/*.table-responsive .dropdown-menu {
    position: static !important;
}*/
@media screen and (max-width: 991px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd; }
    .table-responsive .dropdown-menu {
      /*position: static !important;*/ }
  .table-responsive > .table {
    margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive > .table-bordered {
    border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }

@media screen and (min-width: 992px) {
  .table-responsive {
    overflow: auto; } }

table.sgs-data {
  font-size: 10px; }
  table.sgs-data > tbody > tr {
    background-color: #ffffff; }
  table.sgs-data > tbody > tr:hover {
    background-color: #fffce6; }
  table.sgs-data > tbody > tr.nesting-row:hover {
    background-color: #ffffff; }
  table.sgs-data > thead:first-child > tr:first-child > th {
    border-top: 1px solid #c7c8c7; }
  table.sgs-data > thead > tr > th,
  table.sgs-data > tbody > tr > th {
    border: 1px solid #c7c8c7;
    vertical-align: middle; }
  table.sgs-data > thead > tr > th {
    text-align: center; }
  table.sgs-data td,
  table.sgs-data th {
    border: 1px solid #c7c8c7; }
  table.sgs-data td.number {
    text-align: right; }
  table.sgs-data thead tr,
  table.sgs-data thead:hover {
    background-color: #33779F;
    color: #fff; }
  table.sgs-data .fa-subrow {
    color: #33779F; }
  table.sgs-data > thead > tr > th > a {
    color: #fff;
  }

tr.nesting-row > td:first-child {
  border-left: 0; }

tr.nesting-row:last-child > td:first-child {
  border-bottom: 0; }

/* Documents */
.document-container {
  padding: 10px 35px 10px 3px;
  margin-bottom: 10px;
  border: 1px solid #848484;
  height: 84px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .document-container img.document-icon {
    height: 64px; }
  .document-container .document-link {
    position: absolute;
    bottom: 20px;
    left: 84px; }
  .document-container button.document-delete {
    position: absolute;
    top: 10px;
    right: 25px; }
  .document-container a.document-download {
    position: absolute;
    bottom: 20px;
    right: 25px; }
  .document-container button.document-merge {
    position: absolute;
    bottom: 20px;
    right: 50px;
  }

/* Comments */
.comment-container {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #696969;
    min-height: 84px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #E6E6E6;
}
  .comment-container.text-area {
    padding-right: 125px; }
  .comment-container p {
    margin-bottom: 0; }
  .comment-container button.comment-add {
    position: absolute;
    top: 10px;
    right: 25px; }
  .comment-container .comment-status {
    color: #33779F;
    position: absolute;
    bottom: 16px;
    right: 26px; }



/* Modal */

.modal-header {
    padding: 10px;
    /*border-bottom: 1px solid #e5e5e5;*/
}


.modal-footer {
    padding: 10px;
    /*text-align: right;*/
    /*border-top: 1px solid #e5e5e5;*/
}


.modal-xl {
  width: 95%;
  height: 90%; }
  .modal-xl .modal-content {
    height: auto;
    min-height: 100%; }
    .modal-xl .modal-content .img-responsive {
      max-height: 79vh; }
    .modal-xl .modal-content .iframe-container {
      overflow: hidden;
      /*padding-top: 56.25%;*/
      /* Aspect ratio 16:9 => h/w*100 */
      padding-top: 45%;
      /* Aspect ratio 20:9 */
      position: relative; }
      .modal-xl .modal-content .iframe-container iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }

/* Validation */
div.validation-highlight {
  margin: 0;
  padding-top: 8px;
  border: 1px solid #ab7676;
  background: #fff2ec; }

/* Comment Widget */
.work-comments .comment {
  margin: 10px 0 10px 0; }

/* Inspection Work Item Page */
table.work-item-results td {
  width: 8.3%; }

table td.out-of-range {
    background-color: #ff4747;   /* red */
    color: white;
}

table td.equal-range {
    background-color: #ffae00;   /* amber */
    color: white;
}

table td.in-range {
    background-color: #4ac205; /* green */
    color: white;
}

/* Sidebar */
.sidebar {
  position: absolute;
  width: 300px; }
  .sidebar hr {
    margin-top: 5px;
    margin-bottom: 15px;
    border-top: 1px solid #33779F; }
  .sidebar .results label {
    margin-bottom: 0; }
  .sidebar .searching {
    width: 100%; }
  .sidebar .clear {
    font-size: 18px;
    font-weight: bold;
    color: #33779F;
    text-shadow: 0 1px 0 #ffffff; }
  .sidebar button.clear {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none; }
  .sidebar .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }

.sidebar > :last-child {
  margin-bottom: 45px; }

.sidebar.active {
  display: block;
  z-index: 1; }

.with-sidebar {
  margin-left: 315px; }

@media screen and (max-width: 991px) {
  .sidebar {
    display: none; }
  .with-sidebar {
    margin-left: 0; } }

/* Pager */
.pagination-xs > li > a,
.pagination-xs > li > span {
  padding: 2px 5px;
  font-size: 0.8em;
  line-height: 1.42857143; }

.pagination-xs > li:first-child > a,
.pagination-xs > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-xs > li:last-child > a,
.pagination-xs > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pagination a {
  color: #33779F; }
  .pagination a.active {
    font-weight: bold; }

/* Image */
.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* S4RB Export */
#S4RB-export-container ul.progress-messages {
  font-size: 16px;
  list-style-type: none;
  padding-left: 0px; }
  #S4RB-export-container ul.progress-messages li {
    padding: 3px; }

#S4RB-export-container div.mini-panel {
  border: 1px solid #cecece;
  background-color: #fbfbfb;
  padding: 2em; }

#login-forgot-password a:link {
    color: black;
}

/* OOS Report */
#oos-report-grid-table tbody tr td {
    margin-bottom: 0;
    vertical-align: middle;
    padding: 2px;
}

.txtCol {
    text-align: left;
}

.numCol {
    text-align: right;
}

.narrow {
    width: 1px;
}

hr.oos {
    margin-top: 0px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #33779F;
}




span.NC2-result {
    /*background-color: #ff4747;*/ /* red */
    background-color: #7030a0; /* purple */
    color: white;
    padding: 2px;
}

span.NC1-result {
    /*background-color: #ffae00;*/ /* amber */
    background-color: #ff4747; /* red */
    color: white;
    padding: 2px;
}

span.conform-result {
    background-color: #4ac205; /* green */
    color: white;
    padding: 2px;
}




.table td.NC2-result {
    /*background-color: #ff4747;*/ /* red */
    background-color: #7030a0; /* purple */
    color: white;
}

.table td.NC1-result {
    /*background-color: #ffae00;*/ /* amber */
    background-color: #ff4747; /* red */
    color: white;
}

.table td.conform-result {
    background-color: #4ac205; /* green */
    color: white;
}




.table > tbody > tr.active td.NC2-result {
    /*background-color: #ff4747;*/ /* red */
    background-color: #7030a0; /* purple */
    color: white;
}

.table > tbody > tr.active td.NC1-result {
    /*background-color: #ffae00;*/ /* amber */
    background-color: #ff4747; /* red */
    color: white;
}

.table > tbody > tr.active td.conform-result {
    background-color: #4ac205; /* green */
    color: white;
}




.table-hover > tbody > tr.active:hover > td.NC2-result {
    /*background-color: #ff4747;*/ /* red */
    background-color: #7030a0; /* purple */
    color: white;
}

.table-hover > tbody > tr.active:hover > td.NC1-result {
    /*background-color: #ffae00;*/ /* amber */
    background-color: #ff4747; /* red */
    color: white;
}

.table-hover > tbody > tr.active:hover > td.conform-result {
    background-color: #4ac205; /* green */
    color: white;
}



/* highlight tracker parent row */
/*tr.active {
    font-style: normal;
}*/

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 3px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: middle;
}

.form-group {
    margin-bottom: 5px;
}

/*.form-panel {
    margin: 10px;
}*/

.form-table td {
    padding: 2px;
}



.input-sm {
    height: 25px;
    padding: 5px 5px;
    font-size: 11px;
    /*line-height: 1.5;*/
    /*border-radius: 3px;*/
}

select.input-sm {
    height: 25px;
    /*line-height: 30px;*/
}


.dropdown-menu .divider {
    margin: 5px 0;
}

body.login-background {
    background: url('/images/GFILoginBackground.jpg') no-repeat center center fixed;
    background-size: cover;
}