/***************/
/*STANDARD GRID*/
/***************/
.phoenix-grid,
.k-widget.k-grid,
.phoenix-grid.k-widget.k-grid {
    box-shadow: var(--big-shadow);
    height: 100%;
    border: 1px solid var(--grid-border);
    overflow-x: hidden;
    display: flex;
    flex-flow: row wrap;
    border-radius: 0;
}

.phoenix-grid table,
.k-widget.k-grid table,
.phoenix-grid.k-widget.k-grid table {
    align-self: flex-start;
    border-collapse: collapse;
    table-layout: fixed;
}

.phoenix-grid table tbody,
.k-widget.k-grid table tbody,
.phoenix-grid.k-widget.k-grid table tbody {
    position: relative;
    overflow-x: auto;
    overflow-y: scroll;
    min-height: 0;
    color: var(--grid-body-font);
}

/******/
/*Head*/
/******/
.phoenix-grid table thead,
.k-widget.k-grid table thead {
    position: sticky;
    top: 0;
    z-index: 1;
    height: 3rem;
    background-color: var(--grid-body-background);
}

#QuestionsInExam [id^="QuestionsInBlockDetailsGrid_"] thead,
#ExamBlockQuestionGrid [id^="ExamQuestionsDetailsGrid_"] thead,
#QuestionsOverviewArea [id^="DetailsGrid"] thead {
    z-index: 0;
}

.phoenix-grid table thead tr th.k-grid-header,
.k-widget.k-grid table thead tr th.k-grid-header,
.phoenix-grid table thead tr th.k-header,
.k-widget.k-grid table thead tr th.k-header {
    background: var(--grid-head-background);
    color: var(--grid-head-font);
    text-transform: uppercase;
    font-size: 1.6rem;
    padding: .5rem 1rem .5rem 1rem;
}

.phoenix-grid table thead tr th.k-header > .k-link,
.k-widget.k-grid table thead tr th.k-header > .k-link {
    color: var(--grid-head-font);
}

    .phoenix-grid table thead tr th.k-header > span.k-link,
    .k-widget.k-grid table thead tr th.k-header > span.k-link,
    .phoenix-grid table thead tr th.k-header > a.k-link,
    .k-widget.k-grid table thead tr th.k-header > a.k-link {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;


    }

.phoenix-grid table thead tr th.k-header.phoenix-action,
.k-widget.k-grid table thead tr th.k-header.phoenix-action,
.phoenix-grid table thead tr th.k-header.phoenix-action,
.k-widget.k-grid table thead tr th.k-header.phoenix-action {
    color: transparent;
    font-size: 0;
}

    .phoenix-grid table thead tr th.k-header.phoenix-action.phoenix-store,
    .k-widget.k-grid table thead tr th.k-header.phoenix-action.phoenix-store,
    .phoenix-grid table thead tr th.k-header.phoenix-action.phoenix-store,
    .k-widget.k-grid table thead tr th.k-header.phoenix-action.phoenix-store {
        color: transparent;
        font-size: 1.6rem !important;
    }

    .phoenix-grid table thead tr th.k-header.phoenix-action.phoenix-store .k-link,
    .k-widget.k-grid table thead tr th.k-header.phoenix-action.phoenix-store .k-link {
        visibility: hidden;
    }

    .phoenix-grid table thead tr th.k-header.phoenix-action.phoenix-store span.k-icon.k-i-more-vertical,
    .k-widget.k-grid table thead tr th.k-header.phoenix-action.phoenix-store span.k-icon.k-i-more-vertical {
        margin-right: 0.5rem;
        margin-bottom: 0.15rem;
    }

.phoenix-grid table thead tr th.k-header.phoenix-action.context-menu-no-show a,
.k-widget.k-grid table thead tr th.k-header.phoenix-action.context-menu-no-show a,
.phoenix-grid table thead tr th.k-header.phoenix-action.context-menu-no-show a,
.k-widget.k-grid table thead tr th.k-header.phoenix-action.context-menu-no-show a {
    display: none;
}

.phoenix-grid.k-widget.k-grid .k-grid-header {
    .k-header-column-menu, .k-grid-filter {
        &.k-state-active {
            background-color: var(--grid-head-font);
            color: var(--white);

            .k-icon {
                color: inherit;
            }
        }
    }

    .k-i-sort-asc-sm, .k-i-sort-desc-sm, .k-sort-order {
        color: var(--grid-head-font);
    }
}


.phoenix-grid table thead tr th.k-header .k-header-column-menu .k-icon,
.k-widget.k-grid table thead tr th.k-header .k-header-column-menu .k-icon {
    opacity: 1;
    color: var(--grid-border);
}

