/* Minification failed. Returning unminified contents.
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,23): run-time error CSS1039: Token not allowed after unary operator: '-addButtonWidth'
(223,24): run-time error CSS1039: Token not allowed after unary operator: '-trashButtonWidth'
(225,15): run-time error CSS1039: Token not allowed after unary operator: '-gapWidth'
(238,15): run-time error CSS1039: Token not allowed after unary operator: '-gapWidth'
(243,17): run-time error CSS1039: Token not allowed after unary operator: '-addButtonWidth'
(268,21): run-time error CSS1039: Token not allowed after unary operator: '-trashButtonWidth'
 */
.grid {
    display: grid;
}

.logo-container img {
    max-width: none !important;
    height: 40px;
}

input, textarea {
    max-width: none;
}

textarea {
    resize: vertical;
}

a {
    cursor: pointer;
}

.invalid-value {
    border: 1px solid #a94442;
}

.trash-button-for-file {
    border: 0;
    background-color: inherit;
    margin-right: 5px;
}

ul {
    list-style: none;
    padding-left: 0;
}

li {
    margin-bottom: 5px;
}

.padding-on-top {
    padding-top: 10px;
}

.one-required {
    font-weight: bold;
}

.submit-fail-message, .captcha-fail-message, .submit-fail-fields, .email-sent-message, .invalid-revision-list {
    color: #a94442;
    font-size: 20px;
    font-weight: bold;
    list-style-type: disc;
    list-style-position: inside;
}

#focal-person-email-invalid-error, #secondary-contact-email-invalid-error, #focal-person-telephone-invalid-error, #secondary-contact-telephone-invalid-error {
    font-size: 12px;
    color: #a94442;
    font-weight: bold;
    margin-bottom: 15px;
}

.focal-person-email-invalid-row, .secondary-contact-email-invalid-row, .focal-person-telephone-invalid-row, .secondary-contact-telephone-invalid-row {
    display: none;
    margin-bottom: 15px;
}

hr {
    border-top: 1px solid #eee;
}

.content-wrapper {
    background-color: #f7f7f7;
}

.padding-bottom {
    padding-bottom: 5px;
}

.align-right {
    text-align: right;
}

.limit-reached, .red-bordered {
    border: 2px solid red !important;
}

.modal-body li input {
    width: 100%;
    height: 30px;
    margin-bottom: 15px;
}

.assessment-documents-ul input {
    margin-left: 10px;
}

#assessment-documents-label {
    margin-bottom: 10px;
    margin-top: 10px;
}

.assessment-documents-ul {
    list-style: inside;
}

.saved-assessment-comment {
    width: 100%;
    margin-top: 5px;
}

.assessment-delete-button {
    height: 30px;
}

.level2 {
    margin-left: 15px !important;
}

    .level2 span {
        font-size: 16px !important;
    }

.box-body-aligned, .box-header-aligned {
    padding: 5px 10px 5px 10px !important;
}

.box-body-aligned-view, .box-header-aligned-view {
    padding: 5px 10px 5px 5px !important;
}

#submit-button {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}

.no-side-padding {
    padding-right: 0;
}

.container-fluid .text-center {
    visibility: hidden;
}

.flex {
    display: flex;
}

.hint, .hint:active, .hint:hover, .hint:focus {
    color: #c02c2c;
    font-size: 16px;
}

.bound {
    cursor: pointer;
    z-index: 999;
    position: relative;
}

.selection .select2-selection {
    height: 34px;
}

.createNewRisk {
    background-color: inherit;
}

.delete-additional-risk-item, .delete-additional-learning-item {
    padding-top: 5px;
    border: 0;
    background-color: inherit;
}

.createNewRisk {
    visibility: hidden;
}

.risk-row:last-of-type .createNewRisk {
    visibility: visible;
}

.createNewLearning {
    background-color: inherit;
    visibility: hidden;
}

.learning-row:last-of-type .createNewLearning {
    visibility: visible;
}

.topdesc-info {
    color: #c02c2c;
}

.label-with-hint, .inline-flex {
    display: inline-flex;
}

    .label-with-hint span {
        bottom: 0;
        position: relative;
        margin-top: auto;
    }

.tooltip-inner {
    min-width: 250px !important;
    text-align: left !important;
}

.learning-header, .learning-row,
.risk-header, .risk-row {
    --addButtonWidth: 37px;
    --trashButtonWidth: 37px;
    --gapWidth: 2rem;
}

.learning-header,
.risk-header {
    margin-left: var(--addButtonWidth);
    margin-right: var(--trashButtonWidth);
    display: flex;
    gap: var(--gapWidth);
}

.learning-row,
.risk-row {
    display: flex;
    margin-bottom: 10px;
}

.learning-data,
.risk-data {
    display: flex;
    width: 100%;
    gap: var(--gapWidth);
}

.learnings-plus-column,
.risks-plus-column {
    width: var(--addButtonWidth);
}

.risks-name-column,
.risks-mitigation-column {
    width: 35%;
}

