.navbar-default {
  background-color: #415364;
  border-color: #fff;
  border-bottom-width: thick;
}

.navbar-header {
  min-height: 70px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 200px;
  margin-bottom: 10px;
}

.navbar-default .navbar-nav > li > a {
  color: white;
  border-left: white;
  border-left-color: white;
  border-left-style: solid;
  border-left-width: thin;
  border-right: white;
  border-right-color: white;
  border-right-style: solid;
  border-right-width: thin;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f0cfc8;
}

.nav > li > a {
  padding: 10px 27px;
}

.btn-primary {
  color: #fff;
  background-color: #415364;
  border-color: #415364;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: #7a7a7a;
  border-color: #7a7a7a;
}


.pagination>li>a, .pagination>li>span {
    color: #7a7a7a;
    text-decoration: none;
}

table.dataTable > tbody > tr.selected,
table.dataTable > tbody > tr > .selected {
  background-color: #e4b9b9;
}
table.dataTable.table-striped > tbody > tr:nth-of-type(2n + 1).selected {
  background-color: #e4b9b9;
}

table.dataTable > tbody > tr > .selected {
  background-color: #e4b9b9;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
  display: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
  padding-left: 0pt;
}

thead {
  display: table-row-group;
}

tfoot {
  display: table-header-group;
}

.tt_no_license {
}
.tt_no_license::before{
  
}

:root {
  --dt-row-selected: #e4b9b9;
}

/* General */
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 50px;
  color: rgb(30, 30, 30);
}

a,
a:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

textarea {
  resize: vertical;
}

.hidden {
  display: none !important;
}

/* Header */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + #pagomain {
  padding-top: 72px;
}

#site_logo {
  height: 70px;
  float: right;
  margin-right: 20px;
  background-color: white;
  margin-top: -12px;
  margin-left: -5px;
}

#nav_menu {
  border-radius: 0;
  margin-bottom: 0;
}

a.navbar-brand {
  padding: 12px 15px;
}

a.navbar-brand p {
  float: left;
  margin-top: 5px;
}

#myNavbar {
  padding-top: 9px;
}

.active {
  border-bottom: 3px solid rgb(255, 199, 3);
  font-weight: 600;
}

.logout {
  cursor: pointer;
}

.logout .glyphicon {
  top: 0.17em;
}

/* Sites Page Global */
.dropdown-toggle {
  margin-right: 15px;
}

#action-bar {
  border-bottom: 1px solid rgb(217, 217, 217);
  margin-bottom: 10px;
  background-color: white;
  z-index: 1000;
  border-radius: 0;
}

#pagomain,
#pagomain-pop {
  margin-bottom: 80px;
}

#pagomain-pop {
  width: 98%;
  margin: 0 auto;
}

a.openTrackTrace {
  display: inline-block;
  cursor: pointer;
  padding: 20px 0;
}

span.status_box {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 1em;
  background-color: blue;
}

span.status_box.status-010 {
  background-color: orange;
}

span.status_box.status-050 {
  background-color: darkorange;
}

span.status_box.status-100 {
  background-color: lightblue;
}

span.status_box.status-300 {
  background-color: lightblue;
}

span.status_box.status-310 {
  background-color: lightblue;
}

span.status_box.status-320 {
  background-color: lightblue;
}

span.status_box.status-350 {
  background-color: lightblue;
}

span.status_box.status-400 {
  background-color: lightblue;
}

span.status_box.status-410 {
  background-color: lightblue;
}

span.status_box.status-450 {
  background-color: grey;
}

span.status_box.status-700 {
  background-color: lightgreen;
}

span.status_box.status-900 {
  background-color: green;
}

span.comment-btn {
  display: inline-block;
  padding: 14px;
}

a.openViewUrl,
span.comment-btn {
  cursor: pointer;
}

.home_main-title {
  font-weight: 400;
}

.main-title {
  margin-top: 0;
  font-size: 24px;
  font-weight: 400;
}