.phoenix-grid table thead tr th.k-header > .k-link .grid-title-wrapper,
.k-widget.k-grid table thead tr th.k-header > .k-link .grid-title-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 11px);
}

.phoenix-grid table thead tr th.k-header > .k-link .k-i-sort-asc-sm,
.k-widget.k-grid table thead tr th.k-header > .k-link .k-i-sort-desc-sm {
    margin-left: 0;
    width: 11px;
}

/*********/
/*Content*/
/*********/
.phoenix-grid .k-grid-norecords,
.k-widget.k-grid .k-grid-norecords {
    background: inherit;
    height: auto;
    margin-top: 10px;
    justify-content: center;
}

.phoenix-grid .k-grid-norecords-template,
.k-widget.k-grid .k-grid-norecords-template {
    background: inherit;
    border: none;
    line-height: unset;
    color: var(--no-content-information-font);
}

.phoenix-grid table tbody,
.k-widget.k-grid table tbody {
    background-color: var(--grid-body-background);
    color: var(--grid-body-font);
    font-size: 1.6rem;
}

.phoenix-grid.k-grid table tbody tr.k-state-selected,
.k-widget.k-grid table tbody tr.k-state-selected,
.phoenix-grid.k-grid table tbody tr.k-alt.k-state-selected,
.k-widget.k-grid table tbody tr.k-alt.k-state-selected,
.phoenix-grid.k-grid table tbody tr.k-master-row.k-alt.k-state-selected,
.k-widget.k-grid table tbody tr.k-master-row.k-alt.k-state-selected {
    background-color: var(--item-selected-background);
    color: var(--grid-body-font);
}

.phoenix-grid table tbody tr td,
.k-widget.k-grid table tbody tr td {
    padding: 8px 10px 10px 10px;
    border: none;
    vertical-align: top;
}

.phoenix-grid table tbody tr.k-alt,
.phoenix-grid table tbody tr.k-master-row.k-alt,
.k-widget.k-grid table tbody tr.k-alt,
.k-widget.k-grid table tbody tr.k-master-row.k-alt {
    background-color: var(--item-alternate-background);
}

.phoenix-grid table tbody tr:hover,
.k-widget.k-grid table tbody tr:hover,
.phoenix-grid table tbody tr.k-alt:hover,
.phoenix-grid table tbody tr.k-master-row.k-alt:hover,
.k-widget.k-grid table tbody tr.k-alt:hover,
.k-widget.k-grid table tbody tr.k-master-row.k-alt:hover {
    background-color: var(--item-hover-background);
}

.k-widget.k-grid td.k-state-selected:hover,
.k-widget.k-grid tr.k-state-selected:hover td {
    background-color: var(--item-hover-background);
}

/*Column Settings*/
.phoenix-grid table tbody .phoenix-blueprint > *,
.k-widget.k-grid table tbody .phoenix-blueprint > *,
.phoenix-grid table tbody .phoenix-description > *,
.k-widget.k-grid table tbody .phoenix-description > *,
.phoenix-grid table tbody .phoenix-input-text > *,
.k-widget.k-grid table tbody .phoenix-input-text > * {
    overflow: hidden;
}

.phoenix-grid table tbody tr td.phoenix-action,
.k-widget.k-grid table tbody tr td.phoenix-action,
.phoenix-grid table thead tr th.phoenix-action,
.k-widget.k-grid table thead tr th.phoenix-action {
    width: 40px;
    min-width: 40px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    background-color: inherit;
}

.phoenix-grid.primary-color table tbody tr td.phoenix-action,
.k-widget.k-grid.primary-color table tbody tr td.phoenix-action,
.phoenix-grid.primary-color table thead tr th.phoenix-action,
.k-widget.k-grid.primary-color table thead tr th.phoenix-action {
    background-color: var(--grid-body-background);
}

.phoenix-grid table tbody tr td.phoenix-id,
.k-widget.k-grid table tbody tr td.phoenix-id,
.phoenix-grid table thead tr th.phoenix-id,
.k-widget.k-grid table thead tr th.phoenix-id {
    width: 90px;
    min-width: 90px;
    text-align: center;
}

.phoenix-grid table tbody tr td.phoenix-blueprint,
.k-widget.k-grid table tbody tr td.phoenix-blueprint,
.phoenix-grid table thead tr th.phoenix-blueprint,
.k-widget.k-grid table thead tr th.phoenix-blueprint {
    width: auto;
}

.phoenix-grid table tbody tr td.phoenix-blueprint, 
.k-widget.k-grid table tbody tr td.phoenix-blueprint {
    display: block;
}

.phoenix-grid table tbody tr td.phoenix-description,
.k-widget.k-grid table tbody tr td.phoenix-description,
.phoenix-grid table thead tr th.phoenix-description,
.k-widget.k-grid table thead tr th.phoenix-description {
    width: auto;
}

