body {
}

/* Firefox specific hack */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0.625rem;
    font-size: 1rem;
}

main {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
}

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

.form-group.multiple-stacked label:not([for]) {
    width: 100%;
    font-weight: normal;
}

.form-group.multiple-stacked input,
.form-group.multiple-inline input {
    position: relative;
    top: 3px;
    margin: auto 4px;
}

.form-group.multiple-inline label:not([for]) {
    margin-right: 2rem ;
}


/* Bootstrap 4 submenu */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}


/* Chosen customisations */
.form-control ~ .chosen-container {
    font-size: 1rem;
    width: 100% !important;
}

.form-control ~ .chosen-container-single .chosen-single {
    line-height: 1.5;
    padding: .375rem .75rem;
    height: unset;
    color: #495057;
    border-radius: 0.25rem;
}

.form-control ~ .chosen-container-active.chosen-with-drop .chosen-single,
.form-control ~ .chosen-container-active.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-control ~ .chosen-container-single .chosen-single > div {
    padding: .375rem 0;
}

.form-control ~ .chosen-container-multi .chosen-choices {
    border-radius: 0.25rem;
}

.form-control ~ .chosen-container-multi .chosen-choices li.search-choice {
    padding: .375rem 1.5rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
}

.form-control ~ .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: .75rem;
}

.form-control ~ .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    line-height: 1.5;
    padding: .55rem .75rem;
    height: unset;
    color: #495057;
}


