/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
	padding-top: 3.5rem;
}

.btn {
	cursor: pointer;
}

.hidden-submit {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}


/* add some styles for display: table and children */
.table-fixed .d-table-cell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.d-table .d-table-cell {
	font-size: 0.9rem;
	font-weight: 300;
	padding: 1.1rem 0.75rem 1rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

.d-table .table-header .d-table-cell {
	font-weight: 400;
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
	border-top: none;
}

.d-table.table-hover .d-table-row:hover {
	background-color: rgba(0, 0, 0, 0.075);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.d-table.table-hover .table-header {
	background: none !important;
}

.table-sm .list-actions {
	padding: 0;
}
.table-sm .list-actions .btn-group-sm .btn {
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	margin-top: 0.04rem;
}

/*
 * override some mdbootstrap stuff
 */
.btn.btn-sm, .btn-group-sm > .btn {
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	font-size: 0.8rem;
}
.btn-group-vertical .btn {
	margin: 0;
}
.btn.btn-sm > i.fa {
	margin-right: 0.1rem;
}
.list-filters .md-form {
	margin-bottom: 0;
}
.list-filters select {
	margin-top: 6px;
	margin-bottom: 0;
}
.md-form input.form-control {
	margin-bottom: 0;
}
.md-form input[type="date"], .md-form input[type="time"] {
	line-height: 1.5rem;
}
textarea.md-textarea {
	overflow-y: auto;
	resize: vertical;
	padding-top: 0;
	min-height: 3.8rem;
}
textarea {
	height: auto;
}
table.table a {
	/* mdbootstrap cancels out table link colors for some reason */
	color: #0275d8; /* @todo: fix this to match global link colors */
}

.table-fixed {
	table-layout:fixed;
}
.table-fixed td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn[class*="btn-outline-"]:not([disabled]):not(.disabled):active,
.btn[class*="btn-outline-"]:not([disabled]):not(.disabled).active,
.show > .btn[class*="btn-outline-"].dropdown-toggle {
	/* mdbootstrap breaks btn-outline-* dropdown toggle buttons in the 'show' state */
	color: #fff !important;
}
.md-form.form-sm .prefix {
	top: 0;
	width: auto;
	padding-top: 0;
}
.badge-light {
	color: #111;
}
/*.btn {
	margin: auto;
}*/
.md-form label.form-check-label {
	position: relative;
	top: 0;
}
.list-group-flush .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}
.form-control-sm {
	font-size: 0.875rem;
	line-height: 1.5;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}
.md-form select + label {
	top: 0.5rem;
}
.md-form select {
	margin-top: 2rem;
	margin-bottom: 0;
}

/*
 * bootstrap customizations
 */
.modal-xl {
	max-width: 1200px;
}

/*
 * Form labels
 */
label.form-required:before {
	/* using before since mdbootstrap overrides label:after for some reason */
	content: " *";
	color: #bf5329;
}

/*
 * Typography
 */

h1 {
	margin-bottom: 20px;
	padding-bottom: 9px;
	border-bottom: 1px solid #eee;
}

/*
 * navbar
 */
.navbar {
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
	/*height: 57px;*/
	padding-top:4px;
	padding-bottom:4px;
	background-color: #07659e!important;
}
.navbar .dropdown .dropdown-menu .dropdown-item:active, .navbar .dropdown .dropdown-menu .dropdown-item:hover {
	border-radius: 2px;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	background-color: #e6ae5c;
	color: #000 !important;
}

/*
 * Sidebar
 */

.sidebar {
	position: fixed;
	top: 57px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	padding: 0 20px 20px 20px;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	border-right: 1px solid #eee;
	background-image: url('/css/images/bp-sidebar.jpg');
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;

	background-blend-mode: darken;
	background-color: rgba(2, 41, 63, 0.3);
}
#sidebar-collapse {
	background: rgba(2, 41, 63, 0.3);
	cursor: pointer;
}

/* Sidebar navigation */
#sidebar {
	padding-left: 0;
	padding-right: 0;
	width: 240px;
}

#app {
	padding-left: 240px;
}