.phoenix-grid table tbody tr td.phoenix-input-text,
.k-widget.k-grid table tbody tr td.phoenix-input-text,
.phoenix-grid table thead tr th.phoenix-input-text,
.k-widget.k-grid table thead tr th.phoenix-input-text {
    width: auto;
}

.phoenix-grid table tbody tr td.phoenix-input-text > div,
.k-widget.k-grid table tbody tr td.phoenix-input-text > div {
    overflow: hidden;
    text-overflow: ellipsis;
}

.phoenix-grid table tbody tr td.phoenix-author,
.k-widget.k-grid table tbody tr td.phoenix-author,
.phoenix-grid table thead tr th.phoenix-author,
.k-widget.k-grid table thead tr th.phoenix-author {
    width: auto;
}

.phoenix-grid table tbody tr td.phoenix-number,
.k-widget.k-grid table tbody tr td.phoenix-number,
.phoenix-grid table thead tr th.phoenix-number,
.k-widget.k-grid table thead tr th.phoenix-number {
    width: 50px;
}

.phoenix-grid table tbody tr td.phoenix-number-long,
.k-widget.k-grid table tbody tr td.phoenix-number-long,
.phoenix-grid table thead tr th.phoenix-number-long,
.k-widget.k-grid table thead tr th.phoenix-number-long {
    width: 100px;
}

.phoenix-grid.primary-color table thead tr th.phoenix-handler,
.k-widget.k-grid.primary-color table thead tr th.phoenix-handler {
    width: 40px;
}

.phoenix-grid.primary-color table tbody tr td.phoenix-handler,
.k-widget.k-grid.primary-color table tbody tr td.phoenix-handler {
    width: 40px;
    outline: 5px solid var(--table-primary-color-border);
    outline-offset: -5px;
    cursor: grab;
    text-align: center;
    vertical-align: middle;
}

.phoenix-grid table thead tr th.phoenix-handler,
.k-widget.k-grid table thead tr th.phoenix-handler {
    width: 40px;
}

.phoenix-grid table tbody tr td.phoenix-handler,
.k-widget.k-grid table tbody tr td.phoenix-handler {
    width: 40px;
    outline: 5px solid var(--table-primary-color-border);
    outline-offset: -5px;
    cursor: grab;
    text-align: center;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
}

.phoenix-grid table tbody tr td.phoenix-handler button,
.k-widget.k-grid table tbody tr td.phoenix-handler button {
    cursor: grab;
}

.phoenix-grid.primary-color table tbody tr td.phoenix-handler:hover,
.k-widget.k-grid.primary-color table tbody tr td.phoenix-handler:hover {
    background: var(--table-primary-color-handler-hover-background);
}

.phoenix-grid.primary-color table tbody tr td.phoenix-handler:hover span,
.k-widget.k-grid.primary-color table tbody tr td.phoenix-handler:hover span {
    filter: var(--glyphicon-btn-white);
}

.phoenix-grid table tbody tr td.phoenix-number-long,
.k-widget.k-grid table tbody tr td.phoenix-number-long,
.phoenix-grid table thead tr th.phoenix-number-long,
.k-widget.k-grid table thead tr th.phoenix-number-long {
    width: 95px;
    min-width: 95px;
}

.phoenix-grid table tbody tr td.phoenix-date,
.k-widget.k-grid table tbody tr td.phoenix-date,
.phoenix-grid table tbody tr td.phoenix-updated,
.k-widget.k-grid table tbody tr td.phoenix-updated,
.phoenix-grid table thead tr th.phoenix-date,
.k-widget.k-grid table thead tr th.phoenix-date,
.phoenix-grid table thead tr th.phoenix-updated,
.k-widget.k-grid table thead tr th.phoenix-updated {
    min-width: 125px;
}

.phoenix-grid table tbody tr td.k-hierarchy-cell,
.k-widget.k-grid table tbody tr td.k-hierarchy-cell,
.phoenix-grid table thead tr th.k-hierarchy-cell,
.k-widget.k-grid table thead tr th.k-hierarchy-cell {
    min-width: 35px;
    width: 35px;
}

.phoenix-grid.primary-color table thead tr th.k-hierarchy-cell.k-header,
.k-widget.k-grid.primary-color table thead tr th.k-hierarchy-cell.k-header {
    color: transparent;
}

.phoenix-grid table tbody tr td.phoenix-id-long,
.phoenix-grid table thead tr th.phoenix-id-long {
    width: 100px;
    min-width: 100px;
}

.phoenix-grid table thead tr th.phoenix-state,
.phoenix-grid table tbody tr td.phoenix-state {
    width: 120px;
    min-width: 120px;
}

