/*@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");*/

@import url('bootstrap-icons.css');
@import url('roboto.css');
/*@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap");*/

.btn:not(.dropdown-toggle) {
    border-color: #CEDC00;
    border-radius: 4px;
    background-color: #CEDC00;
    color: #53565A;
    text-transform: uppercase;
    padding: 20px 40px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1.25px;
    min-height: 48px;
}

    .btn:not(.dropdown-toggle):hover, .btn:not(.dropdown-toggle):focus {
        border-color: #3D3D3D;
        background-color: #fff;
        color: #6200EE;
    }

    .btn:not(.dropdown-toggle):focus {
        box-shadow: none !important;
    }

    .btn:not(.dropdown-toggle).disabled {
        color: #FFFFFF;
        background-color: #A8B1B9;
        border-color: #A8B1B9;
    }

    .btn:not(.dropdown-toggle).btn-size-1 {
        padding: 10px 40px;
        min-width: 260px;
        min-height: 48px;
    }

    .btn:not(.dropdown-toggle).btn-size-2 {
        padding: 16px 40px;
    }

    .btn:not(.dropdown-toggle).btn-size-3 {
        min-width: 157px;
        min-height: 48px;
        padding: 8px 20px;
    }

    .btn:not(.dropdown-toggle).btn-mobile-1 {
        padding: 10px 30px;
    }

    .btn:not(.dropdown-toggle).btn-mobile-2 {
        width: 246px;
        padding: 10px 20px;
        min-height: 36px;
    }

    .btn:not(.dropdown-toggle).btn-mobile-3 {
        min-width: 150px;
        padding: 10px 20px;
        min-height: 36px;
    }

    .btn:not(.dropdown-toggle).btn-primary {
        color: #53565A;
    }

        .btn:not(.dropdown-toggle).btn-primary:hover, .btn:not(.dropdown-toggle).btn-primary:focus {
            border-color: #727844;
            background-color: #727844;
            color: #53565A;
        }

        .btn:not(.dropdown-toggle).btn-primary.disabled {
            color: #FFFFFF;
            background-color: #A8B1B9;
            border-color: #A8B1B9;
        }

    .btn:not(.dropdown-toggle).btn-secondary {
        background-color: #FFFFFF;
        color: #53565A;
        border-color: #FAC988;
        border-width: 2px;
    }

        .btn:not(.dropdown-toggle).btn-secondary:hover, .btn:not(.dropdown-toggle).btn-secondary:focus {
            border-color: #727844;
            color: #53565A;
        }

        .btn:not(.dropdown-toggle).btn-secondary.disabled {
            color: #A8B1B9;
            border-color: #A8B1B9;
        }

    .btn:not(.dropdown-toggle).btn-link {
        background-color: transparent;
        color: #53565A;
        text-decoration: none;
        border: none;
        border-bottom: 2px solid #CEDC00;
        border-radius: 0;
        padding: 0;
        margin: 20px 40px;
        min-height: auto;
    }

        .btn:not(.dropdown-toggle).btn-link:hover, .btn:not(.dropdown-toggle).btn-link:focus {
            color: #53565A;
        }

        .btn:not(.dropdown-toggle).btn-link.disabled {
            color: #A8B1B9;
        }

        .btn:not(.dropdown-toggle).btn-link.btn-link-red, .btn:not(.dropdown-toggle).btn-link.btn-link-red:hover, .btn:not(.dropdown-toggle).btn-link.btn-link-red:focus {
            border-color: #D72323;
            color: #D72323;
        }

        .btn:not(.dropdown-toggle).btn-link.btn-link-small {
            margin: 0;
        }

    .btn:not(.dropdown-toggle).btn-approval {
        background-color: #727844;
        color: #FFFFFF;
        border: none;
    }

        .btn:not(.dropdown-toggle).btn-approval:hover, .btn:not(.dropdown-toggle).btn-approval:focus {
            background-color: #CEDC00;
            color: #53565A;
        }

        .btn:not(.dropdown-toggle).btn-approval.disabled {
            color: #A8B1B9;
            border-color: #A8B1B9;
        }

        .btn:not(.dropdown-toggle).btn-approval.btn-decline {
            background-color: #C11F1F;
            color: #FFFFFF;
        }

            .btn:not(.dropdown-toggle).btn-approval.btn-decline:hover, .btn:not(.dropdown-toggle).btn-approval.btn-decline:focus {
                background-color: #D72323;
                color: #FFFFFF;
            }

    .btn:not(.dropdown-toggle).btn-left-spacing {
        margin-left: 16px;
    }

    .btn:not(.dropdown-toggle).btn-display-desktop {
        display: block;
    }

    .btn:not(.dropdown-toggle).btn-display-mobile {
        display: none;
    }

.ntt-mat-btn-dropdown .btn.btn-secondary {
    min-width: 157px;
    min-height: 48px;
    padding: 8px 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.25px;
    height: 100%;
    background-color: #FFFFFF;
    color: #53565A;
    border-color: #FAC988;
    border-width: 2px;
}

    .ntt-mat-btn-dropdown .btn.btn-secondary::after {
        display: none !important;
    }

    .ntt-mat-btn-dropdown .btn.btn-secondary:hover, .ntt-mat-btn-dropdown .btn.btn-secondary:focus {
        border-color: #727844;
        color: #53565A;
        box-shadow: none;
    }

    .ntt-mat-btn-dropdown .btn.btn-secondary.disabled {
        color: #A8B1B9;
        border-color: #A8B1B9;
    }

    .ntt-mat-btn-dropdown .btn.btn-secondary.btn-mobile-3 {
        min-width: 150px;
        padding: 10px 20px;
        min-height: 36px;
    }

