/****************/
/*PHOENIX TABLES*/
/****************/
.table-wrapper-for-scrolling {
    overflow-y: auto;
    height: auto;
}
/*********************/
/*TABLE PRIMARY COLOR*/
/*********************/
.phoenix-table-primary-color {
    width: 100%;
    table-layout: fixed;
}

/************/
/*Table Head*/
/************/
.phoenix-table-primary-color thead tr th {
    color: var(--table-primary-color-head-font);
    font-size: 1.6rem;
    font-weight: 500;
    padding: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: sticky;
    top: 0;
    background-color: var(--table-primary-color-head-background);
    background-clip: padding-box;
    z-index: 2;
}

.phoenix-table-primary-color thead tr th.phoenix-id-long {
    width: 100px;
}

.phoenix-table-primary-color thead tr th.phoenix-id-long-long {
    width: 175px;
}

.phoenix-table-primary-color thead tr th.phoenix-action {
    width: 34px;
}

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

.phoenix-table-primary-color thead tr th.phoenix-number {
    width: 50px;
}

.phoenix-table-primary-color thead tr th.phoenix-image {
    width: auto;
}

.phoenix-table-primary-color thead tr th.phoenix-input-text {
    width: auto;
}

.phoenix-table-primary-color thead tr th.phoenix-input-tiny {
    width: auto;
}

.phoenix-table-primary-color thead tr th.phoenix-chk-rdb {
    width: 140px;
}

.phoenix-table-primary-color thead tr th.phoenix-label {
    width: auto;
}

.phoenix-table-primary-color thead tr th.phoenix-date {
    width: 125px;
    min-width: 125px;
}

/************/
/*Table Body*/
/************/
.phoenix-table-primary-color tbody {
    background: var(--table-primary-color-body-background);
}