.phoenix-grid table tbody tr td.phoenix-id-long-long,
.phoenix-grid table thead tr th.phoenix-id-long-long {
    width: 150px;
    min-width: 150px;
    word-break: break-word;
}

.phoenix-grid table tbody tr td.phoenix-input-text,
.phoenix-grid table tbody tr td.phoenix-description,
.phoenix-grid table thead tr th.phoenix-input-text,
.phoenix-grid table thead tr th.phoenix-description {
    width: auto;
}

.phoenix-grid table tbody tr td.phoenix-salutation,
.k-widget.k-grid table tbody tr td.phoenix-salutation,
.phoenix-grid table thead tr th.phoenix-salutation,
.k-widget.k-grid table thead tr th.phoenix-salutation {
    min-width: 120px;
    width: 120px;
}

.phoenix-grid table tbody tr td.phoenix-user-title,
.k-widget.k-grid table tbody tr td.phoenix-user-title,
.phoenix-grid table thead tr th.phoenix-user-title,
.k-widget.k-grid table thead tr th.phoenix-user-title {
    min-width: 120px;
    width: 120px;
}

.phoenix-grid table tbody tr td.phoenix-roles,
.k-widget.k-grid table tbody tr td.phoenix-roles,
.phoenix-grid table thead tr th.phoenix-roles,
.k-widget.k-grid table thead tr th.phoenix-roles {
    min-width: 300px;
    width: 300px;
}

#TagCategoriesGrid.phoenix-grid.k-widget.k-grid {
    height: auto;
}

/********/
/*Filter*/
/********/
.phoenix-grid .k-filter-row .k-dropdown-operator,
.k-widget.k-grid .k-filter-row .k-dropdown-operator {
    width: 4rem;
    right: 0;
    background-color: transparent;
}

.phoenix-grid .k-filtercell > span,
.k-widget.k-grid .k-filtercell > span {
    padding-right: 0;
}

/************/
/*Pagination*/
/************/
.k-pager-wrap.k-widget.k-floatwrap,
.k-pager-wrap .k-widget .k-floatwrap,
.phoenix-grid .k-pager-wrap.k-grid-pager,
.k-widget.k-grid .k-pager-wrap.k-grid-pager {
    color: var(--pagination-border);
    background: var(--pagination-background);
    padding: 0 5px 0 5px;
    position: sticky;
    bottom: 0;
    width: 100%;
    height: 4.5rem;
    align-self: flex-end;
    box-shadow: none;
    border-radius: 0;
    border-color: var(--grid-border);
}

.k-pager-wrap.k-widget.k-floatwrap > a,
.phoenix-grid .k-pager-wrap.k-grid-pager > a,
.phoenix-grid .k-pager-wrap.k-grid-pager > div {
    margin-left: 2px;
}

.k-pager-wrap.k-widget.k-floatwrap a.k-pager-nav,
.phoenix-grid .k-pager-wrap.k-grid-pager a.k-pager-nav,
.k-pager-wrap.k-grid-pager a.k-pager-nav {
    border-color: var(--pagination-border);
    background: var(--pagination-background);
    color: var(--pagination-background);
    border-radius: 2px;
    box-shadow: none;
}

.k-pager-wrap.k-widget.k-floatwrap a.k-pager-nav span,
.phoenix-grid .k-pager-wrap.k-grid-pager a.k-pager-nav span,
.k-pager-wrap.k-grid-pager a.k-pager-nav span {
    color: var(--pagination-border);
    opacity: 1;
}

.k-pager-wrap.k-widget.k-floatwrap a.k-pager-nav.k-state-disabled,
.phoenix-grid .k-pager-wrap.k-grid-pager a.k-pager-nav.k-state-disabled,
.k-pager-wrap.k-grid-pager a.k-pager-nav.k-state-disabled {
    border-color: var(--pagination-disabled-border);
}

.k-pager-wrap.k-widget.k-floatwrap a.k-pager-nav.k-state-disabled span,
.phoenix-grid .k-pager-wrap.k-grid-pager a.k-pager-nav.k-state-disabled span,
.k-pager-wrap.k-grid-pager a.k-pager-nav.k-state-disabled span {
    color: var(--pagination-disabled-border);
    opacity: 1;
}

