.fact-sheet-td-checkbox {
    text-align: center;
    vertical-align: middle;
}
.report-no-reason{
    font-size: 8pt;
}

.past-part-table tr > th:nth-child(2), tr > td:nth-child(2) {
    position: sticky;
    left: 100;
}

.past-part-table td {
    white-space: normal;
}


.qtip {
    max-width: 50% !important;
    max-height: 80% !important;
    overflow: auto !important;
}

.dragable {
    touch-action: none;
    user-select: none;
}
.qxq-var {
    width: fit-content;
    margin: 2px 0 0 10px;
    background-color: #29e;
    color: white;
    border-radius: 0.75em;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 5px;
    margin-bottom:5px;
    touch-action: none;
    user-select: none;
    transform: translate(0px, 0px);
/*    float: left;*/
    font-size: 10pt;
    line-height: 1.25;
}

.qxq-filter .qxq-var {
    float: left;
}

.qxq-legend {
    width: fit-content;
    margin: 2px 0 0 10px;
    background-color: #29e;
    color: white;
    border-radius: 0.75em;
    padding: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    touch-action: none;
    user-select: none;
    transform: translate(0px, 0px);
    float: left;
    font-size: 10pt;
}

.qxq-container {
    display: inline-table;
    width: 100%;
    min-height: 75px;
    border-radius: 0.75em;
    background-color: #dddddd;
/*    border-width: 1px;
    border-style: solid;
    border-color: lightgray*/
}

.qxq-drop-allowed {
    background-color: #74b64c;
}
.qxq-drop-disallowed {
    background-color: lightgray;
}
.qxq-source-panel {
    z-index: 101;
}
.qxq-varlist .qxq-valueshowlists {
    display: none
}

.qxq-varlist .qxq-valueselectlists {
    display: none
}

.qxq-varlist .format-selector {
    display: none
}

.qxq-filter .qxq-valueshowlists {
    display: none
}

.qxq-row .qxq-valueselectlists {
    display: none
}

.qxq-col .qxq-valueselectlists {
    display: none
}

.qxq-page .qxq-valueselectlists {
    display: none
}

.qxq-valuelist .value-selector {
    height: 30px
}

.format-selector {
    transition-delay: 3s !important;
}

.qxq-valueshowlists {
    transition-delay: 3s !important;
}

.qxq-varlist .qxq-var:hover .format-selector {
    display: inline;
}

.qxq-varlist .qxq-var:hover .qxq-valueshowlists {
    display: block;

}


.pattern--form .qxq-form {
    padding: 10px
}

.value-selector .qxq-form {
    padding-top: 2px;
    padding-bottom: 2px;
}

.chosen-container-multi::after {
    content: "Click here to display more topics.";
    position: absolute;
    color: lightgrey;
    top: 5px;
    left: 40%;
    z-index: 1;
}

.search-choice {
    z-index: 2;
}

.pri {
    background-color: saddlebrown
}

.sec {
    background-color: #4c7f81
}

.prisec {
    background-color: darkolivegreen
}

.qxq-required {
    background-color: #1a7bc0;
}

.wrong-grade {
    background-color: lightgray;
    display: none !important;
}

.grade-conflict {
    background-color: #76726e
}

.trash-icon {
    display: inline;
    padding-top: 10px;
    padding-left: 20px;
    cursor: pointer;
    height: 24px;
}

.row-icon {
    display: inline;
    padding-top: 10px;
    padding-left: 20px;
    cursor: pointer;
    height: 24px;
}

.col-icon {
    display: inline;
    padding-top: 10px;
    padding-left: 20px;
    cursor: pointer;
    height: 24px;
}

.filter-icon {
    display: inline;
    padding-top: 10px;
    padding-left: 20px;
    cursor: pointer;
    height: 24px;
}

.page-icon {
    display: inline;
    padding-top: 10px;
    padding-left: 20px;
    cursor: pointer;
    height: 24px;
}

.container-icon {
    opacity: 0.3;
    position: absolute;
    right: 50px;
    width: 100%;
    height: 50px;
    width: 50px;
    margin-top: 35px
}

.qxq-varlist .trash-icon {
    display: none !important
}

.qxq-filter .filter-icon {
    display: none !important
}

.qxq-row .row-icon {
    display: none !important
}

.qxq-col .col-icon {
    display: none !important
}

.qxq-page .page-icon {
    display: none !important
}

.qxq-valuelist .value-selector {
    height: 30px
}

#GetQxQRequest input:disabled,
input[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

.select-disabled {
    color: lightgray;
}

.big-help {
    height: 50px;
    display: inline;
    padding-top:15px;
    margin-left: 20px;
}

.ui-accordion-icons  {
    position: relative;
    margin-top: 10px;
    background: #f7f8fb;
    transition: all .25s ease;
    border-radius: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    margin-top: 5px;
    font-size: 14pt;
    padding-right: 50px; /* Add padding to the right to make space for the circle */
}

    .ui-accordion-icons ::after {
        content: '+';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        font-weight: 100;
        background-color: #026aa2;
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20pt;
    }

    .ui-accordion-icons :hover, .accordion h3:active {
        color: blue;
    }


.select2-selection {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    font-size: 13px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.select2-results__option {
    font-size: 14px;
    padding-bottom: 1px;
}
.select2-results__option li{
    font-size: 14px;
    padding-bottom: 1px;
    padding-top: 0;
}

.select2-container--default .select2-results__group {
    font-size: 14px !important;
    padding: 1px !important;
    line-height: 18.2px !important;
}
.fit-content{
    max-width:fit-content;
}

.registration-summary-table tr th:first-child,
.registration-summary-table tr td:first-child {
    width: 250px !important;
    white-space: normal !important;
    padding: 10px;
}

    /* Ensure text doesn't get cut off */
    .registration-summary-table tr td:first-child span,
    .registration-summary-table tr th:first-child span {
        display: inline-block;
        width: 100%;
    }