.ntt-mat-btn-dropdown .dropdown-menu {
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15), 0px 4px 64px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-color: #FFFFFF;
    min-width: 200%;
    padding: 0;
}

    .ntt-mat-btn-dropdown .dropdown-menu .dropdown-item {
        padding: 18px 15px;
    }

        .ntt-mat-btn-dropdown .dropdown-menu .dropdown-item:hover, .ntt-mat-btn-dropdown .dropdown-menu .dropdown-item:focus {
            background-color: #CEDC00;
        }

        .ntt-mat-btn-dropdown .dropdown-menu .dropdown-item:active {
            background-color: #FAC988;
        }

form:invalid .btn[type=submit] {
    color: #FFFFFF;
    background-color: #A8B1B9;
    border-color: #A8B1B9;
    cursor: not-allowed;
}

    form:invalid .btn[type=submit].btn-link {
        background-color: transparent;
        color: #A8B1B9;
    }

input[type=checkbox] {
    accent-color: #6200EE;
}

div.ntt-mat-input-group {
    position: relative;
    width: 320px;
}

    div.ntt-mat-input-labelled-group.ntt-mat-input-fill,
    div.ntt-mat-input-group.ntt-mat-input-fill {
        width: 100%;
    }

div.ntt-mat-input-labelled-group p {
    margin-bottom: 11px;
}

div.ntt-mat-input-group.search-input:not(.no-padding) {
    margin-left: 32px;
    margin-right: 32px;
}

.ntt-mat-input,
.ntt-mat-input-select {
    min-height: 50px;
}

label.ntt-mat-input-filled,
label.ntt-mat-input-underlined {
    display: block;
}

.ntt-mat-input-radio-item {
    margin-right: 40px;
}

    .ntt-mat-input-radio-item input[type=radio] {
        display: none;
    }

    .ntt-mat-input-radio-item img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 2px solid transparent;
    }

        .ntt-mat-input-radio-item img:hover, .ntt-mat-input-radio-item img:active {
            border-color: #CEDC00;
            cursor: pointer;
        }

    .ntt-mat-input-radio-item input[type=radio]:checked + img {
        border: 2px solid #727844;
    }

.ntt-mat-input-radio-label {
    margin-top: 2px;
}

.dropdown.bootstrap-select.ntt-mat-input-select {
    border: none;
    border-bottom: 0.125rem solid none;
    width: 100%;
    height: 2rem;
    font-size: 1.0625rem;
    line-height: 147.6%;
}

    .dropdown.bootstrap-select.ntt-mat-input-select .dropdown-toggle {
        height: 100%;
        background: #EFF2F5;
        box-shadow: none !important;
        outline: none !important;
    }

    .dropdown.bootstrap-select.ntt-mat-input-select .dropdown-menu {
        padding: 0;
        border-radius: 0;
        margin-top: -5px;
        overflow: auto;
    }

        .dropdown.bootstrap-select.ntt-mat-input-select .dropdown-menu ::-webkit-scrollbar {
            width: 4px;
        }

        .dropdown.bootstrap-select.ntt-mat-input-select .dropdown-menu ::-webkit-scrollbar-track {
            background: none;
            box-shadow: none;
            outline: none;
        }

        .dropdown.bootstrap-select.ntt-mat-input-select .dropdown-menu ::-webkit-scrollbar-thumb {
            width: 2px;
            background-color: rgba(0, 0, 0, 0.38);
        }

    .dropdown.bootstrap-select.ntt-mat-input-select .dropdown-toggle .filter-option {
        position: relative;
        height: auto;
        width: auto;
    }

    .dropdown.bootstrap-select.ntt-mat-input-select .dropdown-item.active,
    .dropdown.bootstrap-select.ntt-mat-input-select .dropdown-item:active {
        background-color: #CEDC00;
        color: #53565A;
    }

    .dropdown.bootstrap-select.ntt-mat-input-select .dropdown-item {
        padding: 18px 15px;
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
    }

    .dropdown.bootstrap-select.ntt-mat-input-select.show-tick .dropdown-menu .selected span.check-mark {
        top: 50%;
        transform: translateY(-50%);
        right: 18px;
    }

    .dropdown.bootstrap-select.ntt-mat-input-select .bs-actionsbox .btn-group button.btn {
        padding: 10px 8px;
    }

.ntt-mat-input-underlined > input,
.ntt-mat-input-filled > input {
    border: none;
    border-bottom: 0.125rem solid none;
    width: 100%;
    height: 2rem;
    font-size: 16px;
    padding-left: 0.875rem;
    line-height: 24px;
}

.ntt-mat-input-underlined > input,
.ntt-mat-input-filled > input {
    padding-top: 0.825rem;
    padding-bottom: 0.5rem;
}

.ntt-mat-input-filled input[type=date],
.ntt-mat-input-filled input[type=datetime-local] {
  padding-right: 1rem;
}