.k-pager-wrap.k-widget.k-floatwrap .k-pager-numbers-wrap li span,
.k-pager-wrap.k-widget.k-floatwrap .k-pager-numbers li span,
.k-pager-wrap.k-widget.k-floatwrap .k-pager-numbers li span,
.k-pager-wrap.k-widget.k-floatwrap .k-pager-numbers li a,
.k-pager-wrap.k-widget.k-floatwrap .k-pager-numbers li a,
.grid-item .k-pager-wrap .k-pager-numbers-wrap li span,
.phoenix-grid .k-pager-wrap .k-pager-numbers li span,
.k-pager-wrap .k-pager-numbers li span,
.k-pager-wrap .k-pager-numbers li a,
.k-widget.k-grid .k-pager-wrap .k-pager-numbers li a {
    padding: 0;
    margin: 0;
    border: none;
    color: var(--pagination-font);
    vertical-align: middle;
}

.k-pager-wrap.k-widget.k-floatwrap .k-pager-numbers li a,
.k-pager-wrap .k-pager-numbers li a,
.k-widget.k-grid .k-pager-wrap .k-pager-numbers li a {
    background-color: var(--pagination-background);
    color: var(--pagination-font);
    box-shadow: none;
}

.k-pager-wrap.k-widget.k-floatwrap .k-pager-numbers li span.k-state-selected,
.k-pager-wrap .k-pager-numbers li span.k-state-selected,
.k-widget.k-grid .k-pager-wrap .k-pager-numbers li span.k-state-selected {
    background-color: var(--pagination-hover-background);
    color: var(--pagination-hover-font);
    box-shadow: none;
}

.k-pager-wrap.k-widget.k-floatwrap .k-pager-numbers li:hover span,
.phoenix-grid .k-pager-wrap .k-pager-numbers li:hover span,
.k-pager-wrap .k-pager-numbers li:hover span,
.k-pager-wrap.k-widget.k-floatwrap .k-pager-numbers li:hover a,
.phoenix-grid .k-pager-wrap .k-pager-numbers li:hover a,
.k-pager-wrap .k-pager-numbers li:hover a {
    box-shadow: none;
    background-color: var(--pagination-hover-background);
    color: var(--pagination-hover-font);
}

.k-pager-wrap.k-widget.k-floatwrap .k-dropdown .k-state-default,
.phoenix-grid .k-pager-wrap .k-dropdown .k-state-default,
.k-pager-wrap .k-dropdown .k-state-default {
    border-color: var(--pagination-disabled-border);
}

.k-pager-wrap.k-widget.k-floatwrap span.k-pager-sizes,
.phoenix-grid .k-pager-wrap.k-grid-pager span.k-pager-sizes,
.k-pager-wrap.k-grid-pager span.k-pager-sizes,
.k-pager-wrap.k-widget.k-floatwrap span.k-pager-info,
.phoenix-grid .k-pager-wrap.k-grid-pager span.k-pager-info,
.k-pager-wrap.k-grid-pager span.k-pager-info {
    color: var(--pagination-font);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 0;
}

/********************/
/*PRIMARY COLOR GRID*/
/********************/
.phoenix-grid.primary-color,
.k-widget.k-grid.primary-color,
.phoenix-grid.k-widget.k-grid.primary-color {
    box-shadow: none;
    border: none;
}

.phoenix-grid.primary-color table tbody,
.k-widget.k-grid.primary-color table tbody,
.phoenix-grid.k-widget.k-grid.primary-color table tbody {
    position: relative;
    overflow-x: auto;
    overflow-y: scroll;
    min-height: 0;
    color: var(--grid-body-font);
    background: var(--grid-primary-color-body-background);
}

/*************************/
/*Primary color grid Head*/
/*************************/
.phoenix-grid.primary-color table thead tr th.k-grid-header,
.k-widget.k-grid.primary-color table thead tr th.k-grid-header,
.phoenix-grid.primary-color table thead tr th.k-header,
.k-widget.k-grid.primary-color table thead tr th.k-header {
    background: var(--grid-primary-color-head-background);
    background-clip: padding-box;
    color: var(--grid-primary-color-head-font);
    text-transform: none;
}

.phoenix-grid.primary-color table thead tr th.k-header > .k-link,
.k-widget.k-grid.primary-color table thead tr th.k-header > .k-link {
    color: var(--grid-primary-color-head-font);
}

.phoenix-grid.primary-color table thead tr th.k-header a.k-grid-filter span.k-icon,
.k-widget.k-grid.primary-color table thead tr th.k-header a.k-grid-filter span.k-icon {
    color: var(--grid-primary-color-head-font);
    opacity: 1;
}

.phoenix-grid.primary-color table thead tr th.k-header > .k-link span.k-icon,
.k-widget.k-grid.primary-color table thead tr th.k-header > .k-link span.k-icon {
    color: var(--grid-primary-color-head-font);
    opacity: 1;
}

.phoenix-grid.primary-color .k-grid-header .k-header .k-link,
.k-widget.k-grid.primary-color .k-grid-header .k-header .k-link {
    height: auto;
    vertical-align: top;
}

