/*Multiple*/
.assignmentCompletion-popup.multiple {
    width: 700px;
}

.assignmentCompletion-popup.multiple .assignmentCompletion {
    height: auto;
    max-height: 700px;
}

.mt-9 {
    margin-top: 9px;
}

.assignmentCompletion-popup.multiple .assignmentCompletionContainer .bookingRemainingHoursContainer .assignments {
    padding: 0 20px;
}

.assignmentCompletion-popup.multiple .assignmentCompletionContainer .bookingRemainingHoursContainer {
    padding: 0;
    overflow-y: auto;
    max-height: 490px;
    overflow-x: hidden;
    margin-right: 5px;
}

.assignmentCompletion-popup.multiple .assignmentCompletionContainer .bookingRemainingHoursContainer.forTwoAssignments {
    height: 330px;
    max-height: 330px;
}

.assignmentCompletion-popup.multiple .bookingRemainingHoursContainer::-webkit-scrollbar {
    width: 3px; /* width of the entire scrollbar */
}
.assignmentCompletion-popup.multiple .bookingRemainingHoursContainer::-webkit-scrollbar-track {
    background: transparent; /* color of the tracking area */
}
.assignmentCompletion-popup.multiple .bookingRemainingHoursContainer::-webkit-scrollbar-thumb {
    background-color: #dcdcdc; /* color of the scroll thumb */
    border-radius: 3px;
}

.assignmentCompletion-popup.multiple .assignmentCompletion .footer {
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
}

/*End-Multiple*/

.assignmentCompletion-popup {
    width: 460px;
}

.assignmentCompletion {
    background: #ffffff;
    box-shadow: 0px 2px 4px rgba(0, 41, 199, 0.2);
    border-radius: 4px;
    /*width: 460px;*/

    display: flex;
    flex-direction: column;
    position: relative;
}

.assignmentCompletion .header {
    flex: 0 0 46px;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: GlowSemiBold;
    font-size: 14px;
    color: #4a4a4a;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.assignmentCompletion .header .title {
    max-width: 100%;
    overflow-wrap: break-word;
}

.assignmentCompletion .header .taskName {
    flex: 1 0 100%;
    padding-bottom: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #808080;
    font-size: 13px;
    font-family: GlowRegular;
}

.assignmentCompletion .header .loader {
    position: absolute;
    right: 20px;
    top: 10px;
}

.assignmentCompletion-popup .assignmentCompletionContainer .bookingRemainingHoursContainer {
    padding: 0 20px;
}

.assignmentCompletionContainer {
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    padding-top: 16px;
}

.assignmentCompletionContainer .radioButtonSection {
    margin-bottom: 12px;
    padding: 0 20px;
}

.assignmentCompletionContainer .radioButtonSection .ui-radiobutton.book {
    margin-right: 6px;
}

.assignmentCompletionContainer .radioButtonSection.returnHours {
    display: flex;
}

.assignmentCompletionContainer .radioButtonSection.returnHours .ui-radiobutton {
    flex: 0 0 auto;
	  margin-right: 6px;
}

.assignmentCompletionContainer .radioButtonSection .returnRemainingHoursLabel {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.assignmentCompletionContainer .radioButtonSection .returnRemainingHours {
    color: #808080;
    font-size: 14px;
}

.assignmentCompletionContainer .radioButtonSection .reset {
    font-size: 13px;
    color: #5774e7;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    top: 1px;
}

.assignmentCompletionContainer .radioButtonSection .reset.disable {
    opacity: 0.4;
}

.assignmentCompletionContainer .loader .ui-loader-dark.small {
}
.assignmentCompletion .footer {
    padding: 5px 20px 16px 20px;
    position: relative;
}

.assignmentCompletion .footer .ui-btn-light {
    width: 132px;
    margin-left: 20px;
}
.assignmentCompletion .footer .ui-btn-grey {
    height: 38px;
    width: 104px;
}