/* Select2 customisations */
.select2-container--bootstrap4 .select2-selection--single {
	padding: .65rem 1.125rem .65rem .75rem;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
	padding: .65rem .125rem .40rem .75rem; /* right and bottom are reduced by .25rem because of the following */
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
	margin: 0 .25rem .25rem 0;
	padding: .25rem .75rem;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field {
	height: auto;
	padding: .25rem .375rem;
	margin-top: 1px;
}

/* Material Dashboard fixes/customisations */
a.logo-mini img {
	max-width: 30px;
	max-height: 40px;
}

a.logo-normal img {
	max-height: 40px;
}

.login-page .page-header {
	min-height: inherit;
}

.wrapper.wrapper-full-page .page-header {
    min-height: 100vh;
}

body.off-canvas-sidebar:not(.login-page) .page-header > .container {
    padding-top: 70px;
    padding-bottom: 200px;
}

.navbar-nav .nav-item .nav-link .icon,
.dropdown-menu .dropdown-item .icon {
    margin-right: 7px;
}

.sidebar[data-background-color="black"] .sidebar-background::after {
	opacity: .7;
}

.sidebar .nav p {
	text-overflow: ellipsis;
	overflow: hidden;
}

.sidebar-mini .sidebar .nav a[data-toggle="collapse"] > p {
	padding-right: 0;
	transition: all 300ms linear, padding-right 300ms step-start;
}
.sidebar-mini .sidebar:hover .nav a[data-toggle=collapse] > p,
.sidebar .nav a[data-toggle=collapse] > p {
    padding-right: 1rem;
    transition: all 300ms linear, padding-right 300ms step-end;
}

.collapse .sidebar-mini,
.collapsing .sidebar-mini {
    height: 30px;
    padding-top: 4.375px;
}

h1 .badge, h2 .badge,
h3 .badge, h4 .badge,
h5 .badge, h6 .badge,
h7 .badge {
    font-size: inherit;
}

h1 {
	font-size: calc(1.5625rem + 1.5vw);
}

.card .table tr:first-child th {
    border-top: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
	cursor: not-allowed;
}

.btn {
	white-space: normal;
}

.page-header:not(.header-filter) .footer .copyright,
.footer a {
  color: #555;
}

.page-header {
    max-height: unset;
}

.table .form-check .form-check-sign {
    top: 0;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
  padding-right: 30px !important;
}

table.dataTable thead>tr>th.adjacent-sorting-icons::before,
table.dataTable thead>tr>th.adjacent-sorting-icons::after {
	content: "" !important;
}

table.dataTable thead span.sort-icon {
    position: relative;
    display: inline-block;
    padding-left: 5px;
    width: 16px;
    height: 16px;
    top: -4px;
}

table.dataTable thead .sorting span.sort-icon:before,
table.dataTable thead .sorting span.sort-icon:after,
table.dataTable thead .sorting_asc span.sort-icon:before,
table.dataTable thead .sorting_asc span.sort-icon:after,
table.dataTable thead .sorting_desc span.sort-icon:before,
table.dataTable thead .sorting_desc span.sort-icon:after,
table.dataTable thead .sorting_asc_disabled span.sort-icon:before,
table.dataTable thead .sorting_asc_disabled span.sort-icon:after,
table.dataTable thead .sorting_desc_disabled span.sort-icon:before,
table.dataTable thead .sorting_desc_disabled span.sort-icon:after {
    position: absolute;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting span.sort-icon:before,
table.dataTable thead .sorting_asc span.sort-icon:before,
table.dataTable thead .sorting_desc span.sort-icon:before,
table.dataTable thead .sorting_asc_disabled span.sort-icon:before,
table.dataTable thead .sorting_desc_disabled span.sort-icon:before {
    left: 0.5em;
    content: "\2191";
}

table.dataTable thead .sorting span.sort-icon:after,
table.dataTable thead .sorting_asc span.sort-icon:after,
table.dataTable thead .sorting_desc span.sort-icon:after,
table.dataTable thead .sorting_asc_disabled span.sort-icon:after,
table.dataTable thead .sorting_desc_disabled span.sort-icon:after {
    left: 1em;
    content: "\2193";
}

table.dataTable thead .sorting_asc span.sort-icon:before,
table.dataTable thead .sorting_desc span.sort-icon:after {
    opacity: 1;
}

table.dataTable thead .sorting_asc_disabled span.sort-icon:before,
table.dataTable thead .sorting_desc_disabled span.sort-icon:after {
    opacity: 0;
}

.sidebar .nav li.separator.not-that-much {
    margin: 0;
    padding: 0;
}

.sidebar .nav li.separator.not-that-much:after {
    margin-top: 10px;
}

.sidebar .nav li.separator.not-that-much + li {
    margin-top: 20px;
}

.standalone.separator a {
    display: none;
}

ul.alert {
    padding-left: 30px;
}

.modal .align-items-center .modal-dialog {
    margin-top: 1.75rem;
}

.modal-full {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
}
/*
.modal-full .modal-content {
    height: 100%;
}
*/
.modal-body {
    min-height: 0;
}

/* End of Material Dashboard fixes/customisations */



/**
 * Chrom* hack to show date picker on input click (standardize the behavior between different browsers)
 * Note: this can be applied to datetime(-local) inout elements because of time-picker not being showing (not implemented?)
 */

input[type="date"] {
    position: relative;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
input[type="date"]:after {
    content: "\25BC";
    color: #555;
    padding: 0 5px;
}

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/* adjust increase/decrease button */
input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

 /* adjust clear button */
 input[type="date"]::-webkit-clear-button {
     z-index: 1;
 }


/**
 * Our styles
 */
.form-control.fileinput {
	height: inherit;
}

fieldset > legend {
    color: #999999;
    will-change: left, top, contents;
    margin: 0;
    font-size: 14px;
    line-height: 1.42857;
    font-weight: 400;
}

.sidebar-mini .ident .nav {
    margin-left: 0px;
}

.ident .nav,
.sidebar-mini .sidebar:hover .ident .nav {
    margin-left: 8px;
}

.sidebar .ident .nav {
  -webkit-transition-property: margin-left .35s ease;
  transition: margin-left .35s ease;
}

.required label::after,
.required fieldset legend::after {
    content: " *";
    display: inline;
}

.required fieldset label::after {
    content: "";
}

.form-group-linked-to-previous {
    margin-top: -8px !important;
    padding-left: 24px;
}

@supports (position: sticky)
{
  .sticky-bottom-0 {
    position: sticky;
    bottom: 0px;
  }
  .sticky-bottom-1 {
    position: sticky;
    bottom: 4px;
  }
  .sticky-bottom-2 {
    position: sticky;
    bottom: 8px;
  }
  .sticky-bottom-3 {
    position: sticky;
    bottom: 16px;
  }
  .sticky-bottom-4,
  .sticky-bottom {
    position: sticky;
    bottom: 24px;
  }
}