.ntt-mat-input-filled > input.date-focus {
  border-bottom: 0.125rem solid rgba(0, 0, 0, 0.6);
  background-color: #CCD7E1;
}
.ntt-mat-input-filled > input.date-focus:hover {
  background-color: #CCD7E1;
  border-bottom: 0.125rem solid rgba(0, 0, 0, 0.6);
}

.ntt-mat-input-underlined > input:not(:placeholder-shown):not[type=date]:not[type=datetime-local]:valid, .ntt-mat-input-underlined > input:not(:placeholder-shown):not[type=date]:not[type=datetime-local]:focus,
.ntt-mat-input-filled > input:not(:placeholder-shown):not[type=date]:not[type=datetime-local]:valid,
.ntt-mat-input-filled > input:not(:placeholder-shown):not[type=date]:not[type=datetime-local]:focus {
  border-bottom: 0.125rem solid rgba(0, 0, 0, 0.6);
  background-color: #CCD7E1;
}
.ntt-mat-input-underlined > input:not(:placeholder-shown):not[type=date]:not[type=datetime-local]:valid:hover, .ntt-mat-input-underlined > input:not(:placeholder-shown):not[type=date]:not[type=datetime-local]:focus:hover,
.ntt-mat-input-filled > input:not(:placeholder-shown):not[type=date]:not[type=datetime-local]:valid:hover,
.ntt-mat-input-filled > input:not(:placeholder-shown):not[type=date]:not[type=datetime-local]:focus:hover {
  background-color: #CCD7E1;
  border-bottom: 0.125rem solid rgba(0, 0, 0, 0.6);
}

.ntt-mat-input-underlined > input:focus,
.ntt-mat-input-filled > input:focus {
    outline: none;
}

.ntt-mat-input-underlined > .ntt-mat-input-label,
.ntt-mat-input-filled > .ntt-mat-input-label {
    position: absolute;
    top: 0.875rem;
    left: 0.875rem;
    line-height: 24px;
    font-size: 16px;
    color: #53565A;
    transition: top 0.2s;
}

.ntt-mat-input-underlined > svg,
.ntt-mat-input-filled > svg,
.ntt-mat-input-underlined > i,
.ntt-mat-input-filled > i,
.ntt-mat-input-select > i,
.ntt-mat-input-select > svg {
    position: absolute;
    top: 1rem;
    right: 1rem;
    fill: #53565A;
    font-size: 1.2rem;
}

.ntt-mat-input-helper {
    margin: 0;
    margin-top: 11px;
    font-size: 16px;
    line-height: 19px;
    display: block;
}

.ntt-mat-input-underlined > input:hover,
.ntt-mat-input-filled > input:hover {
    background: #EFF2F5;
    border-color: #EFF2F5;
}

.ntt-mat-input-underlined > input:not(:placeholder-shown):valid + .ntt-mat-input-label,
.ntt-mat-input-underlined > input:not(:placeholder-shown):valid + input[type=hidden] + .ntt-mat-input-label, .ntt-mat-input-underlined > input:not(:placeholder-shown):focus + .ntt-mat-input-label,
.ntt-mat-input-underlined > input:not(:placeholder-shown):focus + input[type=hidden] + .ntt-mat-input-label, .ntt-mat-input-underlined > input:not(:placeholder-shown)[type=date] + .ntt-mat-input-label,
.ntt-mat-input-underlined > input:not(:placeholder-shown)[type=date] + input[type=hidden] + .ntt-mat-input-label, .ntt-mat-input-underlined > input:not(:placeholder-shown)[type=datetime-local] + .ntt-mat-input-label,
.ntt-mat-input-underlined > input:not(:placeholder-shown)[type=datetime-local] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input:not(:placeholder-shown):valid + .ntt-mat-input-label,
.ntt-mat-input-filled > input:not(:placeholder-shown):valid + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input:not(:placeholder-shown):focus + .ntt-mat-input-label,
.ntt-mat-input-filled > input:not(:placeholder-shown):focus + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input:not(:placeholder-shown)[type=date] + .ntt-mat-input-label,
.ntt-mat-input-filled > input:not(:placeholder-shown)[type=date] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input:not(:placeholder-shown)[type=datetime-local] + .ntt-mat-input-label,
.ntt-mat-input-filled > input:not(:placeholder-shown)[type=datetime-local] + input[type=hidden] + .ntt-mat-input-label {
    top: 0;
    font-size: 12px;
    margin-bottom: 32px;
    line-height: 20px;
}

.ntt-mat-input-underlined > input:focus + .ntt-mat-input-label,
.ntt-mat-input-underlined > input:focus + input[type=hidden] + .ntt-mat-input-label, .ntt-mat-input-underlined > input[type=date] + .ntt-mat-input-label,
.ntt-mat-input-underlined > input[type=date] + input[type=hidden] + .ntt-mat-input-label, .ntt-mat-input-underlined > input[type=datetime-local] + .ntt-mat-input-label,
.ntt-mat-input-underlined > input[type=datetime-local] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input:focus + .ntt-mat-input-label,
.ntt-mat-input-filled > input:focus + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input[type=date] + .ntt-mat-input-label,
.ntt-mat-input-filled > input[type=date] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input[type=datetime-local] + .ntt-mat-input-label,
.ntt-mat-input-filled > input[type=datetime-local] + input[type=hidden] + .ntt-mat-input-label {
    top: 0;
    font-size: 12px;
    margin-bottom: 32px;
    line-height: 20px;
}

