/*Tab Menu*/

.clnm-tab-menu-btn-row {
    border: solid 1px gray;
    border-radius: 2px;
}

.clnm-tab-menu-item-content{
    overflow: hidden;
    flex: 1;
}

.clnm-tab-menu {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.clnm-tab-menu-item-option-selected {
    padding: 8px;
    display: inline-block;
    color: black;
    background-color: lightgrey;
}

.clnm-tab-menu-item-option {
    padding: 8px;
    display: inline-block;
    color: black;
    background-color: white;
}

/*Kanban*/

.clnm-selected-kanban-card {
    border: solid 4px #d2d205!important;
}

.clnm-kanban {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
    padding: 0 40px;
}

.clnm-kanban-column-row-container {
    overflow-y: hidden;
    flex-grow: 1;
}

.clnm-kanban-header-row {
    display: flex;
}

.clnm-kanban-column-row {
    display: flex;
    height: 100%;
    width: 100%
}

.kanban-card {
    margin: 12px;
    width: calc(100% - 24px);
    box-shadow: 2px 2px grey;
}

.kanban-card-ellipse {
    float: right;
    padding-top: 0px;
    padding-bottom: 0px;
}

.clnm-kanban-card-holding-pen {
    display: none;
}

.nurse-blocks-wrap .clnm-kanban-header-row > .nurse-blocks-title:nth-child(even), 
.clnm-kanban-column-row > .clnm-kanban-column:nth-child(even) {
    background-color: #EFEFEF;
}

/*Modal*/

.queue-modal {
    position: relative;
    height: inherit;
}

.queue-modal-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0, 0, 0, 0.3);
    display: none;
    align-items: center;
    justify-content: center;
    transform-origin: center;
}

.queue-modal-backdrop > * {
    background-color: #f5f5f5;
}

/*NavBar*/

.queue-navbar-page-content {
    padding: 24px;
    max-height: 92%;
    overflow-y:scroll;
}

.queue-navbar{
    height:8%;
}

.queue-top-nav-item {
    display: flex;
    height: 100%;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    cursor: pointer;
}

    .queue-top-nav-item:hover, .queue-top-nav-item.clnm-active {
        background-color: #f5f5f5;
    }


.dxbs-gridview .btn.btn-link {
    color: #007bff;
}

/*Accordian*/

.clnm-accordian {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.clnm-accordian-row {
}

.clnm-accordian-row-header {
    cursor: pointer;
}

.clnm-accordian-row-content {
    overflow: hidden auto;
    transform-origin: top;
    transform: scaleY(0);
    max-height: 0;
    transition: all 500ms;
}