.dashboard-card {
    min-height: 100vh;
    min-width: 450px;
    border: 1px solid black;
    display: flex;
    flex-direction: column;
}

.dashboard-back-navigation {
    box-shadow: 0px 0px 0px rgba(3, 7, 18, 0.08),
        0px 0px 1px rgba(3, 7, 18, 0.07),
        0px 1px 2px rgba(3, 7, 18, 0.06),
        0px 2px 4px rgba(3, 7, 18, 0.06),
        0px 3px 6px rgba(3, 7, 18, 0.05),
        0px 4px 9px rgba(3, 7, 18, 0.04),
        0px 5px 12px rgba(3, 7, 18, 0.03),
        0px 6px 15px rgba(3, 7, 18, 0.02),
        0px 8px 19px rgba(3, 7, 18, 0.02),
        0px 10px 24px rgba(3, 7, 18, 0.01);
    min-width: 100%;
    min-height: 37px;
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 1px;
    border-radius: 2px;
    background-color: #f5f5f5;
    position: relative;
}

body {
    background-color: #ffff;
}

.bottom-nav {

    box-shadow: 0px -0px 0px rgba(3, 7, 18, 0.08),
        0px -0px 1px rgba(3, 7, 18, 0.07),
        0px -1px 2px rgba(3, 7, 18, 0.06),
        0px -2px 4px rgba(3, 7, 18, 0.06),
        0px -3px 6px rgba(3, 7, 18, 0.05),
        0px -4px 9px rgba(3, 7, 18, 0.04),
        0px -5px 12px rgba(3, 7, 18, 0.03),
        0px -6px 15px rgba(3, 7, 18, 0.02),
        0px -8px 19px rgba(3, 7, 18, 0.02),
        0px -10px 24px rgba(3, 7, 18, 0.01);
    min-width: 100%;
    min-height: 50px;
    margin-top: 1px;
    margin: 1px;
    background-color: #f5f5f5;
    display: flex;
    bottom: 0;
    left: 0;
    margin-top: auto;
}

.actionable-square {
    font-weight: 500;
    font-size: x-large;
}

.mt-20-vh {
    margin-top: 20vh;
}

.pl-40 {
    padding-left: 40px;
}

.pr-40 {
    padding-right: 40px;
}

.w-200 {
    width: 200px;
}

.dashboard-action-buttons-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ml-5 {
    margin-left: 5px;
}

.form-group-new-ticket {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hr-line {
    border: 0.2px solid #00000087;
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
}

.align-baseline {
    display: flex;
    justify-content: baseline;
}

.dashboard-input {
    border: 1px solid #00000061;
}

.pr-10 {
    padding-right: 10px;
}

.pl-10 {
    padding-left: 10px;
}

.logging-table {
    margin: 2px !important;
    border: 1px solid black !important;
    border-collapse: collapse !important;
    border-spacing: 0px !important;
    border-color: black !important;
    border-style: solid !important;
    color: black !important;
    text-align: left !important;
    padding: 5px !important;
    width: 100% !important;
    overflow-x: auto;
    display: block;
}

.logging-table th, .logging-table td {
    border: 1px solid black !important;
    vertical-align: middle !important;
}

.table-head {
    background-color: #424242 !important;
    color: white !important;
}

.dashboard-content-area {
    overflow-y: scroll;
    scrollbar-width: none;
}

.dashboard-content-area::-webkit-scrollbar {
    display: none;
}

.bg-black {
    background-color: #000000;
}

.color-black {
    color: #000000;
}

.dashboard-select-box {
    border: 1px solid #00000061;
    padding: 5px;
    width: 100%;
}

.ml-2 {
    margin-left: 2px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-2 {
    margin-right: 2px;
}

label {
    white-space: nowrap;
}

/* .form input {
    width: 100%;
    padding: 5px;
    border: 1px solid #00000061;
} */
.alert.alert-success ul {
    margin: unset;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.form-group-new-ticket label {
    font-size: large;
}

.table.table-striped.table-responsive.logging-table {
    vertical-align: middle;
}

input {
    border: 1px solid black !important;
}

.form-control-medium {
    padding: 0.30rem .75rem !important;
}

.ml-2 {
    margin-left: 2px;
}

.padding-top-10 {
    padding-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.button-logout {
    mix-blend-mode: darken;
}

.dashboard-dropdown-icon {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 2rem;

}

/* image view popup */
.pwa-image-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.pwa-modal-content {
    margin: auto;
    display: block;
    max-width: 80%;
    max-height: 80%;
}

.pwa-close-modal {
    position: absolute;
    top: 30px;
    right: 50px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.pre-tip {
    gap: 5px !important;
    align-items: center !important;
}

.count-btn {
    border: 1px solid black;
    background: #f8f9fa;
    background-color: #f8f9fa;
}

.my-log-entries {
    align-items: center;
    border-bottom: 1px solid #00000030;
    padding-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
}

/* mediq query for mobile less than 450 */
@media (max-width: 450px) {

    .mobile-p-0 {
        padding: 0px !important;
    }

    .dashboard-card {
        min-height: 100vh;
        min-width: 100vw;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 1px solid black;
        border-right: 1px solid black;
    }
}