/*Global Project CSS file*/

/** Enable landscape printing in chrome */
@media print{
    @page {
        size: auto
    }
}

/** Fix branding text color */
.btn-primary, .btn-branding,
.badge-primary, .badge-branding,
.badge-tenant {
    color: #fff;
}

.background-image {
    background-image: url(/project/assets/img/aaback2.jpg);
    background-size: cover;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

 .sidebar-image {
  margin-top: auto;
  margin-left: 5px;
  margin-right: 5px;
  /* position: absolute; */
  /* bottom: 100px; */
  width: 250px;
  height: auto;
  /* z-index: -1000; */
}

.main-panel {
    margin-top: 64px;
    margin-bottom: 0px;
    height: calc(100vh - 64px);
    min-height: 100%;
    /* height: 100%; */
    position: relative;
    float: right;
    width: calc(100% - 260px);
    transition: 0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1);
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .main-panel {
        width: 100%;
    }

    .logged-in-user {
        display: none !important;
    }

    #page-spacer {
        margin: 0 !important;
    }

    .container-fluid {
        padding: 0 !important;
    }
}

/*Fix for bootstrap dropdown menus getting cut off by table responsive parents*/
@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: static !important;
    }
}

/** navbar */

#navbar_logo {
    max-height: 64px;
    max-width: calc(100vw - 80px);
}

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    height: 64px;
    z-index: 999;
}

.logo {
    max-height: 70px;
    width: auto;
}

.user-photo {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    z-index: 5;
    margin-right: 11px;
    border-radius: 50%;
}

.user-photo img {
    width: 100%;
}

.avatar img {
    width: 125px;
    height: 125px;
    overflow: hidden;
    border-radius: 50%;
}

/** ugampl */

.directory-img {
    max-width: 50px;
    max-height: 50px;
}

/* ??? */

.form-control select {
    -moz-appearance: menulist-button !important;
    /*    -webkit-appearance: menulist-button !important; DISABLED DUE TO BREAKING FORM IN SAFARI*/
    appearance: menulist-button !important;
}
select,
select.form-control {
    -moz-appearance: menulist-button !important;
    /*    -webkit-appearance: menulist-button !important; DISABLED DUE TO BREAKING FORM IN SAFARI*/
    appearance: menulist-button !important;
}

/*BOOTSTRAP SELECT OVERRIDE*/

.bootstrap-select > .dropdown-toggle {
    background-color: transparent !important;
}

.bootstrap-select > .dropdown-toggle {
    color: #999 !important;
}

.bootstrap-select .dropdown-menu .dropdown-item {
    max-width: fit-content;
}

/*BOOTSTRAP MATERIAL DESIGN OVERRIDES*/

.btn.btn-xs,
.btn-group-xs > .btn,
.btn-group-xs .btn {
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

/*MATERIAL DASHBOARD OVERRIDES*/

input::placeholder {
    font-size: 14px !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.card-description {
    color: #333 !important;
}

.table thead th {
    font-size: 0.85rem !important;
}

.form-check .form-check-label {
    padding-left: 20px !important;
}

.fa-sm {
    font-size: 0.875rem !important;
}

/* KIOSK CSS BELOW HERE */

#header img {
    width: 300px;
    padding: 20px;
}

/*Fix for modals loading vue not vertically scrolling even with modal-dialog-scrollable added*/
.modal-body {
    max-height: calc(100vh - 210px) !important;
    overflow-y: auto !important;
}