#sidebar .nav-category {
	display: block;
	padding: 0.5rem 1rem 0.5rem 0.5rem;
}

#sidebar .nav-divider {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 0;
	border-bottom: 1px solid #444;
}

#sidebar {
	-webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
	        box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
}

#sidebar .list-group-item {
	background-color: transparent;
	color: #ccc;
	border: none;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
#sidebar .nav-wrapper {
	background-color: rgba(0, 0, 0, 0.2);
}
#sidebar .list-group-item-action.active {
	/*background-color: rgba(74, 116, 185, 0.4);*/
	background-color: rgba(198, 135, 41, 0.7);
	color: #fff !important;
}
#sidebar .list-group-item-action:hover {
	/*background-color: rgba(74, 116, 185, 0.6);*/
	background-color: rgba(232, 165, 65, 0.4);
	color: #fff !important;
}
#sidebar a[data-toggle="collapse"]:before {
    content: "\F0D7";
    font-family: "FontAwesome";
    font-weight: 900;
    position: absolute;
    right: 0.8rem;
}
#sidebar a[aria-expanded="true"] {
    /*background: rgba(0, 0, 0, .2);*/
}
#sidebar a[aria-expanded="true"]:before {
    content: "\F0D8";
}

#sidebar-master-search {
	z-index: 9999;
}
#sidebar-master-search input, #sidebar-master-search input:focus {
	border-bottom: 1px solid #f5f5f5;
	-webkit-box-shadow: 0 1px 0 0 #f5f5f5;
	        box-shadow: 0 1px 0 0 #f5f5f5;
	color: #f5f5f5;
}
#sidebar-master-search label, #sidebar-master-search i {
	color: #f5f5f5;
}
#sidebar-master-search label.active {
	color: #f5f5f5;
	-webkit-transform: translateY(-100%);
	        transform: translateY(-100%);
}
#sidebar-master-search .tt-dataset {
	font-size: 80%;
}
#sidebar-master-search .tt-suggestion.tt-cursor {
	/* @todo: update this color to match theme colors */
	/*background-color: #374d4f;*/
}

/*
 * Pagination links
 */
ul.pagination {
	margin-bottom: 0;
}

/*
 * Dashboard
 */

/* Placeholders */
.placeholders {
	padding-bottom: 3rem;
}

.placeholder img {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

table th.list-actions-header {
	/*width: 4rem;*/
}
table td.list-actions {
	padding: 0.25rem;
	/*width: 4rem;*/
	text-align: center;
	vertical-align: middle;
}
table td.list-actions .btn-sm {
	margin-top: 0.25rem;
}

table tr.list-filters td {
	text-align: center;
	vertical-align: middle;
}
table td.list-filter-actions {
	width: 130px;
}

table.list-table.list-table-links tbody tr {
	cursor: pointer;
}

td.bulk-selection {
  padding: 0;
}

td.bulk-selection label {
  padding: 0.75rem;
  margin: 0;
  cursor: pointer;
}

td.bulk-selection label:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.login-form {
  /*
  [type="checkbox"] + label:before {
    top: 2px;
    width: 15px;
    height: 15px;
  }
  */
  /*
  input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    z-index: 0;
    border: 1.5px solid #fff;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }

  input[type="checkbox"]:checked + label:before {
    top: -4px;
    left: -3px;
    width: 12px;
    height: 22px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #00c851 #00c851 transparent;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  */
}

.login-form .font-small {
  font-size: 0.8rem;
}

.login-form input[type="radio"] + label,
.login-form input[type="checkbox"] + label {
  font-size: 0.8rem;
}

.login-form .md-form label {
  color: #fff;
}

.login-form input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #00C851;
  -webkit-box-shadow: 0 1px 0 0 #00C851;
  box-shadow: 0 1px 0 0 #00C851;
}

.login-form input[type=text]:focus:not([readonly]) + label {
  color: #fff;
}

.login-form input[type=password]:focus:not([readonly]) {
  border-bottom: 1px solid #00C851;
  -webkit-box-shadow: 0 1px 0 0 #00C851;
  box-shadow: 0 1px 0 0 #00C851;
}

.login-form input[type=password]:focus:not([readonly]) + label {
  color: #fff;
}