.k-grid-header .k-header .k-link {
    position: relative;
    display: block;
    overflow: hidden;
    width: auto;
}

.k-grid-header .k-header .k-link span.k-icon {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
  }

/****************************/
/*Primary Color Grid Borders*/
/****************************/
.phoenix-grid.primary-color table {
    border-collapse: collapse;
}

.phoenix-grid.primary-color table thead tr th,
.phoenix-grid.primary-color table tbody tr td {
    border-left: 2px solid var(--table-primary-color-border);
    border-right: 2px solid var(--table-primary-color-border);
}

.phoenix-grid.primary-color table thead tr:first-child th,
.phoenix-grid.primary-color table tbody tr:first-child td {
    border-top: 0;
}

.phoenix-grid.primary-color table thead tr th:first-child,
.phoenix-grid.primary-color table tbody tr td:first-child {
    border-left: 0;
}

.phoenix-grid.primary-color table thead tr:last-child th,
.phoenix-grid.primary-color table tbody tr:last-child td {
    border-bottom: 0;
}

.phoenix-grid.primary-color table thead tr th:last-child,
.phoenix-grid.primary-color table tbody tr td:last-child {
    border-right: 0;
}

/***************************/
/*Primary Color Grid Footer*/
/***************************/
.phoenix-grid.primary-color table tfoot {
    height: 4rem;
    border: none;
    border-top: 3px solid var(--white);
}

.phoenix-grid.primary-color table tfoot tr,
.phoenix-grid.primary-color table tfoot tr td {
    height: 4rem;
    padding: 8px 10px 10px 10px;
    border: none;
    background: var(--grid-primary-color-foot-background);
}

/**************/
/*LINE HEIGHTS*/
/**************/

/*Question Grids*/
#QuestionsGroupOverviewArea .k-widget.k-grid table tbody tr.k-detail-row td.k-hierarchy-cell,
#QuestionsGroupOverviewArea .k-widget.k-grid table tbody tr.k-detail-row td.k-detail-cell {
    height: 100%;
    max-height: 100%;
}

#QuestionsGroupOverviewArea .k-widget.k-grid table tbody tr td,
#QuestionsOverviewArea .k-widget.k-grid table tbody tr td,
#QuestionGridArea .k-widget.k-grid table tbody tr td {
    height: 150px;
    max-height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    align-content: flex-start;
}

#QuestionsGroupOverviewArea .k-widget.k-grid table tbody tr td > *:not(.hierarchy-instance),
#QuestionsOverviewArea .k-widget.k-grid table tbody tr td > *:not(.hierarchy-instance),
#QuestionGridArea .k-widget.k-grid table tbody tr td > *:not(.hierarchy-instance) {
    height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    align-content: flex-start;
    position: relative;
}

#QuestionsGroupOverviewArea .k-widget.k-grid table tbody tr td.phoenix-action > button,
#QuestionsOverviewArea .k-widget.k-grid table tbody tr td.phoenix-action > button,
#QuestionGridArea .k-widget.k-grid table tbody tr td.phoenix-action > button {
    height: unset;
}

#QuestionsGroupOverviewArea .k-widget.k-grid table tbody tr td > a,
#QuestionsOverviewArea .k-widget.k-grid table tbody tr td > a,
#QuestionGridArea .k-widget.k-grid table tbody tr td > a {
    height: 1em;
}

/*********************/
/*Question group grid*/
/*********************/
#QuestionsOverviewArea .k-widget.k-grid table tbody tr.k-detail-row td,
#QuestionGridArea .k-widget.k-grid table tbody tr.k-detail-row td {
    height: auto;
    max-height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    align-content: flex-start;
}

#QuestionsOverviewArea .k-widget.k-grid table tbody tr.k-detail-row td .k-widget.k-grid table tbody tr td,
#QuestionGridArea .k-widget.k-grid table tbody tr.k-detail-row td .k-widget.k-grid table tbody tr td {
    height: 150px;
    max-height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    align-content: flex-start;
}

#QuestionsOverviewArea .k-widget.k-grid table tbody tr.k-detail-row td .k-widget.k-grid table tbody tr td > *,
#QuestionGridArea .k-widget.k-grid table tbody tr.k-detail-row td .k-widget.k-grid table tbody tr td > * {
    height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    align-content: flex-start;
    position: relative;
}

#QuestionsOverviewArea .k-widget.k-grid table tbody tr.k-detail-row td .k-widget.k-grid table tbody tr td > button,
#QuestionGridArea .k-widget.k-grid table tbody tr.k-detail-row td .k-widget.k-grid table tbody tr td > button {
    height: unset;
}

