/*==============================================History Tab==============================================*/
.history-tab-content {
    background-color: rgba(247, 248, 244, 1)!important;
    box-shadow: 0px 2px 4px rgba(144, 144, 144, 1);
    border-right: rgba(144, 144, 144, 1);
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    height: 91vh;
    overflow: scroll;
}

.history-heading {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.history-profile-pic {
    padding: 5px;
    height: 45px;
    width: auto;
}

.history-profile-name {
    height: 1rem;
    line-height: 1rem;
    width: 100%;
}

.history-profile-id {
    height: 1rem;
    line-height: 1rem;
    width: 100%;
}

.history-item {
    height: 1.3rem;
    line-height: 1.3rem;
}
.range-of-motion-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.range-of-motion-title-container, .history-task-title-container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.history-date-container {
    padding-bottom: 0.5rem;
}

.history-record-content {
    background-color: rgba(238, 238, 238, 1);
    height: auto;
    padding-top: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.history-task-item {
    width: auto;
    height: 47px;
    line-height: 47px;
    font-size: 14px;
    box-shadow: 0px 2px 4px rgba(212, 212, 212, .5);
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: .5rem;
}

.history-light-text {
    color: rgba(28,32,35,.7);
    font-size: 14px;
}

.history-light-separator {
    color: rgba(28,32,35,.7);
    font-size: 14px;
    padding-bottom: 2rem;
}

.history-hard-text {
    color: rgba(28,32,35,1);
    font-size: 16px;
    font-weight: 600;
}

.history-medium-text {
    color: rgba(28,32,35,1);
    font-size: 12px;
    font-weight: 500;
}

.history-regular-text {
    color: rgba(28,32,35,1);
    font-size: 16px;
    font-weight: 400;
}

/*==============================================Profile Tab==============================================*/

.profile-tab-content {
    background-color: rgba(247, 248, 244, 1)!important;
    box-shadow: 0px 2px 4px rgba(144, 144, 144, 1);
    border-right: rgba(144, 144, 144, 1);
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    height: 95vh;
    overflow: scroll;
}

.ta-profile-content-container {
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.ta-profile-item {
    line-height: 2rem;
    height: 2rem;
}


/*==============================================Arrangement==============================================*/
.arrangement-content {
    height: 100%;
    padding-left: 2rem;
    padding-top: 2rem;
    padding-right: 3rem;
}

.assignment-control-row {
    margin-bottom: 1rem;
}

.arrangement-title {
    height: 5rem;
    line-height: 5rem;
    font-size: 20px;
}

.arrangement-subtitle {
    height: 2rem;
    line-height: 2rem;
    font-size: 14px;
    margin-top: 0.5rem;
}

.arrangement-subtitle-s {
    height: 1rem;
    line-height: 1rem;
    font-size: 14px;
    margin-bottom: 0.2rem;
}

.arrangement-menu-container {
    height: 380px;
    overflow-y: scroll;
/*    margin-right: 1rem;*/
    background-color: rgba(238, 238, 238, 1);
    box-shadow: 0px 2px 4px rgba(212, 212, 212, .5);
    padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 1.5rem;
    padding-bottom: 0.5rem;
}

.task-panel {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.arrangement-task-image-container {
    height: 220px;
/*    margin-right: 1rem;*/
    background-color: rgba(238, 238, 238, 1);
    box-shadow: 0px 2px 4px rgba(212, 212, 212, .5);
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    margin-right: 1rem;

    overflow: auto;
}

.arrangement-task-queue-adjustment {
    margin-left: 1rem;
}

.arrangement-mode-container {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 12px;
}

.arrangement-mode-selected-disabled {
    color: rgba(149,153,155,1) !important;
    background-color: rgba(192,198,201,1) !important;
    box-shadow: inset 0 1px 3px 0 rgba(192,192,192,1) !important;
    font-weight: 500 !important;
}

.arrangement-mode-selected {
    background-color: rgba(92,182,221,1) !important;
    box-shadow: inset 0 1px 3px 0 rgba(192,192,192,1) !important;
    color: rgba(255,255,255,1) !important;
    font-weight: 500 !important;
}

.arrangement-mode-options {
    color: rgba(71,80,88,1);
    border-right: 0.5px solid rgba(151, 151, 151, 1);
    height: 44px;
    border-top: 0.5px solid rgba(151, 151, 151, 1);
    border-bottom: 0.5px solid rgba(151, 151, 151, 1);
    border-radius: 0px;
    box-shadow: 0px 1px 2px rgba(212, 212, 212, .5);
    background-color: rgba(255, 255, 255, 1);
}

.arrangement-mode-options:first-child {
    height: 44px;
    border: 0.5px solid #979797;
    box-shadow: inset 0 1px 3px 0 #C0C0C0;
    border-radius: 12px 0 0 12px;
    box-shadow: 0px 1px 2px rgba(212, 212, 212, .5);
    background-color: rgba(255, 255, 255, 1);
}

.arrangement-mode-options:last-child {
    border-right: 0.5px solid rgba(151, 151, 151, 1);
    border-top: 0.5px solid rgba(151, 151, 151, 1);
    border-bottom: 0.5px solid rgba(151, 151, 151, 1);
    border-radius: 0 12px 12px 0;
}

.arrangement-mode-text {
    line-height: 46px;
    height: 46px;
    //padding-right: 0.5rem;

    font-weight: 400;
    font-size: 16px;
}

.arrangement-fxex {
    margin-left: 1rem;
    margin-right: 0.5rem;
    line-height: 46px;
    height: 46px;
}

.arrangement-fxex-dropdown {
    background: rgba(255,255,255,1);
    border: 0.5px solid rgba(151,151,151,1);
    box-shadow: 0.5px 1px 2px 0 rgba(236,236,236,1);
    border-radius: 12px;
}




.task-item {
    width: auto;
    height: 48px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid rgba(151, 151, 151, 1);
    box-shadow: 0px 2px 4px rgba(212, 212, 212, .5);
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: rgba(255, 255, 255, 1);
    margin-right: .5rem;
    margin-bottom: .5rem;
}

.task-item.highlighted {
    box-shadow: inset 0px 1px 3px rgba(192, 192, 192, 1);
    background-color: rgba(219, 240, 246, 1);
    background: #DBF0F6;
}


.task-item-disabled {
    width: auto;
    height: 48px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid rgba(151, 151, 151, 1);
    box-shadow: 0px 2px 4px rgba(212, 212, 212, .5);
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: rgba(225, 225, 225, 1);
    margin-right: .5rem;
    margin-bottom: .5rem;
}

.task-item-icon {
    height: 28px;
    width: auto;
    padding-top: 0.5rem;
}


.queue-item-icon {
    height: 28px;
    width: auto;
    padding-top: 1rem;
}

.task-item-text {
    line-height: 48px;

}

.task-item-mark {
    line-height: 48px;
    padding-top: 0.5rem;
}

.queue-item {
    width: auto;
    height: 65px;
    line-height: 65px;
    font-size: 18px;
    box-shadow: 0px 2px 4px rgba(212, 212, 212, .5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: .5rem;
}

.queue-item-title {
    font-size: 16px;
    color: rgba(28,32,35,.7);
}


.queue-item-value {
/*    margin-right: 0rem;*/
    font-weight: 500;
}

.queue-item-value-dim {
    font-size: 14px;
    font-weight: 400;
}

.queue-item-action {
    margin-right: 2rem;
    font-weight: 500;
    color: rgba(168, 172, 175, 1);
}


.arrangement-button-container {
/*    width: 100%;*/
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}

.confirm-task-button {
    cursor: pointer;
    background-color: rgba(246, 152, 50, 1);
    border: 1px solid rgba(155, 155, 155, 1);
    border-radius: 9px;
    height: 58px;
    width: auto;
    color: rgba(255, 255, 255, 1);
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 18px;
}

/*==============================================Report==============================================*/
.task-assignment-report-content {
    height: 100%;
    padding: 0rem 3rem;
}

.task-assignment-report-container {
    padding: 1.5rem 1.5rem;
    background-color: rgba(248, 252, 253, 1);
    /* border: 1px solid rgba(238, 238, 238, 1); */
    box-shadow: 0px 2px 4px rgba(238, 238, 238, 1);
    min-height: 400px;
}

.task-assignment-report-action-container {
/*
    padding-left: 1rem;
    padding-right: 1rem;
*/
    display: flex;
    padding-bottom: 1rem;
}

.task-assignment-report-action-content {
    background-color: rgba(255, 255, 255, 1);
    /* border: 1px solid rgba(151, 151, 151, 1); */
    box-shadow: 0px 2px 4px rgba(238, 238, 238, 1);
    height: 133px;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
/*    margin-left: 1rem;*/
    margin-right: 2rem;
    margin-right: .5rem;
    width: 245px;
}

.task-assignment-report-date, .task-assignment-report-comment {
    font-size: 14px;
    padding-bottom: 1rem;
}

.task-assignment-report-emg-signal > .title {
    padding-bottom: 1rem;
    font-size: 14px;
    color: rgba(28, 32, 35, .7);
}

.task-assignment-report-emg-signal > .value {
    padding-bottom: 1rem;
    font-size: 16px;
    color: rgba(28, 32, 35, 1);
}

.task-assignment-report-action-title {
    font-size: 14px;
    font-weight: 700;
    color: rgba(28, 32, 35, 1);
}

.task-assignment-report-action-subtitle {
    font-size: 12px;
    font-weight: 700;
    color: rgba(28, 32, 35, .7);
}

.task-assignment-report-action-value {
    font-size: 12px;
    font-weight: 700;
    color: rgba(28, 32, 35, 1);
}