.p_stat span {
  font-weight: 350;
  font-size: 65px;
  display: inline-block;
  text-decoration: underline;
  text-decoration-color: #c10230;
  text-decoration-style: inherit;
}

.pop-sep {
  height: 20px;
  width: 100%;
}

.help-block.error {
  color: red;
  margin-top: -10px;
}

#customer-logo {
  margin-top: 8px;
  height: 80px;
  margin-bottom: -210px;
  margin-right: 0px;
}

/* Buttons */
button.main-btn {
  margin-top: 19px;
  margin-left: 5px;
}

button.main-btn .glyphicon {
  float: left;
  margin: 3px 5px 2px 0;
}

button.main-btn .btn-title {
  margin-top: 2px;
  margin-bottom: 2px;
}

.stdalone_btn {
  font-size: 20px;
  color: rgb(186, 12, 47) !important;
}

.stdalone_btn .glyphicon {
  line-height: unset !important;
}

.stdalone_btn:hover {
  color: rgb(120, 120, 120);
}

.tool-tip {
  display: inline-block;
  height: 20px;
  padding-top: 10px;
  line-height: 0px;
}

span.glyphicon.glyphicon-trash {
  cursor: pointer;
}

/* Notifications */
.alert-top {
  top: 59px;
  width: 32%;
  left: 50%;
  margin-left: -16%;
  display: none;
  text-align: center;
  padding: 20px;
  z-index: 50000;
  position: fixed;
}

.alert-close-button {
  margin-top: -1px;
  display: block;
  margin-left: 5px;
}

.alert-msg::first-letter {
  text-transform: capitalize;
}

.popline {
  height: 100px;
  line-height: 100px;
  /*margin-right: 10px;*/
}

.notify-badge {
  position: absolute;
  height: 15px;
  background: yellow;
  width: 15px;
  text-align: center;
  border-radius: 8px;
  color: white;
  border: 1px solid #eeee00;
  padding: 2px;
  font-size: 10px;
}

.pop {
  max-width: 100px;
  max-height: 100px;
}

.popapp {
  display: inline-block;
  margin-left: 15px;
}

#PDFDownloadbtn {
  width: 45px;
  /*padding-left: 16px;*/
  text-align: center;
}

#subRowPreview {
  width: 100px;
}

.subRowItem.row p {
  margin: 0;
}

/* modal windows */
.modal.modal-wide .modal-dialog {
  width: 70%;
}

.modal-wide .modal-body {
  overflow-y: auto;
}

.modal.modal-moy .modal-dialog {
  width: 30%;
}

.modal-moy .modal-body {
  overflow-y: auto;
}

.modal-content .alert {
  width: 90%;
  margin: 0 auto 20px auto;
}

.modal-footer .input-group.txt-comment {
  width: 100%;
  margin-bottom: 5px;
}

.modal-footer .input-group.add-input {
  float: left;
  width: 170px;
  margin-right: 5px;
}

.ng-invalid {
  border: 1px solid red;
}

.modal-in-progress {
  text-align: center;
}

.modal-in-progress * {
  display: inline;
}

/* selectors bar */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#lang_form {
  width: 63px;
  margin: 10px 20px 10px 10px;
}

#customer_selection {
  width: auto;
  margin: 10px 20px 10px 10px;
  float: left;
}

.styled-select {
  background: url("../../_common/images/select_arrow.png") no-repeat 96% 0;
  height: 29px;
  overflow: hidden;
  width: 170px;
}

#lang_selec {
  background: transparent;
  border: none;
  font-size: 14px;
  height: 29px;
  padding: 5px;
  width: 70px;
  color: white;
}

#lang_selec option {
  color: black;
}

#custo_selec {
  background: transparent;
  border: none;
  font-size: 14px;
  height: 29px;
  padding: 5px;
  width: auto;
  padding-right: 45px;
  color: white;
}

#custo_selec option {
  color: black;
}

