a {
    text-decoration: none;
    color: currentColor;
}

h3 {
    text-transform: none;
}

h4 {
    font-size: 16px;
    text-transform: uppercase;
}

h5 {
    margin: 0;
    font-size: 16px;
}

body {
    font-family: brandon-grotesque, sans-serif;
}

#container {
    padding-top: 0;
}

.mw-840 {
    max-width: 840px;
}


/* Header */

.header-top {
    display: flex;
    justify-content: space-between;
}

.fop-logo {
    font-size: 20px;
    text-transform: uppercase;
}


/* Tables */

table {
    border-collapse: separate;
    border-spacing: 0 1px;
}

th {
    font-weight: 400;
}

.th-extra * {
    padding-top: 0 !important;
}

.th-inner {
    padding-bottom: 0 !important;
}

td {
    padding: 0.4rem;
}

.fop-price {
    display: none;
}


/* Admin Tables */

#admin_modules {
    opacity: 0;
    transition: opacity 0.2s;
}

th[data-field='5'] {
    min-width: 145px;
}

td[data-status='offert_sent'] {
    background: #9bd8a1;
}

td[data-status='email_saved'] {
    background: #c5e6ff;
}

.modal,
body.modal-open {
    padding-right: 0 !important;
}

.ma-toggle-modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.ma-toggle-modal:hover {
    cursor: pointer;
}

.ma-checkbox.working {
    background-color: #888888;
    border-color: #8c8c8c;
    box-shadow: 0 0 0 0.25rem rgb(206 206 206 / 50%);
}

.ma-checkbox.success {
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 0.25rem rgb(60 153 110 / 50%);
}


/* Fop Contacts */

#fop_contacts td:first-child {
    padding-left: 0;
    width: 140px;
    font-weight: 500;
}


/* GUI */

.fop-wrapper {
    margin: 2rem 0 1rem;
}

#portal_wrapper {
    display: grid;
    grid-template-columns: 24% auto;
}

#portal_wrapper h4 {
    color: #808080;
    font-size: 14px;
}

#portal_main {
    padding: 30px;
    background: #f3f3f3;
}

.modal-header {
    border: 0;
}

#pscroller {
    height: calc(100vh - 6rem);
}

.iScrollVerticalScrollbar {
    top: 70px !important;
}

.alert {
    position: absolute;
    width: calc(100% - 20px);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
    align-items: center;
}
#container input,
#container select {
    font-family: brandon-grotesque, sans-serif;
}
.editableform-loading {
    background-image: url('../../img/spinner.svg') !important;
    background-size: 18px 18px !important;
    background-position: center left !important;
}

.editable-inline .editableform-loading {
    background-position: left 5px;
}

.editable-input input[type='text']:focus-visible {
    outline: none;
}

#container input[type='file'] {
    background: transparent;
}

.status-icons {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    background: #fff;
    z-index: 2;
}

.working .status-icons {
    display: flex;
}

.success-checkbox,
.spinner,
.fks--error {
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.working .spinner {
    opacity: 1;
}

.success .success-checkbox {
    opacity: 1;
}

.dpr-trash {
    width: 50px;
}

.dpr-trash div {
    display: none;
    position: relative;
    z-index: 33;
}

#fop_docs tbody tr:hover .dpr-trash div {
    display: flex;
}

.form-control:focus {
    box-shadow: none;
    border-color: #ded2c5;
}


/* Progress Indicator */

#progress_indicator h6 {
    font-weight: 400;
}

.progress-cell {
    margin-bottom: 10px;
    padding: 1rem;
    background: #f3f3f3;
    border-radius: 2px;
}

.progress-cell>div {
    display: flex;
    align-items: center;
}

.progress-circle {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}


/* NCS colors */

.ncs-select {
    display: none;
}

.selectize-control.single .selectize-input:after {
    display: none;
}

#portal_main .selectize-input {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 0.25rem;
}

#portal_main .ncs-cell {
    width: 300px;
    padding-right: 80px;
    padding-left: 0;
    position: relative;
    align-items: center;
    vertical-align: middle;
}

.ncs-cell .status-icons {
    justify-content: flex-start;
    right: auto;
    left: 12px;
}

.ncs-cell .success-checkbox,
.ncs-cell .spinner,
.ncs-cell .fks--error {
    width: 20px;
    height: 20px;
}

input[type='select-one'] {
    max-width: 100% !important;
    position: absolute !important;
}

.ncs-controls {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
}

.ncs-link {
    position: relative;
    left: 13px;
    opacity: 1;
    transition: opacity 0.2s;
}

.ncs-link:hover {
    cursor: pointer;
}

td.working .ncs-link {
    opacity: 0;
}

.ncs-buttons {
    position: relative;
    right: 7px;
    display: none;
}

td.select-active .ncs-link {
    opacity: 0;
}

td.select-active .selectize-control {
    display: block;
}

td.select-active .ncs-buttons {
    display: flex;
}

.doc-icon {
    width: 30px;
    height: auto;
}

.portal-upload-wrapper .fw--container {
    display: none;
}

.pdf-exists .portal-upload-form {
    display: none;
}

.pdf-exists .portal-upload-wrapper .fw--container {
    display: flex;
}


/* Portal Grid */

.prtl--wrapper {
    display: grid;
    grid-template-columns: minmax(200px, 33.33%) minmax(600px, 66.66%);
    column-gap: 1px;
    row-gap: 1px;
    font-size: 0.9rem;
}