#QuestionsOverviewArea .k-widget.k-grid table tbody tr.k-detail-row td .k-widget.k-grid table tbody tr td > a,
#QuestionGridArea .k-widget.k-grid table tbody tr.k-detail-row td .k-widget.k-grid table tbody tr td > a {
    height: 1em;
}

/***************************/
/*TagsGrid in MyTags.cshtml*/
/***************************/
#TagsGrid.phoenix-grid {
    height: calc(100% - 60px);
}

/*****************/
/*QUESTIONTEXT PREVIEW COLUMN*/
/*****************/
[id^='QuestionTextPreview_'].QuestionTextInRowWrapper table {
    border-style: solid;
    border-width: 1px;
}

[id^='QuestionTextPreview_'].QuestionTextInRowWrapper table tbody,
[id^='QuestionTextPreview_'].QuestionTextInRowWrapper table tbody tr,
[id^='QuestionTextPreview_'].QuestionTextInRowWrapper table tbody tr td,
[id^='QuestionTextPreview_'].QuestionTextInRowWrapper table tfoot,
[id^='QuestionTextPreview_'].QuestionTextInRowWrapper table tfoot tr,
[id^='QuestionTextPreview_'].QuestionTextInRowWrapper table tfoot tr td,
[id^='QuestionTextPreview_'].QuestionTextInRowWrapper table thead,
[id^='QuestionTextPreview_'].QuestionTextInRowWrapper table thead tr,
[id^='QuestionTextPreview_'].QuestionTextInRowWrapper table thead tr td {
    border-color: inherit;
    border-style: inherit;
    border-width: inherit;
    padding: unset;
}

/*****************/
/*FADE OUT EFFECT*/
/*****************/
.phoenix-grid table tbody tr td.fade-out > *:not(.hierarchy-instance)::after,
.k-widget.k-grid table tbody tr td.fade-out > *:not(.hierarchy-instance)::after,
.phoenix-grid table tbody tr.k-detail-row .phoenix-grid tr td.fade-out > *:not(.hierarchy-instance)::after,
.k-widget.k-grid table tbody tr.k-detail-row .phoenix-grid tr td.fade-out > *:not(.hierarchy-instance)::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, rgba(255,255,255,1), rgba(255,0,0,0) 30%);
    opacity: 1;
    content: "";
}

div[id^="ExamQuestionsDetailsGrid_"].k-widget.k-grid table tbody tr td.fade-out > *:not(.hierarchy-instance)::after,
.phoenix-grid.primary-color table tbody tr.k-master-row td.fade-out > *:not(.hierarchy-instance)::after,
.k-widget.k-grid.primary-color table tbody tr.k-master-row td.fade-out > *:not(.hierarchy-instance)::after,
.phoenix-grid table tbody tr.k-alt td.fade-out > *:not(.hierarchy-instance)::after,
.k-widget.k-grid table tbody tr.k-alt td.fade-out > *:not(.hierarchy-instance)::after,
.phoenix-grid table tbody tr.k-detail-row .phoenix-grid tr.k-alt td.fade-out > *:not(.hierarchy-instance)::after,
.k-widget.k-grid table tbody tr.k-detail-row .phoenix-grid tr.k-alt td.fade-out > *:not(.hierarchy-instance)::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, var(--item-alternate-background), rgba(255,0,0,0) 30%);
    opacity: 1;
    content: "";
}

.phoenix-grid.primary-color table tbody tr.k-master-row:hover td.fade-out > *:not(.hierarchy-instance)::after,
.k-widget.k-grid.primary-color table tbody tr.k-master-row:hover td.fade-out > *:not(.hierarchy-instance)::after,
.phoenix-grid table tbody tr.k-master-row:hover td.fade-out > *:not(.hierarchy-instance)::after,
.k-widget.k-grid table tbody tr.k-master-row:hover td.fade-out > *:not(.hierarchy-instance)::after,
#QuestionsGroupOverviewArea .phoenix-grid table tbody tr:hover td.fade-out > *:not(.hierarchy-instance)::after,
#QuestionsGroupOverviewArea .k-widget.k-grid table tbody tr:hover td.fade-out > *:not(.hierarchy-instance)::after,
.phoenix-grid table tbody tr.k-detail-row .k-grid tr:hover td.fade-out > *:not(.hierarchy-instance)::after,
.k-widget.k-grid table tbody tr.k-detail-row .k-grid tr:hover td.fade-out > *:not(.hierarchy-instance)::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, var(--item-hover-background), rgba(255,0,0,0) 30%);
    opacity: 1;
    content: "";
}