.select-shape {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.select-color {
  background-color: light gray;
}

/* footer layout */
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 75px;
  background-color: #415364;
  padding: 15px;
}

#mv_left {
  float: left;
}

#mv_left p.foot-line-1 {
  margin: 0;
}

#mv_left p.foot-line-2 {
  margin-top: 5px;
}

#mv_right {
  float: right;
}

#content-footer {
  color: #fff;
}

.afoot {
  display: block;
  color: #fff;
}

.afoot::after {
  color: #fff;
}

.webshop {
  margin-top: 5px;
}

/* login form layout */
#login-login-div {
  vertical-align: middle;
  text-align: right;
}

#login-login-div img {
  margin-top: 112px;
}

h3 {
  margin-bottom: 50px;
}

#login-button {
  margin-left: 10px;
}

#error_msg {
  color: #f00;
}

#form-action {
  text-align: right;
}

#form-action a {
  font-size: 14px;
}

.input-group {
  margin-bottom: 15px;
}

.input-group .glyphicon {
  top: 0;
}

/* when used as a standard form */
.form-action-button {
  float: right;
}

#success_message {
  display: none;
}

/* placeholders */
::-webkit-input-placeholder {
  font-weight: normal;
  font-size: 14px;
}

::-moz-placeholder {
  font-weight: normal;
  font-size: 14px;
}

:-moz-placeholder {
  font-weight: normal;
  font-size: 14px;
}

:-ms-input-placeholder {
  font-weight: normal;
  font-size: 14px;
}

/* DataTable */
.h4-table {
  float: left;
  margin-right: 15px;
  margin-top: 3px;
  font-weight: 600;
}

tfoot {
  display: table-header-group;
}

td.icon-control {
  background: url("../../_common/images/details_open.png") no-repeat center
    center;
  cursor: pointer;
}

tr.shown td.icon-control {
  background: url("../../_common/images/details_close.png") no-repeat center
    center;
}

.icon-control.selected {
  color: rgb(110, 110, 110) !important;
}

.icon-control::after {
  display: none !important;
}

td.highlight {
  background-color: whitesmoke !important;
}

.next-icon {
  margin-left: 7px;
}

.sepItem {
  border-bottom: 1px dashed lightgray;
  margin-bottom: 8px;
  margin-top: 8px;
}

.table-search-field {
  width: 100%;
  font-weight: 400;
}

table.dataTable tbody td {
  vertical-align: middle;
}

.cell-action,
.cell-action-right {
  display: inline-block;
  padding: 3px 7px 0 7px;
}

.cell-action-right {
  float: right;
}

.table-actions {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
}

.glyphicon-log-out {
  color: #555;
}

/*.glyphicon-download{vertical-align: middle;margin-bottom: -5px;}*/
.table-tooltip {
  height: 20px;
  display: block;
}

.his_pop img {
  width: 65px;
  max-height: 83px;
}

.form-width-auto {
  width: auto !important;
}

a.dropdown-item {
  clear: both;
  display: inline-block;
  text-decoration: none;
  color: rgb(110, 110, 110);
  padding: 0px 0px 5px 10px;
  cursor: pointer;
}

.CFid {
  display: none;
}

input#cat-input {
  width: 100%;
}

#por {
  margin-top: 10px;
}

table.dataTable.dtr-inline.collapsed
  > tbody
  > tr[role="row"]
  > td:first-child:before {
  display: none;
}

.historie-table tbody tr {
  height: 100px;
}

tr.selected + tr td[colspan] .subItems {
  background-color: #ffdbdb;
  color: Black;
}

tr.selected + tr td[colspan],
tr.selected + tr:hover td[colspan] {
  background-color: #efefef;
}

tr.selected + tr .glyphicon-download {
  color: 66ee6e;
}

#winding {
  height: 30px;
}

table#history-table tbody tr td.historyTd {
  padding: 0;
}

table#history-table tbody tr td.historyTd .actionMargins {
  margin: 8px;
  display: inline-block;
}