/*
 * Vue-toast plugin
 */

.vue-toast-manager_container.__top {
  top: 70px !important;
}

.vue-toast_container._error .vue-toast_message {
  background-color: #bf5329 !important;
}

.vue-toast_container._warning .vue-toast_message {
  background-color: #cbb956 !important;
}

.vue-toast_container._info .vue-toast_message {
  background-color: #8eb4cb !important;
}

.vue-toast_container._success .vue-toast_message {
  background-color: #2ab27b !important;
}

/*
 * Job timeline custom styles
 */

table.job-timeline-table {
  background: linear-gradient(90deg, transparent 19px, #d8d8d8 19px, #d8d8d8 23px, transparent 23px, transparent);
}

table.job-timeline-table tr.card td {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

table.job-timeline-table td {
  padding: 0.5rem;
}

table.job-timeline-table td.timeline {
  text-align: center;
}

table.job-timeline-table td.timeline-start {
  background: radial-gradient(circle closest-side at 50% 40%, #d8d8d8, #d8d8d8 100%, transparent 100%, transparent);
}

table.job-timeline-table .timeline-date-diff {
  visibility: hidden;
}

table.job-timeline-table .timeline-date:hover .timeline-date-diff {
  visibility: visible;
}

table.job-timeline-table .badge {
  border: 2px solid transparent;
}

table.job-timeline-table .badge-success {
  color: #fff;
  background-color: #28a745;
}

table.job-timeline-table .badge-outline-success {
  border: 2px solid #00C851;
  color: #00C851 !important;
  background-color: transparent;
}

table.job-timeline-table .badge-danger {
  color: #fff;
  background-color: #dc3545;
}

table.job-timeline-table .badge-outline-danger {
  background-color: transparent;
  color: #ff3547;
  border-color: #ff3547;
}

table.job-timeline-table .badge-warning {
  color: #212529;
  background-color: #ffc107;
}

table.job-timeline-table .badge-outline-warning {
  border: 2px solid #FF8800;
  color: #FF8800 !important;
  background-color: transparent;
}

table.job-timeline-table .badge-primary {
  color: #fff;
  background-color: #007bff;
}

table.job-timeline-table .badge-outline-primary {
  border: 2px solid #4285F4;
  color: #4285F4 !important;
  background-color: transparent;
}

table.job-timeline-table .badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

table.job-timeline-table .badge-outline-secondary {
  border: 2px solid #6c757d;
  color: #6c757d !important;
  background-color: transparent;
}

table.job-timeline-table .timeline-content {
  position: relative;
}

table.job-timeline-table .timeline-content:hover .edit-link {
  display: block;
}

table.job-timeline-table .edit-link {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}

table.job-timeline-table .add-comment-box textarea {
  display: block;
  border-radius: 5px;
  border: 1px solid transparent;
  -webkit-transition: none;
  transition: none;
  overflow-y: auto;
  resize: vertical;
  padding: 8px;
  background-color: transparent;
  outline: none;
}

table.job-timeline-table .add-comment-box textarea:focus {
  border: 1px solid #4285f4;
}

table.job-timeline-table .add-comment-box .textarea-wrap {
  background: #f5f5f5;
  border-color: #ccc;
  border-radius: 5px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

table.job-timeline-table .add-comment-box .comment-buttons {
  height: 0;
  width: 100%;
  text-align: center;
  display: block;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  overflow: hidden;
  /*
      label {

        border: 1px solid #333;
        border-radius: 3px;
        padding: 8px;
        background-color: #ccc;
      }
      */
}

table.job-timeline-table .add-comment-box.focused .textarea-wrap {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

table.job-timeline-table .add-comment-box.focused textarea {
  border-bottom-color: #4285f4;
  border-radius: 5px 5px 0 0;
  background: white;
  outline: none;
}

table.job-timeline-table .add-comment-box.focused .comment-buttons {
  height: 50px;
}

.vue-toast-manager_container {
  z-index: 99999;
}

.btn .fa {
  font-size: 14px;
}

/* allow card scrolling on small displays */

.card .card-body {
  overflow-x: auto;
}