.phoenix-table-primary-color tbody tr td.phoenix-number {
    color: var(--value-mutable-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.phoenix-table-primary-color tbody tr td.phoenix-input-text {
    color: var(--value-mutable-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.phoenix-table-primary-color tbody tr td.phoenix-input-tiny {
    color: var(--value-mutable-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.phoenix-table-primary-color tbody tr td.phoenix-label {
    color: var(--label-font);
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.0rem;
}

.phoenix-table-primary-color tbody tr td.phoenix-action {
    background-color: var(--table-primary-color-border);
}

.phoenix-table-primary-color tbody tr td.phoenix-handler,
.phoenix-table-primary-color tbody tr td.phoenix-number,
.phoenix-table-primary-color tbody tr td.phoenix-chk-rdb {
    text-align: center;
}

.phoenix-table-primary-color tbody tr td.phoenix-date {
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
}

.phoenix-table tbody tr td,
.phoenix-table-primary-color tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: baseline;
}

.phoenix-table-primary-color tbody tr td.phoenix-id,
.phoenix-table-primary-color tbody tr td.phoenix-id-long-long,
.phoenix-table-primary-color tbody tr td.phoenix-id-long,
.phoenix-table-primary-color tbody tr td.phoenix-label,
.phoenix-table-primary-color tbody tr td.phoenix-input-text,
.phoenix-table-primary-color tbody tr td.phoenix-input-tiny,
.phoenix-table-primary-color tbody tr td.phoenix-image {
    padding-left: 10px;
    padding-right: 10px;
}

.phoenix-table-primary-color tbody tr td.phoenix-image {
    text-align: center;
}

.phoenix-table tbody tr td.phoenix-handler,
.phoenix-table-primary-color tbody tr td.phoenix-handler {
    cursor: grab;
}

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

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

#SimpleAnswersTable thead tr#tinyMceContainerRow {
    position: sticky;
    top: 29px;
    background-color: var(--table-primary-color-head-background);
    background-clip: padding-box;
    z-index: 2;
    border-top: 2px solid var(--table-primary-color-border);
    height: 60px;
}

#SimpleAnswersTable thead tr#tinyMceContainerRow #AnswerTableCellTinyMceContainer {
    padding: 0 10px;
}

#TinyMceContainerForAnswer .tox-tinymce-inline {
    top: 0;
}
/*********/
/*Borders*/
/*********/
.phoenix-table,
.phoenix-table-primary-color {
    border-collapse: collapse;
}

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

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

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

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

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

.phoenix-table td.phoenix-handler,
.phoenix-table-primary-color td.phoenix-handler {
    outline: 5px solid var(--table-primary-color-border);
    outline-offset: -5px;
}

/**********/
/*Tiny MCE*/
/**********/
.phoenix-table-primary-color .phoenix-input-tiny .tox.tox-tinymce.tox-tinymce-inline {
    z-index: 100;
    top: -.5rem;
    border-radius: 2px;
}

.phoenix-table-primary-color .tox-tinymce-inline .tox-editor-header {
    border: 1px solid var(--inputfield-border);
    border-radius: 2px;
}

.phoenix-table-primary-color .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
    padding-left: 10px;
    color: var(--placeholder-font);
    opacity: 1;
    font-weight: lighter;
    font-style: italic;
    font-size: 1.6rem;
}

.phoenix-table-primary-color .tinymce-text-box:focus {
    outline: none;
    border-radius: 5px;
    box-shadow: var(--small-shadow);
    background-color: var(--inputfield-background);
}

.phoenix-table-primary-color .tinymce-text-box {
    border: none;
    border-radius: 3px;
    background-color: var(--inputfield-background);
}

.phoenix-table-primary-color .tinymce-text-box:hover {
    box-shadow: var(--small-shadow);
}

.phoenix-table-primary-color .tinymce-text-box {
    padding: 10px;
    border: none;
    text-align: left;
}

/************/
/*GREY TABLE*/
/************/
.phoenix-table-grey {
    width: 100%;
    table-layout: fixed;
    border: 1px solid var(--grey-light-3);
    box-shadow: var(--big-shadow);
    position: relative;
}

/************/
/*Table Head*/
/************/
.phoenix-table-grey thead {
    height: 3rem;
    position: sticky;
    top: 0;
    z-index: 1
}

.phoenix-table-grey thead:after {
    content: '';
    background-color: var(--white);
    height: 6px;
    width: calc(100% + 6px);
    z-index: -1;
    position: absolute;
    left: -1px;
    bottom: 30px;
}

.phoenix-table-grey thead tr th {
    color: var(--table-grey-head-font);
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0 1rem 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: var(--table-grey-head-background);
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.phoenix-table-grey thead tr th.phoenix-action {
    width: 34px;
    text-overflow: unset;
}

.phoenix-table-primary-color thead tr th.phoenix-id,
.phoenix-table-grey thead tr th.phoenix-id {
    width: 80px;
}

.phoenix-table-grey thead tr th.phoenix-id-long {
    width: 150px;
}

.phoenix-table-grey thead tr th.phoenix-input-text {
    width: auto;
}

.phoenix-table-grey thead tr th.phoenix-label {
    width: auto;
}

.phoenix-table-grey thead tr th.phoenix-chk-rdb {
    width: 140px;
}

.phoenix-table-grey tbody {
    background: var(--table-grey-body-background);
}

/************/
/*Table Body*/
/************/
.phoenix-table-grey tbody {
    background: var(--table-grey-body-background);
    overflow-y: scroll;
}

.phoenix-table-grey tbody tr {
    height: 4rem;
}

.phoenix-table-grey tbody tr td {
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phoenix-table-grey tbody tr:nth-child(odd) {
    background: var(--item-alternate-background);
}

.phoenix-table-grey tbody tr.selectedItem,
.phoenix-table-grey tbody tr.selectedItem:hover {
    background: var(--item-selected-background);
}

.phoenix-table-grey tbody tr:hover {
    background: var(--item-hover-background);
}

.phoenix-table-grey tbody tr td.phoenix-action {
    cursor: pointer;
    text-align: center;
}

.phoenix-table-grey tbody tr td.phoenix-action.draggable {
    cursor: grab;
}

.phoenix-table-grey tbody tr th.phoenix-chk-rdb {
    cursor: pointer;
    text-align: center;
}

.phoenix-table-grey tbody tr td.phoenix-number {
    color: var(--value-mutable-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.phoenix-table-grey tbody tr td.phoenix-input-text {
    color: var(--value-mutable-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.phoenix-table-grey tbody tr td.phoenix-input-text {
    cursor: pointer;
}

.phoenix-table-grey tbody tr td.phoenix-input-text input {
    height: 3rem;
}

.phoenix-table-grey tbody tr td.phoenix-label {
    color: var(--label-font);
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.0rem;
}

.phoenix-table-grey tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.phoenix-table-grey tbody tr td.phoenix-label,
.phoenix-table-grey tbody tr td.phoenix-id,
.phoenix-table-grey tbody tr td.phoenix-id-long,
.phoenix-table-grey tbody tr td.phoenix-input-text,
.phoenix-table-grey tbody tr td.phoenix-input-tiny,
.phoenix-table-grey tbody tr td.phoenix-image {
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/************/
/*Table Foot*/
/************/
.phoenix-table-grey tfoot tr td {
    position: sticky;
    bottom: 0;
    z-index: 1000;
    background-color: var(--table-grey-body-background);
}

.phoenix-table-grey tfoot tr td {
    padding: 5px 5px 5px 0;
}

.phoenix-table-grey tfoot tr td.phoenix-action-foot {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    cursor: pointer;
}

.phoenix-table-grey tfoot tr td.phoenix-input-foot {
    width: 100%;
}

/*********/
/*Borders*/
/*********/
.phoenix-table-grey {
    border-collapse: collapse;
}

.phoenix-table-grey th {
    border-left: 2px solid var(--table-grey-border);
    border-right: 2px solid var(--table-grey-border);
}

.phoenix-table-grey tr:first-child th {
    border-top: 0;
}

.phoenix-table-grey tr th:first-child {
    border-left: 0;
}

.phoenix-table-grey tr:last-child th {
    border-bottom: 0;
}

.phoenix-table-grey tr th:last-child {
    border-right: 0;
}

/************************************************************/
/****TABLE PERMISSION DETAILS && TABLE EXAMINSIGHTSETTINGS***/
/***************Builds on .phoenix-table-grey****************/
/************************************************************/
.table-permission-details,
#ExamInsightSettings {
    width: 100%;
    table-layout: fixed;
}

.table-permission-details thead,
#ExamInsightSettings thead {
    margin-top: 10px;
}

.table-permission-details thead th,
#ExamInsightSettings thead th {
    color: var(--panel-head-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.6rem;
    text-transform: uppercase;
    line-height: 2.0rem;
    border-bottom: 1px solid var(--grey-light-4);
    padding-top: 13px;
}

#ExamInsightSettings thead th {
    padding-top: 0;
}

.table-permission-details thead tr th.phoenix-label,
#ExamInsightSettings thead tr th.phoenix-label {
    width: 100%;
}

.table-permission-details thead tr th.phoenix-chk-rdb,
#ExamInsightSettings thead tr th.phoenix-chk-rdb {
    text-align: center;
    width: 110px;
}

.table-permission-details tbody tr td.phoenix-chk-rdb,
#ExamInsightSettings tbody tr td.phoenix-chk-rdb {
    text-align: center;
}

.table-permission-details thead tr th.phoenix-info,
#ExamInsightSettings thead tr th.phoenix-info {
    width: 35px;
}

.table-permission-details tbody tr td,
#ExamInsightSettings tbody tr td {
    padding: 7px 5px 7px 5px;
}

.table-permission-details tbody tr td.phoenix-label.center,
#ExamInsightSettings tbody tr td.phoenix-label.center {
    text-align: center;
}