table#history-table tbody tr td.historyTd span.ApprovalHistoryaccept {
  background-color: #5cb85c;
  display: block;
  color: white;
}

table#history-table tbody tr td.historyTd span.ApprovalHistoryreject {
  background-color: #d9534f;
  display: block;
  color: white;
}

table#history-table tbody tr td.historyDate {
  white-space: nowrap;
}

/* Search fields */
tfoot tr th input::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 12px;
}

tfoot tr th input::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 12px;
}

tfoot tr th input::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 12px;
}

tfoot tr th input::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 12px;
}

/* Datatables select */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.dataTables_length label select {
  background: url("../../_common/images/select_arrow.png") no-repeat 85% 0;
  height: 29px;
  overflow: hidden;
  padding-top: 0px;
  margin-right: 3px;
}

@-moz-document url-prefix() {
  .dataTables_length label select {
    padding-top: 5px;
  }
}

/* Status */
.statusbtn {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
}

.accept {
  background-color: #5cb85c;
}

.pending,
.btn-pending {
  background-color: rgb(152, 171, 192);
}

.btn-pending {
  color: white;
  text-align: center;
  cursor: default;
}

.reject {
  background-color: #d9534f;
}

.cancel {
  background-color: lightgrey;
}

td.approvalStatus {
  color: white;
  text-align: center;
  cursor: default;
}

td.approvalStatus span:hover {
  color: white;
  cursor: default;
}

td.approvalStatus span:active {
  box-shadow: unset;
}

button.approve-btn {
  float: right;
  margin-top: 5px;
  opacity: 1 !important;
}

button.approve-btn.btn-danger {
  margin-left: 5px;
}

#approve-btn-container {
  margin-top: 29px;
}

.approverMsg {
  margin-top: 50px !important;
}

/* Advanced Search */
#collapseAdvancedSearch {
  margin-top: 10px;
}

.advs {
  width: 170px;
  margin-left: 7px;
  float: right;
}

.advs_short {
  margin-right: 5px;
  float: right;
}

.advs_title {
  margin-top: 6px;
  display: inline-block;
}

.clearFix {
  clear: both;
  margin: 0;
}

.search_query {
  margin-bottom: 10px;
  margin-left: 10px;
  width: auto;
  float: right;
}

/* Loading */
.loader {
  margin: 150px auto;
  position: absolute;
  top: 10%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-color: black;
  border-radius: 50%;
}

.loader:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  border: 0px solid white;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: loading 1000ms ease-out forwards infinite;
  animation: loading 1000ms ease-out forwards infinite;
}

@-webkit-keyframes loading {
  0% {
    border: 0px solid white;
  }

  20% {
    border: 8px solid white;
    width: 0%;
    height: 0%;
  }

  100% {
    border: 8px solid white;
    width: 100%;
    height: 100%;
  }
}

@keyframes loading {
  0% {
    border: 0px solid white;
  }

  20% {
    border: 8px solid white;
    width: 0%;
    height: 0%;
  }

  100% {
    border: 8px solid white;
    width: 100%;
    height: 100%;
  }
}

/*.user_selection_btn{background-color: #bbb; border:none;}*/
.user_selection_btn.no-margin-top {
  margin-top: 0 !important;
}

.user_selection_btn span {
  margin: 0px 0px 1px 0 !important;
}


table.upload-details tr {
  height: auto;
  min-height: 83px;
}

table.upload-details td.preview {
  padding: 0 8px;
  text-align: center;
  max-width: 100px;
  width: 10%;
  min-width: 81px;
}

div.dt-container div.dt-length select{
  line-height: normal;
}

table.upload-details .highlighted {
  background-color: #eeee00;
}

#uploads-table-container.disabled #result_wrapper{
  filter: blur(2px);
  pointer-events: none;
}

#portal-plus-required {
  display: none;
  left:50%;
  top:50%;
  -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position:absolute;
  background-color:white;
}

#portal-plus-required p{
  padding: 15px 40px;
  border: 2px solid #c10230;
}