.ntt-mat-input-underlined > input:focus + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-underlined > input:focus + input[type=hidden] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input:focus + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input:focus + input[type=hidden] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input[type=date] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-filled > input[type=date] + input[type=hidden] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-underlined > input[type=date] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-underlined > input[type=date] + input[type=hidden] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-underlined > input[type=datetime-local] + input[type=hidden] + .ntt-mat-input-label,
.ntt-mat-input-underlined > input[type=datetime-local] + input[type=hidden] + input[type=hidden] + .ntt-mat-input-label {
    top: 0;
    font-size: 12px;
    margin-bottom: 32px;
    line-height: 20px;
}

.ntt-mat-input-underlined:not(.ntt-mat-input-danger) > input:focus + .ntt-mat-input-label,
.ntt-mat-input-filled:not(.ntt-mat-input-danger) > input:focus + .ntt-mat-input-label {
    color: #53565A;
}

.ntt-mat-input-underlined:not(.ntt-mat-input-danger) > input:focus,
.ntt-mat-input-filled:not(.ntt-mat-input-danger) > input:focus {
    border-color: #53565A;
}

    .ntt-mat-input-underlined:not(.ntt-mat-input-danger) > input:focus ~ svg,
    .ntt-mat-input-filled:not(.ntt-mat-input-danger) > input:focus ~ svg,
    .ntt-mat-input-filled:not(.ntt-mat-input-danger) > input:focus ~ i,
    .ntt-mat-input-underlined:not(.ntt-mat-input-danger) > input:focus ~ i {
        fill: #53565A;
    }

/** DISABLED - TODO **/
.ntt-mat-input-underlined > input:disabled {
    background: #EFF2F5;
    cursor: not-allowed;
}

    .ntt-mat-input-underlined > input:disabled + .ntt-mat-input-label,
    .ntt-mat-input-underlined > input:disabled ~ .ntt-mat-input-helper {
        color: #EFF2F5;
    }

    .ntt-mat-input-underlined > input:disabled ~ svg,
    .ntt-mat-input-underlined > input:disabled ~ i {
        fill: #EFF2F5;
    }

/** DANGER **/
.error .ntt-mat-input-underlined > .ntt-mat-input-label,
.error .ntt-mat-input-underlined > .ntt-mat-input-helper,
.error .ntt-mat-input-filled > .ntt-mat-input-label,
.error .ntt-mat-input-filled > .ntt-mat-input-helper,
.error .ntt-mat-input-helper,
.error .ntt-mat-input-select.error,
.error .ntt-mat-input-select.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #D72323;
}

.error svg,
.error i {
    fill: #D72323;
    color: #D72323;
}

.error input.ntt-mat-input,
.error .ntt-mat-input-select {
    border-color: #D72323;
}

.ntt-mat-input-underlined > input {
    background: #EFF2F5;
}

.ntt-mat-input-filled > input {
    background: #EFF2F5;
}

.error-show {
    display: none;
}

.error .error-show {
    display: block;
}

.passcode {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}

.ntt-mat-input-code {
    border: 2px solid #53565A;
    width: 40px;
    height: 60px;
    margin: 4px;
    font-size: 50px;
    text-align: center;
    outline: none;
}

    .ntt-mat-input-code:hover, .ntt-mat-input-code:focus {
        outline: none;
    }

.status {
    border-radius: 16px;
    padding: 2px 8px;
    min-height: 32px;
}
.status.status-1 {
  background: #CCD7E1;
}
.status.status-2 {
  background: #FAC988;
}
.tag {
  border-radius: 16px;
  padding: 2px 8px;
  min-height: 32px;
}
.tag.tag-1 {
  background: #EFF2F5;
}

    .status.status-3 {
        background: #FAC988;
    }

    .status.status-4 {
        background: #CEDC00;
    }

    .status.status-5 {
        background: #FF9E1B;
    }

.tag {
    border-radius: 16px;
    padding: 2px 8px;
    min-height: 32px;
}

    .tag.tag-1 {
        background: #EFF2F5;
    }

.ntt-mobile-back-btn,
.ntt-mobile-close-btn {
    display: none;
    color: #53565A;
    font-size: 30px;
    position: absolute;
    top: -52px;
}

.ntt-back-btn {
    color: #53565A;
    font-size: 30px;
}

.ntt-mobile-close-btn {
    right: 0;
}

.ntt-mobile-back-container {
    position: relative;
    align-self: start;
    top: 0;
}

.ntt-desktop-back-btn {
    display: block;
}

@media (max-width: 450px) {
    form,
    div.ntt-mat-input-group,
    div.ntt-mat-input-labelled-group {
        width: 100%;
    }

    .btn.btn-size-1, .btn.btn-size-2 {
        width: 255px;
        height: 36px;
    }

    .ntt-mat-input-controls {
        display: flex;
        justify-content: center;
    }

    .dropdown.bootstrap-select.ntt-mat-input-select {
        width: 100% !important;
    }

    .ntt-mat-input-radio-item {
        margin-right: 15px;
    }

    .dropdown.bootstrap-select.ntt-mat-input-select .bs-actionsbox .btn-group button.btn {
        padding: 0 5px;
    }
}