#fop_contacts input[type='text'],
#fop_contacts select {
    min-height: calc(1.5em + (0.5rem + 2px));
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

#fop_contacts select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
#fop_contacts .popover-content {
    padding: 7px 9px;
}

#portal_logo img {
    padding: 0 17% 2rem;
    width: 100%;
}

.prtl--box {
    padding: 3vw;
    background: #ded2c5;
}

.prtl--table {
    margin-top: 2rem;
}

.prtl--table-row {
    display: grid;
    grid-template-columns: 45% 45% minmax(68px, 10%);
}

.is_admin .prtl--table-row {
    display: grid;
    grid-template-columns: minmax(16px, 3%) minmax(213px, 25%) minmax(68px, 10%) minmax(245px, 42%) minmax(72px, 10%) minmax(20px, 5%);
}

.prtl--table-row>div {
    padding: 0.4rem 0;
    display: flex;
    align-items: center;
}

.prtl--table-row>div {
    border-bottom: 1px solid #767676;
}

.prtl--table-form {
    margin-right: 0.5rem;
}

.prtl--wrapper .status-icons,
#portal_alert .status-icons {
    display: flex;
    background: #cec3b7;
}

.prtl--table-row .psu-trash {
    display: none;
}

.pdf-exists .psu-trash {
    width: 32px;
    display: flex;
}

.psu-trash .status-icons {
    background: #ded2c5;
}

.prtl--wrapper .spinner,
.prtl--wrapper .success-checkbox {
    opacity: 1;
}

.portal-g-box .status-icons img,
#portal_alert .status-icons img {
    opacity: 1;
}

.prtl--wrapper .btn:not(.fks--btn-editable) {
    height: 2rem;
    line-height: 2rem;
    width: 5rem;
    padding: 0 0.25rem;
    position: relative;
}



.working .portal--btn {
    pointer-events: none;
}

.portal--btn.pb--admin .status-icons {
    background: #bcbc9c;
}

.portal--pbtn-wrapper {
    display: none;
}

.fks--btn-editable {
    background-color: #ded2c5;
    border: none;
}

.prtl--table-row h4 {
    margin: 0;
    font-size: 0.9rem;
}

.prtl--btn-download,
.prtl--table-row h4 {
    display: none;
}

.prtl--table-row.pdf-exists h4 {
    display: block;
}

.pdf-exists .prtl--btn-download {
    display: block;
}

.pdf-exists form {
    display: none;
}

.pdf-exists .prtl--submit {
    display: none;
}

.psu-trash {
    display: flex;
    justify-content: center;
}

.psu-trash:hover {
    cursor: pointer;
}

@media screen and (max-width: 1150px) {
    .prtl--box {
        padding: 2vw;
    }
}

@media screen and (max-width: 1023px) {
    .prtl--wrapper {
        grid-template-columns: auto auto;
    }
    .prtl--table-row {
        display: grid;
    }
    .prtl--table-row {
        grid-template-columns: auto auto minmax(68px, 10%);
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
        grid-template-rows: auto auto;
        border-bottom: 1px solid #767676;
    }
    .is_admin .prtl--table-row {
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
        grid-template-columns: minmax(16px, 3%) minmax(213px, 71%) auto minmax(20px, 5%);
        grid-template-rows: auto auto;
        border-bottom: 1px solid #767676;
    }
    .is_admin .prtl--table-form {
        grid-column-start: 2;
        grid-column-end: 2;
    }
    .prtl--table-row>div {
        padding: 0.2rem 0;
        border-bottom: none;
        align-items: flex-end;
        line-height: 1;
    }
    .is_admin .prtl--table-row>div {
        padding: 0.2rem 0;
        border-bottom: none;
        align-items: flex-end;
        line-height: 1;
    }
    body:not(.is_admin) .prtl--table-row .prtl--doc-title {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    body:not(.is-admin) .prtl--table-form {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    body:not(.is_admin) .prtl--doc-move {
        grid-column-start: 3;
        grid-row-start: 1;
        grid-row-end: 3;
    }
}

@media screen and (max-width: 630px) {
    .prtl--wrapper {
        grid-template-columns: auto;
    }
    .prtl--table-row {
        grid-template-columns: minmax(16px, 3%) minmax(195 px, 71%) auto minmax(20px, 5%);
    }
    .prtl--box {
        padding: 4vw;
    }
    #fop_contacts {
        grid-row-start: 4;
        grid-row-end: 4;
    }
}


/* Portal alert */

#portal_alert {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2;
}

.pa-alert #portal_alert {
    display: block;
}

.pa--container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
}

.pa--window {
    width: 100%;
    max-width: 600px;
    padding: 15px;
    background: #fff;
}

.pa--msg {
    margin-bottom: 20px;
}

#pa--close {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 3;
}

.fade.in {
    opacity: 1;
}

#portal_404 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

#p404_wrapper {
    height: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 4px;
}

#p404_wrapper>* {
    background: #ded2c5;
    display: flex;
    align-items: center;
    justify-content: center;
}

#p404_wrapper img {
    height: 50vh;
    padding: 4rem;
}

#portal_footer {
    padding: 2vw;
    border-top: 1px solid #767676;
    background: #ded2c5;
}

@media screen and (max-width: 912px) {}

@media screen and (max-width: 750px) {}

/* Admin modul page */
.rep_region select {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    padding: 0px 2px;
    border-color: #000;
}