.risks-impact-column,
.risks-probability-column {
    width: 15%;
}

.risk-data .select2-container {
    width: 100% !important;
}

.learnings-trash-column,
.risks-trash-column {
    margin-top: 3px;
    font-size: 15px;
}

    .learnings-trash-column .delete-additional-learning-item,
    .risks-trash-column .delete-additional-risk-item {
        width: var(--trashButtonWidth);
    }

.learnings-learning-column,
.learnings-means-column {
    width: 50%;
}

.risks-impact-column,
.risks-probability-column,
.risk-data .select2-container {
    min-width: 100px;
}

.new-item {
    border: 3px solid green !important;
    padding-top: 10px;
    margin-top: 3px;
}

.arabic-layout {
    direction: rtl;
}

.field-validation-error {
    font-weight: 600;
    font-size: 15px;
    display: block;
}

.application-value-row {
    margin-bottom: 1rem;
}

.fake-field {
    padding: 0.5rem;
    border: 1px solid #d2d6de;
    background-color: #eee;
    margin-bottom: 1rem;
    min-height: 32px;
}

.confirm-conditions-row .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

/*for revision*/
.form-revision-comment, .outcome-table .form-revision-comment {
    font-weight: bold;
    font-size: 14px;
}

.form-revision-comment span {
    background-color: yellow;
}

.fa-pencil, .fa-times {
    color: #E2001A;
    padding-bottom: 10px;
    vertical-align: 0px !important;
}

.outcome-table .fa-pencil, .risk-row .fa-pencil, .learning-row .fa-pencil {
    float: right;
    padding-right: 2px;
    padding-top: 2px;
}

.accelerator-selected .fa-pencil, .bridge-selected .fa-pencil {
    float: right;
    padding-right: 2px;
    padding-top: 2px;
}

.outcome-sustainability .fa-pencil, .view-risks .fa-pencil, .view-learnings .fa-pencil, .outcome-sustainability .fa-times, .risk-item .fa-pencil, .learning-item .fa-pencil, .risk-item .fa-times, .learning-item .fa-times {
    float: right;
    padding-right: 2px;
}

.fa-pencil {
    cursor: pointer;
}

.fa-times {
    cursor: pointer;
}


.outcome-comment {
    margin-bottom: 20px;
}

.outcome-comment-header {
    font-size: 14px;
    margin-bottom: 4px;
}

.risks .form-revision-comment, .learnings .form-revision-comment {
    padding-left: 50px;
}

.outcome-revision-comment {
    flex: 0 0 100%;
}


.change-added {
    text-decoration: none;
    background-color: lightgreen;
}

.previous-answer-container {
    min-height: 2rem;
}

#__GoverningBoardSeniorManagements_container .input-group-btn,
#__AdditionalDocuments_container .input-group-btn {
    /*fix for upload button position with pencil icon (revision) */
    padding-bottom: 12px;
}

.outcome-table .outcome-table-changed-field {
    border: 3px solid green !important;
}


.outcome-table-display .outcome-trash-column {
    display: none;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 3px;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #E2001A;
}

input:focus + .slider {
    box-shadow: 0 0 1px #E2001A;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 24px;
}

    .slider.round:before {
        border-radius: 50%;
    }

#validate-nsia-table {
    margin-top: 10px;
    margin-bottom: 10px;
}

#validate-btn-check {
    color: green;
    display: none;
    margin-left: 1rem;
}

.previous-files-ul li {
    text-decoration: line-through;
}

.form-button-container {
    text-align: center;
    margin-top: 20px;
}

    .form-button-container input {
        display: inline-block;
    }

.outcome-table .sum-item .output-activity-additional {
    max-height: 34px;
}

#to-plus, #cc-plus {
    margin-left: 5px;
}

.modal-lg {
    width: 90% !important;
}

    .modal-lg .modal-body {
        max-height: none !important;
    }

#FullEmailText {
    height: calc(100vh - 250px);
}

#to-address, #cc-address, #Subject {
    width: 100%;
}

#FullEmailText {
    word-break: break-word;
    text-align: justify;
}

#Subject {
    word-break: break-word;
}

.subject-col .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.bold {
    font-weight: bold;
}

.current-answer, .invalid-listitem, .current-file {
    font-weight: bold;
}

#EmailPreview {
    border-radius: 0px;
    border-color: rgb(210, 214, 222);
    padding: 0px 12px;
    border-width: 1px;
    border-style: solid;
    margin: 15px;
    margin-top: 0;
}

    #EmailPreview ul {
        list-style: disc;
        padding-left: 12px;
    }

.email-preview {
    visibility: hidden;
}

.email-preview-label-div {
    margin-top: 10px;
    padding-left: 30px;
}

    .email-preview-label-div label {
        margin-bottom: 0;
    }

#preview {
    font-weight: 500;
    height: 30px;
}

.styling-button-container {
    display: flex;
    justify-content: space-between; /* Distributes buttons evenly */
    gap: 10px;
}

    .styling-button-container button {
        min-width: 30px;
    }