#QuestionsInExam .phoenix-grid table tbody tr.k-state-selected td.fade-out > *::after,
#MatchingQuestionGroups .phoenix-grid table tbody tr.k-state-selected td.fade-out > *::after,
#QuestionsInExam .k-widget.k-grid table tbody tr.k-state-selected td.fade-out > *::after,
#MatchingQuestionGroups .k-widget.k-grid table tbody tr.k-state-selected td.fade-out > *::after,
#QuestionsInExam .phoenix-grid table tbody tr.k-detail-row.k-state-selected .phoenix-grid tr td.fade-out > *::after,
#MatchingQuestionGroups .phoenix-grid table tbody tr.k-detail-row.k-state-selected .phoenix-grid tr td.fade-out > *::after,
#QuestionsInExam .k-widget.k-grid table tbody tr.k-detail-row.k-state-selected .phoenix-grid tr td.fade-out > *::after,
#MatchingQuestionGroups .k-widget.k-grid table tbody tr.k-detail-row.k-state-selected .phoenix-grid tr td.fade-out > *::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, var(--item-selected-background), rgba(255,0,0,0) 30%);
    opacity: 1;
    content: "";
}

#QuestionsInExam .phoenix-grid table tbody tr.k-state-selected:hover td.fade-out > *::after,
#MatchingQuestionGroups .phoenix-grid table tbody tr.k-state-selected:hover td.fade-out > *::after,
#QuestionsInExam .k-widget.k-grid table tbody tr.k-state-selected:hover td.fade-out > *::after,
#MatchingQuestionGroups .k-widget.k-grid table tbody tr.k-state-selected:hover td.fade-out > *::after,
#QuestionsInExam .phoenix-grid table tbody tr.k-detail-row.k-state-selected:hover .phoenix-grid tr td.fade-out > *::after,
#MatchingQuestionGroups .phoenix-grid table tbody tr.k-detail-row.k-state-selected:hover .phoenix-grid tr td.fade-out > *::after,
#QuestionsInExam .k-widget.k-grid table tbody tr.k-detail-row.k-state-selected:hover .phoenix-grid tr td.fade-out > *::after,
#MatchingQuestionGroups .k-widget.k-grid table tbody tr.k-detail-row.k-state-selected:hover .phoenix-grid tr td.fade-out > *::after {
    background-image: linear-gradient(to top, var(--item-hover-background), rgba(255,0,0,0) 30%);
}

#QuestionsInExam .phoenix-grid.highlighted-block table tbody tr.droppableItem td.fade-out > *::after,
#QuestionsInExam .phoenix-grid.highlighted-block table tbody tr.droppableItem:hover td.fade-out.phoenix-sortable-placeholder-bottom > *::after,
#QuestionsInExam .k-widget.k-grid.highlighted-block table tbody tr.droppableItem td.fade-out > *::after,
#QuestionsInExam .k-widget.k-grid.highlighted-block table tbody tr.droppableItem:hover td.fade-out.phoenix-sortable-placeholder-bottom > *::after,
#QuestionsInExam .phoenix-grid.highlighted-block table tbody tr.droppableItem.k-detail-row .phoenix-grid tr td.fade-out > *::after,
#QuestionsInExam .phoenix-grid.highlighted-block table tbody tr.droppableItem.k-detail-row:hover .phoenix-grid tr td.fade-out.phoenix-sortable-placeholder-bottom > *::after,
#QuestionsInExam .k-widget.k-grid.highlighted-block table tbody tr.droppableItem.k-detail-row .phoenix-grid tr td.fade-out > *::after,
#QuestionsInExam .k-widget.k-grid.highlighted-block table tbody tr.droppableItem.k-detail-row:hover .phoenix-grid tr td.fade-out.phoenix-sortable-placeholder-bottom > *::after {
    background-image: linear-gradient(to top, var(--success-tint-025), rgba(255,0,0,0) 30%);
}

/***************************/
/*Question Correction Grid*/
/***************************/
#CorrectionsMyGrid.phoenix-grid table thead tr th.phoenix-state {
    min-width: 175px;
    width: 175px;
}

#CorrectionsMyGrid.phoenix-grid table thead tr th.phoenix-date {
    min-width: 135px;
    width: 135px;
}

.phoenix-grid .k-pager-sm.k-pager-wrap .k-pager-numbers-wrap {
    margin-top: unset;
    margin-bottom: unset;
    -ms-flex-item-align: unset;
    align-self: unset;
}

.phoenix-grid .k-pager-sm .k-pager-numbers-wrap {
     margin-left: unset; 
     margin-right: unset; 
     width: unset; 
     height: unset; 
     box-sizing: unset; 
     border-color: unset; 
}

.phoenix-grid .k-pager-md .k-pager-info, .k-pager-sm .k-pager-info, .k-pager-sm .k-pager-numbers, .k-pager-sm .k-pager-sizes {
     display: table; 
}

.phoenix-grid .k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
    width: unset; 
    display: contents;
    box-sizing: border-box;
}