@media (max-width: 992px) {
    .ntt-mobile-back-btn,
    .ntt-mobile-close-btn {
        display: block;
    }

    .btn:not(.dropdown-toggle).btn-display-desktop {
        display: none;
    }

    .btn:not(.dropdown-toggle).btn-display-mobile {
        display: block;
    }
}

@font-face {
    font-family: "VIC";
    src: url("../fonts/SemiBold/VIC-SemiBold.ttf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "VIC";
    src: url("../fonts/Medium/VIC-Medium.ttf");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "VIC";
    src: url("../fonts/Light/VIC-Light.ttf");
    font-weight: 400;
    font-style: normal;
}

html, body {
    font-family: "VIC", "Arial", "Times New Roman";
    font-weight: 400;
    color: #53565A;
}

h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 43.2px;
    letter-spacing: -0.02em;
}

h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -0.02em;
}

h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
}

p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

label {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

a.ntt-link {
    color: #53565A;
    text-underline-offset: 8px;
}

.alt-text {
    color: #FFFFFF;
}

.center-display-text {
    text-align: center;
    line-height: 23.44px;
}

    .center-display-text h2 {
        line-height: 46px;
    }

    .center-display-text.text-spaced {
        line-height: 46px;
    }

    .center-display-text br {
        content: "";
        margin: 3.5em;
        display: block;
        font-size: 24%;
    }

.no-p-margin p {
    margin: 0;
}

.navbar {
    align-items: start;
    transition: all 0.1s ease;
    z-index: 10000;
    padding: 0;
    overflow: hidden;
    color: #FFFFFF;
    min-width: 290px;
}

    .navbar .navbar-body {
        width: 290px;
    }

    .navbar .navbar-header {
        min-height: 125px;
        padding: 32px 41px;
        z-index: 100;
    }

    .navbar .nav-logo {
        display: block;
        width: 208px;
        height: 61px;
    }

    .navbar .nav-background {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 361px;
        width: 100%;
    }

    .navbar .nav-item {
        text-align: start;
        color: #FFFFFF;
        z-index: 100;
        background: #53565A;
    }

        .navbar .nav-item.nav-item-back {
            background: #463F45;
        }

            .navbar .nav-item.nav-item-back .bi {
                padding-right: 12px;
            }

        .navbar .nav-item.active:not(.dropdown),
        .navbar .nav-item .dropdown-menu li .active {
            background: #CEDC00;
            color: #53565A;
        }

        .navbar .nav-item:hover .nav-link, .navbar .nav-item:focus .nav-link {
            text-decoration: underline;
            text-underline-offset: 8px;
        }

        .navbar .nav-item .dropdown-menu {
            background-color: #53565A;
            color: #FFFFFF;
            border-radius: 0;
            padding: 0;
            margin: 0;
        }

            .navbar .nav-item .dropdown-menu .dropdown-item {
                background-color: #53565A;
                color: #FFFFFF;
                border-radius: 0;
                height: 45px;
                padding: 10px 20px;
            }

                .navbar .nav-item .dropdown-menu .dropdown-item:hover, .navbar .nav-item .dropdown-menu .dropdown-item:focus {
                    text-decoration: underline;
                    text-underline-offset: 8px;
                }

    .navbar .nav-link {
        padding: 13px 23px;
        height: 45px;
        cursor: pointer;
        font-weight: 600;
    }

        .navbar .nav-link .bi {
            padding-right: 20px;
            width: auto;
            height: 18.75px;
        }

        .navbar .nav-link.dropdown-toggle::after {
            display: none;
        }

        .navbar .nav-link .ntt-chevron {
            padding: 0;
            -webkit-text-stroke: 1px;
        }

    .navbar .container,
    .navbar .container .navbar-collapse,
    .navbar .container .navbar-collapse .navbar-body,
    .navbar .container .navbar-collapse .navbar-nav {
        height: 100%;
    }

.navbar-toggler {
    color: #FFFFFF;
}

.ntt-navbar-toggle,
.ntt-navbar-header-toggle {
    display: none;
    background: none;
    color: #FFFFFF;
    border: none;
}

    .ntt-navbar-toggle i,
    .ntt-navbar-header-toggle i {
        -webkit-text-stroke: 1px;
    }

.ntt-navbar-toggle {
    padding: 10px;
}

.ntt-navbar-header-toggle {
    padding: 0;
}

    .ntt-navbar-header-toggle i {
        width: 26px;
        height: 25px;
        margin-right: 26px;
    }

.nav-overlay {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    background: rgba(0, 0, 0, 0.45);
    transition: all 0.3s;
}

.navbar:not(.show) {
    display: block;
}

@media (max-width: 992px) {
    .navbar:not(.collapse):hover {
        width: 290px;
    }
}

@media (max-width: 992px) {
    .navbar {
        height: 100%;
        position: absolute;
    }

        .navbar .navbar-body {
            width: 50px;
        }

        .navbar:hover .nav-item {
            width: 290px;
        }

        .navbar:hover .navbar-body {
            width: 290px;
        }

        .navbar .nav-item {
            overflow: hidden;
            width: 50px;
        }

        .navbar .nav-link {
            padding: 13px 16px;
        }
}

@media (max-width: 992px) {
    .navbar {
        width: 100%;
    }

        .navbar .navbar-header {
            padding: 16px 20px;
        }

        .navbar .nav-logo {
            width: 124px;
            height: 37px;
        }

        .navbar .container, .navbar .container-sm {
            max-width: 100% !important;
        }

        .navbar .navbar-collapse {
            padding-top: 0;
        }

        .navbar .navbar-body {
            width: 0;
            z-index: 2000;
            position: absolute;
        }

    .ntt-navbar-toggle,
    .ntt-navbar-header-toggle {
        display: block;
    }

    .navbar.collapse.show .navbar-body {
        width: 290px;
    }

    .navbar.collapse.show .nav-overlay {
        display: block;
    }

    .navbar.collapse.show .nav-item {
        width: 290px;
    }

    .navbar:not(.show) {
        display: none;
    }

        .navbar:not(.show) .navbar-body {
            width: 0;
        }

    .navbar .navbar-header {
        height: 69px;
        min-height: 69px;
        width: 100%;
    }

        .navbar .navbar-header .ntt-navbar-toggle {
            align-self: end;
        }
}

.spacing-40 {
    margin: 40px;
}

.spacing-t-40 {
    margin-top: 40px;
}

.spacing-b-40 {
    margin-bottom: 40px;
}

.spacing-l-40 {
    margin-left: 40px;
}

.spacing-r-40 {
    margin-right: 40px;
}

.spacing-15 {
    margin: 15px;
}

.spacing-t-15 {
    margin-top: 15px;
}

.spacing-b-15 {
    margin-bottom: 15px;
}

.spacing-l-15 {
    margin-left: 15px;
}

.spacing-r-15 {
    margin-right: 15px;
}

.spacing-30 {
    margin: 30px;
}

.spacing-t-30 {
    margin-top: 30px;
}

.spacing-b-30 {
    margin-bottom: 30px;
}

.spacing-l-30 {
    margin-left: 30px;
}

.spacing-r-30 {
    margin-right: 30px;
}

.spacing-20 {
    margin: 20px;
}

.spacing-t-20 {
    margin-top: 20px;
}

.spacing-b-20 {
    margin-bottom: 20px;
}

.spacing-l-20 {
    margin-left: 20px;
}

.spacing-r-20 {
    margin-right: 20px;
}

.spacing-120 {
    margin: 120px;
}

.spacing-t-120 {
    margin-top: 120px;
}

.spacing-b-120 {
    margin-bottom: 120px;
}

.spacing-l-120 {
    margin-left: 120px;
}

.spacing-r-120 {
    margin-right: 120px;
}

.spacing-32 {
    margin: 32px;
}

.spacing-t-32 {
    margin-top: 32px;
}

.spacing-8 {
    margin: 8px;
}

.spacing-t-8 {
    margin-top: 8px;
}

.spacing-b-8 {
    margin-bottom: 8px;
}

.spacing-l-8 {
    margin-left: 8px;
}

.spacing-r-8 {
    margin-right: 8px;
}

.flex-col-spacing-16 {
    column-gap: 16px;
}

.flex-row-spacing-16 {
    row-gap: 16px;
}

.hidden {
    display: none;
    visibility: hidden;
}

.container {
    padding: 0;
}

.content, .content-container, .sidenav-container {
    height: 100%;
}

.content-container {
    overflow: auto;
}

.content-desktop {
    display: block;
    width: 100%;
}

.content-mobile {
    display: none;
    width: 100%;
}

.content-max-width {
    max-width: 1200px;
}

.content-center,
.content-center .content-center-container,
.content-center .content-width-320,
.content-center .content-width-465,
.content-center form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .content-center.content-width-320,
    .content-center .content-center-container.content-width-320,
    .content-center .content-width-320.content-width-320,
    .content-center .content-width-465.content-width-320,
    .content-center form.content-width-320 {
        margin: 0 auto;
    }

        .content-center .content-center-text,
        .content-center .content-center-container .content-center-text,
        .content-center .content-width-320 .content-center-text,
        .content-center .content-width-465 .content-center-text,
        .content-center form .content-center-text {
            text-align: center;
        }

        .content-center h1, .content-center h2,
        .content-center .content-center-container h1,
        .content-center .content-center-container h2,
        .content-center .content-width-320 h1,
        .content-center .content-width-320 h2,
        .content-center .content-width-465 h1,
        .content-center .content-width-465 h2,
        .content-center form h1,
        .content-center form h2 {
            text-align: center;
        }

        .content-center.no-align-item-center,
        .content-center .content-center-container.no-align-item-center,
        .content-center .content-width-320.no-align-item-center,
        .content-center .content-width-465.no-align-item-center,
        .content-center form.no-align-item-center {
            align-items: normal;
        }

.content-width-320 {
    width: 320px;
}

.content-width-465 {
    width: 465px;
}

.content-spacing-1 {
    padding: 72px;
}

.content-spacing-2 {
    padding: 100px;
}

.content-spacing-3,
.content-spacing-4 {
    padding: 56px 100px 100px 100px;
}

.content .content-desktop.content-color-bar {
    border-top: 24px solid #6750A3;
}

.content .content-mobile.content-color-bar {
    border-top: 9px solid #6750A3;
}

.full-width {
    width: 100%;
}

.search-content {
    width: 100%;
    height: 100%;
}

    .search-content .search-content-header {
        width: 100%;
        min-height: 56px;
    }

.sidenav-container {
    padding: 0;
}

.content-header {
    background: #53565A;
    color: #FFFFFF;
    min-height: 173px;
    display: block;
    padding: 32px 0;
    position: relative;
    overflow: hidden;
}

    .content-header .logo {
        height: 42px;
        width: 143px;
        margin-bottom: 16px;
    }

    .content-header .content-header-background {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .content-header .content-header-shade {
        position: absolute;
        width: 75px;
        height: 200px;
        right: 0;
        top: -50%;
        background-color: #d9d9d9;
        opacity: 0.15;
        transform: matrix(0.9, 0.45, 0.45, -0.9, 0, 0);
    }

    .content-header .content-header-body {
        height: 100%;
    }

    .content-header.mobile {
        display: none;
    }

.content-list-header {
    margin-bottom: 0;
    align-self: start;
}

ul.content-descriptor {
    padding-left: 1.25rem;
}

.input-width {
    width: 320px;
}

.content-desktop .col-left-header {
    max-width: 200px;
}

.content-sectioned-forms .section-header {
    font-weight: 700;
    margin-bottom: 4px;
}

.content-sectioned-forms .section-item {
    margin-bottom: 6px;
}

    .content-sectioned-forms .section-item p {
        margin-bottom: 4px;
    }

.content-sectioned-forms hr {
    padding-left: 0;
    padding-right: 0;
    height: 2px;
    background-color: #CBCCCD;
    opacity: 1;
    margin-top: 14px;
}

.content-sectioned-forms .controls {
    display: flex;
    align-content: end;
    align-items: end;
}

.content-sectioned-forms .btn.btn-link {
    margin-bottom: 18px;
    height: 24px;
}

.content-sectioned-forms .collapse, .content-sectioned-forms .collapsing {
    transition: none;
}

.ntt-report-col {
    border: 1px solid #CBCCCD;
    border-radius: 4px;
    padding: 20px 20px 20px 40px;
    height: 100%;
}

.ntt-form-mobile {
    display: none;
    position: fixed;
    z-index: 1000;
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    top: 61px;
    left: 0;
    padding: 33px 27px;
}

.ntt-form-desktop {
    display: block;
}

.ntt-table-toolbar > .ntt-table-toolbar-controls,
.ntt-table-toolbar > h1 {
    padding: 10px 0;
}

.ntt-table .card-views .card-view {
    padding: 5px 0;
}

.ntt-tabbar {
    min-height: 48px;
    width: 100%;
}

    .ntt-tabbar .nav {
        background: #FFFFFF;
    }

    .ntt-tabbar .nav-item {
        text-align: center;
        text-transform: uppercase;
    }

        .ntt-tabbar .nav-item .tab-link {
            color: #53565A;
            text-decoration: none;
            display: block;
            height: 100%;
            width: 100%;
            padding: 16px;
            border-bottom: 2px solid;
            border-color: transparent;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 1.25px;
            font-weight: 500;
        }

            .ntt-tabbar .nav-item .tab-link.active {
                border-color: #727844;
            }

            .ntt-tabbar .nav-item .tab-link:focus, .ntt-tabbar .nav-item .tab-link:active {
                color: #53565A;
                text-decoration: none;
            }

.ntt-additonal-actions .ntt-action-link {
    color: #727844;
}

    .ntt-additonal-actions .ntt-action-link .bi {
        margin-right: 12px;
    }

.ntt-image-attachments .ntt-attachment-item {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #E5E5E5;
    margin-right: 8px;
}

    .ntt-image-attachments .ntt-attachment-item:hover {
        cursor: pointer;
    }

.ntt-image-attachments .ntt-report-item {
    width: 50px;
    height: 50px;
    margin-right: 30px;
}

    .ntt-image-attachments .ntt-report-item .bi {
        font-size: 40px;
    }

    .ntt-image-attachments .ntt-report-item.ntt-pdf-item {
        color: #727844;
    }

    .ntt-image-attachments .ntt-report-item:hover {
        cursor: pointer;
    }

.ntt-image-list {
    width: 360px;
}

    .ntt-image-list .ntt-attachment-item {
        margin: 10px 0;
    }

.ntt-modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
}

.ntt-modal .modal-header,
.ntt-modal .modal-footer {
    border: none;
}

.ntt-modal .modal-header {
    padding: 10px 15px;
}

.ntt-modal .modal-body {
    padding: 0 15px;
}

.ntt-modal .modal-footer {
    padding: 14px 16px;
}

.ntt-modal.ntt-approval-modal .modal-dialog .modal-content {
    padding: 20px;
}

.ntt-table-detail-view {
    max-width: 1000px;
    max-height: 500px;
}

    .ntt-table-detail-view .ntt-table-detail-item .ntt-detail-title {
        min-width: 200px;
    }

@media (max-width: 465px) {
    .content-width-320,
    .input-width {
        width: 100%;
    }

    .content-header.mobile {
        height: auto !important;
    }

    .content-spacing-1,
    .content-spacing-2,
    .content-spacing-3 {
        padding: 62.78px 17.5px;
    }
}

@media (max-width: 992px) {
    .content-width-465,
    .content-center-container {
        width: 100%;
    }

    .content-desktop {
        display: none;
    }

    .content-mobile {
        display: block;
    }

    .ntt-form-mobile {
        display: block;
    }

    .ntt-form-desktop {
        display: none;
    }

    .spacing-mobile-t-20 {
        margin-top: 20px;
    }

    .content-header {
        padding: 6px;
    }

        .content-header .logo {
            height: 23px;
            width: 76px;
            margin-bottom: 0;
        }

        .content-header .app-title {
            font-size: 16px;
            font-weight: 700;
            line-height: 22px;
            margin: 0;
            margin-top: 4px;
        }

        .content-header,
        .content-header.mobile {
            height: 61px;
            min-height: 61px;
        }

            .content-header.mobile {
                display: block;
                padding: 18px 19px;
            }

                .content-header.mobile .ntt-navbar-toggle {
                    padding: 0;
                }

                .content-header.mobile h2 {
                    margin-left: 26px;
                }

    .page-title {
        display: none;
    }

    .content-spacing-1,
    .content-spacing-2,
    .content-spacing-3 {
        padding: 62.78px 27.5px;
    }

    .content-spacing-4 {
        padding: 27.5px;
    }

    .ntt-tabbar .nav-item .tab-link {
        padding: 16px 8px;
    }
}

html, body {
    height: 100vh;
    width: 100vw;
    background: #FBFCFE;
}

.ntt-theme .navbar-nav,
.ntt-theme .navbar-header {
    background: #53565A;
}

.ntt-theme .active .nav-link {
    color: #53565A;
}

.ntt-theme .nav-link {
    color: #FFFFFF;
}

.ntt-theme .logo {
    background-repeat: no-repeat;
}

.ntt-theme .logo-ptv {
    background: url("../images/Logo_White.svg");
    background-size: contain;
}

.ntt-theme .logo-ptv-alt {
    background: url("../images/Logo_Black.svg");
    background-size: contain;
}

    .ntt-theme .logo-ptv-alt.page-content-logo {
        width: 109px;
        height: 42px;
        display: block;
        background-repeat: no-repeat;
    }

.ntt-theme .dtp-element {
    background: url("../images/DTP banner element.svg");
}

    .ntt-theme .dtp-element.nav-background {
        background-position-x: -134px;
    }

    .ntt-theme .dtp-element.content-header-background {
        background-repeat: no-repeat;
        background-position-x: -10em;
        background-position-y: 14.5px;
        background-size: 600px;
    }

.ntt-theme .bootstrap-table .fixed-table-toolbar .bs-bars {
    width: 100%;
}

.ntt-theme .bootstrap-table .fixed-table-container .ntt-table th .th-inner {
    font-size: 14px;
    line-height: 18.9px;
    font-weight: 700;
    padding: 0;
}

.ntt-theme .bootstrap-table .fixed-table-container .ntt-table thead tr {
    border-top: none;
}

.ntt-theme .bootstrap-table .fixed-table-container .ntt-table tr:hover {
    --bs-table-accent-bg: none;
}

.ntt-theme .bootstrap-table .fixed-table-container .ntt-table.table-bordered > :not(caption) > * > th {
    padding: 0 16px 16px 0;
}

    .ntt-theme .bootstrap-table .fixed-table-container .ntt-table.table-bordered > :not(caption) > * > th.bs-checkbox {
        padding: 16px;
    }

.ntt-theme .bootstrap-table .fixed-table-container .ntt-table.table-bordered > :not(caption) > * > td.bs-checkbox {
    padding: 16px 16px 35px 16px;
}

.ntt-theme .bootstrap-table .fixed-table-container .ntt-table td {
    font-size: 14px;
    line-height: 18.9px;
    font-weight: 400;
}

.ntt-theme .bootstrap-table .fixed-table-container .ntt-table.table-bordered > :not(caption) > * {
    border-color: #CBCCCD;
    border-bottom: none;
}

    .ntt-theme .bootstrap-table .fixed-table-container .ntt-table.table-bordered > :not(caption) > * > * {
        border-width: 0;
        padding: 16px 16px 35px 0;
    }

.ntt-theme .bootstrap-table .fixed-table-container .ntt-table.table-bordered td.ntt-tbl-col-status {
    padding: 16px 0 35px 0;
    min-width: 160px;
}

.ntt-theme .pagination li.page-item a.page-link {
    font-weight: 400;
    font-size: 14px;
    line-height: 18.9px;
    color: #53565A;
    border-color: #FAC988;
    border-width: 2px;
}

.ntt-theme .pagination li.page-item.active a.page-link {
    background-color: #FAC988;
    color: #53565A;
}

.ntt-theme .ntt-table-toolbar-controls .ntt-table-toolbar-controls-item {
    margin-left: 16px;
}

@media (max-width: 992px) {
    .ntt-theme .dtp-element.content-header-background {
        background-position-x: -10em;
        background-position-y: 4px;
        background-size: 400px 165px;
    }
}

@media (max-width: 450px) {
    .ntt-theme .dtp-element.content-header-background {
        background-position-x: -10em;
        background-position-y: 4px;
        background-size: 400px 165px;
    }
}
::-ms-reveal {
  display: none;
}

/*# sourceMappingURL=Main.css.map */