/*@font-face {*/
/*    font-family: Myriad;*/
/*    src: url('Myriad Pro Regular.ttf');*/
/*}*/

.tab-panel-pa-4 {
    height: calc(100vh - 260px);
    overflow-y: auto;
    padding: 16px !important;
}

.tab-panel-pl-4 {
    height: calc(100vh - 300px);
    overflow-y: auto;
    padding: 0 0 0 16px !important;
}

.mobile-tab-panel-pa-4 {
    height: calc(100vh - 170px);
    overflow-y: auto;
    padding: 16px !important;
}

.full-height {
    height: calc(100vh - 170px);
}

.no-wrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.v-align-bottom {
    vertical-align: bottom;
}

.bold {
    font-weight: bold;
}

.mud-dialog-content td {
    color: inherit !important;
}

.dialog-background {
    background-color: var(--mud-palette-background);
    border-radius: 0 !important;
}

.mud-dialog-actions {
    background-color: var(--mud-palette-primary-hover)
}

/*input, textarea, .mud-radio-content, .mud-select-input {*/
/*    font-size: 14px !important;*/
/*}*/

.mud-table-container {
    height: 100%;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    white-space: nowrap;
}

/*Tokkie css for kanbans*/
.jobs-container {
    display: flex;
    /*justify-content: space-around;*/
    /*overflow-y: scroll;*/
    overflow: scroll;   
    max-height: 650px;
}

.job-status {
    display: flex;
    flex-direction: column;
    width: 300px;
    height: 700px;
}

    .job-status ul {
        flex: 1;
    }

.dropzone {
    padding: 25px;
    /* border: 1px dashed #75868a;*/
    list-style: none;
}

.no-drop {
    border: 2px dashed red;
}

.can-drop {
    border: 2px dashed green;
}

.draggable {
    margin-bottom: 10px;
    /* padding: 10px 25px;*/
    border: 1px solid #424d5c;
    cursor: grab;
    /* background: #ececec;*/ /*#808080;*/
    /*color: #ffffff;*/
    /* color: #000f;*/
    border-radius: 5px;
    width: 250px;
    /*cursor:pointer;
    touch-action:none;*/
}

    .draggable:active {
        cursor: grabbing;
    }

.dragging {
    cursor: grabbing;
}

.description {
    font-size: 18px;
}

.last-updated {
    margin-bottom: 0;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    margin-left:24px;
}

    .last-updated small {
        text-transform: uppercase;
        color: #000000;
        font-size: 11px;
    }