@charset "UTF-8";.flex-container{display:flex;gap:10px;justify-content:space-between;&.end{justify-content:flex-end}p{color:var(--COLOR_NEUTRAL_LIGHT);font-size:13px}div{display:flex;gap:10px}}.align-left{justify-content:flex-start}nav:not(.top-bar){background:var(--dark_blue);padding:10px 30px;button{background:var(--BG_NEUTRAL);border:none;border-radius:5px;box-shadow:2px 1px 4px 0 rgba(0,0,0,.259);cursor:pointer;font-size:13px;font-weight:700;min-height:30px;padding:8px 11px;text-align:center;width:fit-content}a{color:var(--COLOR_NEUTRAL_LIGHT);&:hover{text-decoration:none}}}.title{background:var(--light_blue);color:var(--COLOR_NEUTRAL_LIGHT);font-size:18px;font-weight:700;padding:10px 20px}.table{display:grid;width:100%;--column-sizes:0.75fr 0.75fr 0.75fr 2fr 0.5fr 2fr 0.5fr 1fr 1.5fr 0.5fr;&.admin{--column-sizes:0.75fr 0.75fr 0.75fr 2fr 0.5fr 2fr 0.5fr 1fr 1.5fr 0.5fr 0.3fr}.tbody project-row .row,.thead{display:grid;grid-template-columns:var(--column-sizes)}.thead{position:sticky;top:0;z-index:10;.th{background-color:var(--BG_ACTIVE_BLUE);color:var(--_white);overflow:hidden;padding:.75em;text-overflow:ellipsis;white-space:nowrap;&:last-child{grid-column:span 2}.column-title{align-items:center;display:flex;font-size:13px;justify-content:space-between;user-select:none}.th-content{display:flex;flex-direction:column;height:100%;justify-content:center;input{box-sizing:border-box;height:2.5em;margin-top:5px;width:100%}&:not(:has(input)){justify-content:flex-start}}}}.tbody{display:grid;gap:.2em;project-row{.row{align-items:stretch;max-width:none;.cell{align-items:center;border-right:.2em solid var(--COLOR_NEUTRAL_LIGHT);display:flex;overflow:hidden;padding:.95em .5em;&.center{justify-content:center}&:first-child{border-left:.2em solid var(--BG_GREY_LIGHT)}select{padding:.3em .5em .3em 0}&.sort-column{background-color:var(--BG_GREY_MIDDLE)}input{background:transparent}&.red{color:var(--COLOR_ERROR_DARK);font-weight:700}}}.notification{align-items:center;background-color:var(--BG_WARNING);border:.2em solid var(--COLOR_ERROR_DARK);display:flex;display:none;height:2.5em;justify-content:center;text-align:center}}}}.sort-indicator{border-left:5px solid transparent;border-right:5px solid transparent;display:inline-block;height:0;margin-left:5px;width:0;&.asc{border-bottom:5px solid #fff}&.desc{border-top:5px solid #fff}}project-administration{overflow:hidden;.cell,td,th{font-size:13px}projects-table{display:block;height:calc(100vh - 19.65em);overflow-y:auto;.table{gap:.2em;.th{cursor:pointer;vertical-align:top;&:hover{background-color:var(--BG_GREY_LIGHT)!important;color:var(--_black)}}project-row{cursor:pointer;&:nth-child(2n){background:var(--BG_GREY_MIDDLE)}&:nth-child(odd){background:var(--BG_GREY_LIGHT)}&:hover{background:var(--BG_GREY)}}}}}header-section{align-items:center;display:flex;gap:2em;height:8em;justify-content:center;padding:0 10px}table-pagination{align-items:center;background-color:var(--BG_ACTIVE_BLUE);color:var(--COLOR_NEUTRAL_LIGHT);display:flex;gap:8px;height:40px;justify-content:center;&[data-max_page=true]{[data-action=last],[data-action=next]{visibility:hidden}}&:has(input[max="1"]){button:not(.current),input{display:none}}.pagination-button{background:transparent;border:none;border-radius:3px;color:var(--COLOR_NEUTRAL_LIGHT);cursor:pointer;padding:5px 10px;i{font-size:13px}&:hover{background-color:#eee;color:#333}}.pagination-button.current{background-color:transparent;color:var(--COLOR_NEUTRAL_LIGHT)}.pagination-ellipsis{padding:5px 10px}.pagination-input{-moz-appearance:textfield;appearance:textfield;background-color:transparent;border:2px solid #fff;border-radius:4px;color:var(--COLOR_NEUTRAL_LIGHT);padding:0 5px;text-align:center;width:45px;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}}.page-numbers-container{display:flex;flex-grow:1;gap:10px;justify-content:center}.pagination-container{align-items:center;display:flex;justify-content:space-between}}.backdrop{background:rgba(0,0,0,.7);display:none;height:100%;left:0;position:fixed;top:0;width:100%;&.show{display:flex;flex-direction:column}}.dialog{display:none;left:0;left:50%;position:fixed;top:0;top:50%;transform:translate(-50%,-50%);z-index:1001;.dialog-container{background-color:#fff;display:flex;flex-direction:column;height:70vh;margin:10px 0}&.show{display:flex;flex-direction:column;button{border:none;border-radius:5px;font-size:13px;min-height:30px;width:fit-content}article-list{button{padding:.5em}}}project-row{background:var(--BG_GREY_MIDDLE);input{background:var(--_white)!important}}}order-details-modal,project-details-modal{.backdrop{z-index:1000}.dialog{width:95%;z-index:1001}input{font-size:13px}td,th{padding:.5em}.details-container{display:flex;flex-grow:1;justify-content:space-between;max-height:100%;overflow:hidden}.sub-container{border:.1em solid var(--text_grey);box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:.5em;height:100%;max-height:100%;overflow:auto;overflow-y:auto;padding:.5em;&.flex-row{flex-direction:row;>*{flex:1}}}.th{align-items:center;display:flex;&:has(button){display:flex;justify-content:space-between}}}order-details-modal{.sub-container:first-child{flex:1.5}}general-administration,internal-administration{display:grid;gap:.25em;grid-template-columns:1fr 1fr;height:20.45em;table{text-align:left;width:100%;tr{>[colspan="2"]{background-color:#d9d9d9}}td{background-color:#f9f9f9;&:first-child{background-color:#f2f2f2}option,select{border:1px solid lightgrey;border-radius:0;padding:.25em}}}>div{border:2px solid #d9d9d9;border-color:var(--COLOR_ACCENT_DARK);display:flex;flex-direction:column;.header{background-color:var(--BG_ACTIVE_BLUE);color:var(--COLOR_NEUTRAL_LIGHT)}textarea{border:none;flex:1;max-width:100%;padding:.5em;resize:none}}}.contact-details-table{text-align:left;width:100%;tr{>[colspan="2"]{background-color:#d9d9d9}}td{background-color:#f9f9f9;width:50%;&:first-child{background-color:#f2f2f2}option,select{border:1px solid lightgrey;border-radius:0;padding:.25em}}}th[colspan="2"]{background-color:#d9d9d9}sales-partner-information{.project-access{border-collapse:collapse;text-align:left;width:100%;tbody{tr{border-top:.2em solid #fff}td{&:first-child{border-right:.2em solid #fff;max-width:50%;width:50%}}}}table{border-collapse:collapse;text-align:left;width:100%;tbody{tr{border-top:.2em solid #fff}td{&:first-child{border-right:.2em solid #fff;max-width:50%;width:50%}}}}input[type=date]{width:12em}select{width:12.7em}input,option,select{border:1px solid lightgrey;border-radius:0;padding:.25em}}dialog-protocol{border:2px solid #d9d9d9;display:block;>*{padding:.5em}.content{background-color:#fff;max-height:10.99em;overflow:auto;overflow-wrap:break-word}}quickplan-protocol{border:2px solid var(--COLOR_PRIMARY_MIDDLE);display:block;>*{padding:.5em}.content{background-color:#fff;max-height:10.99em;overflow:auto;overflow-wrap:break-word;p{line-height:1}}}.project-access{border-collapse:collapse;text-align:left;width:100%;tr{border-top:.2em solid #fff;>[colspan="2"]{background-color:#459900;color:var(--COLOR_NEUTRAL_LIGHT)}}td{&:first-child{border-right:.2em solid #fff;max-width:50%;width:50%}}}emarks-customer{display:grid;gap:.25em;grid-template-columns:1fr 1fr;height:20.45em;>div{border:2px solid #d9d9d9;display:flex;flex-direction:column;textarea{border:none;flex:1;max-width:100%;padding:.5em;resize:none}}}pdf-download-container{div{&:not(.header){display:flex;justify-content:space-around;padding:1.2em 0}}}.additional_material{background-color:var(--BG_ACTIVE_BLUE_LIGHT);padding:.6em;input[type=checkbox],label{color:var(--COLOR_NEUTRAL_LIGHT);font-weight:700;vertical-align:middle}label{margin-left:.5em}}select[title=project_state]{border-radius:0;cursor:pointer;padding:.25em;width:100%}.header{background-color:#d9d9d9;font-weight:700;padding:.5em}sales-partner-information{td{background-color:var(--BG_GREY_MIDDLE_LIGHT);&:first-child{background-color:var(--BG_GREY_LIGHT)}}}assign-new-sales-partner-modal{.backdrop{z-index:1002}.dialog{width:33%;z-index:1003;.header{align-items:center;background-color:var(--COLOR_ERROR_DARK);color:var(--COLOR_NEUTRAL_LIGHT);display:flex;justify-content:space-between;padding:0 .5em;button[data-type=close]{background:0 0;box-shadow:none;color:#fff;padding:0 1em}}.dialog-container{display:flex;flex-direction:column;height:90vh;margin:0;overflow:hidden}}table{border-collapse:collapse;width:100%;tbody{tr{border-bottom:1px solid var(--COLOR_PRIMARY_MIDDLE);cursor:pointer;td{padding:.5em;&:not(:last-child){border-right:1px solid var(--COLOR_NEUTRAL_LIGHT)}}}}thead{th{background-color:var(--BG_ACTIVE_BLUE);color:var(--COLOR_NEUTRAL_LIGHT);cursor:pointer;min-width:2.5em;padding:1em .5em;position:sticky;text-align:left;top:0;user-select:none;z-index:10;&.asc:after{content:"▲"}&.desc:after{content:"▼"}}}}.filter-container{display:flex;justify-content:space-between;padding:2em .5em;z-index:10;input{border-radius:0;max-height:2em;padding:.5em;&:focus-visible{outline:none}}}.table-container{flex-grow:1;overflow-y:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}td .fa-x{color:var(--dark_red);font-size:1.25em;text-shadow:0 1px 0 #000,0 -1px #000,1px 0 #000,-1px 0 #000}}notify-sales-partner-modal{.backdrop{z-index:1004}.dialog{width:50%;z-index:1005;.header{align-items:center;background-color:var(--COLOR_ERROR_DARK);color:var(--COLOR_NEUTRAL_LIGHT);display:flex;justify-content:space-between;padding:0 .5em;button[data-type=close]{background:0 0;box-shadow:none;color:#fff;padding:0 1em}}.dialog-container{display:flex;flex-direction:column;height:90vh;margin:0;overflow:hidden}}div[data-name=email-header]{input{font-weight:700}.form-group{display:grid;grid-template-columns:1fr 2fr}}div[data-name=email-content]{p{line-height:2;margin:.5em 0}div:has(button){display:flex;gap:10px;p{align-items:center;display:grid;grid-template-columns:1fr 1fr}}}div[data-name=email-footer]{.text_small{color:var(--COLOR_PRIMARY_MIDDLE)}}form{align-items:center;display:flex;flex-direction:column;overflow-y:scroll;padding:2.5em;fieldset{border:none;border-bottom:1px solid #b7b7b7;padding-bottom:5px;width:100%;&:has(div[data-name=email-content]){overflow-y:auto}&:has(div[data-role=language]){border:none;display:flex;gap:10px;div[data-role=language]{cursor:pointer;&:hover{opacity:.5}}}div{margin:.3em 0}}label:has(input){display:flex;justify-content:space-around;&>input[type=radio]{display:none;&+span{background:var(--COLOR_PRIMARY_MIDDLE);cursor:pointer;padding:.8em;text-align:center;width:100%}&:checked+span{background:var(--BG_ACTIVE);color:var(--COLOR_NEUTRAL_LIGHT)}}}input[readonly]{border:none}:has(input:invalid)+button[type=save]{border:1px solid var(--COLOR_PRIMARY_MIDDLE);box-shadow:none;pointer-events:none;--background:var(--BG_DISABLED);color:var(--COLOR_PRIMARY_DARK);padding:7px 10px}button[type=save]{margin:1.5em 0}.form-group{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;min-height:2em}}.deleteable{&:after{content:"X";cursor:pointer;font-weight:700;padding:20px;&:hover{color:red}}}}.project-access{td{background-color:#f9f9f9;&:first-child{background-color:#f2f2f2}}}.hidden{display:none}.pdf-project{grid-column:span 2;div{&:not(.header){align-items:center;display:grid;grid-template-columns:1fr 1fr;height:100%;justify-items:center}}}order-filter-section,project-filter-section{align-items:center;background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;gap:10px;justify-content:space-between;padding:10px;input{border:1px solid #ccc;border-radius:4px;flex:1;padding:8px 12px;&::placeholder{color:#999}}select{width:auto}select[data-field=project_state]{background-color:#fff;border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:8px 12px}button{width:auto;&[data-type=reset]{background-color:var(--COLOR_ERROR_DARK)}}}.order-table{border-collapse:separate;border-spacing:0 .2em;text-align:left;width:100%;td{height:3.7em;padding:.5em}.logo{height:100%;max-width:100%;width:auto}td{&:not(:last-child){border-right:.2em solid var(--COLOR_PRIMARY_LIGHT)}&:has(.logo){padding:.35em;text-align:center}}thead{th{background-color:var(--BG_ACTIVE_BLUE);color:var(--_white);overflow:hidden;padding:.75em;position:sticky;text-overflow:ellipsis;top:0;vertical-align:top;white-space:nowrap;z-index:10;&:first-child,&:nth-child(2){width:16em}&:nth-child(3),&:nth-child(4){width:calc(33.33333% - 16em)}&:nth-child(5){width:16em}&:not(:has(input)){.th-content{justify-content:flex-start}}}}}order-history-table{cursor:pointer;display:block;height:calc(100vh - 19.65em);overflow-y:auto;th{&:hover{background-color:var(--BG_GREY_LIGHT)}}tbody{tr{&:nth-child(2n){background:var(--BG_GREY_MIDDLE)}&:nth-child(odd){background:var(--BG_GREY_LIGHT)}&:hover td{background:var(--BG_GREY)}}}}article-list{table{text-align:left;width:100%;thead{th{background-color:#d9d9d9;position:sticky;top:-.5em;white-space:nowrap;z-index:10}}tbody{td{background-color:#f2f2f2;&:nth-child(4),&:nth-child(5){text-align:right;white-space:nowrap}&:has(button),&:has(input){text-align:center}}}tfoot{th{background-color:#d9d9d9;bottom:-.5em;position:sticky;text-align:right;white-space:nowrap;z-index:10;&:has(button){text-align:center;white-space:normal}}}}}delivery-conditions,freight-charges,payment-information{table{text-align:left;width:100%;tfoot,thead{th{background-color:#d9d9d9}}tfoot{text-align:right}tbody{td{background-color:#f2f2f2;width:50%;&:nth-child(2){background:#f9f9f9;text-align:right}}}}}progress-bar{h3{font-size:13px;padding:10px 0}div:has([data-name=progressbar]){background:var(--BG_GREY_LIGHT);border:2px solid var(--COLOR_NEUTRAL_DARK);height:25px;width:100%;[data-name=progressbar]{align-items:center;background:var(--BG_ACTIVE_BLUE);display:flex;height:23px;justify-content:flex-end;width:0}}p[data-name=percent]{color:var(--COLOR_NEUTRAL_DARK);padding:10px 0;text-align:right;width:100%}}nav-bar:has(+project-administration),project-administration{a,a span,input[type=date]{font-size:13px}}.table .tbody project-row:hover .row .cell{&:first-child{border-left:.2em solid var(--COLOR_ACCENT_DARK)}&:last-child{border-right:.2em solid var(--COLOR_ACCENT_DARK)}}section [data-name=loader]{align-items:center;background:var(--BG_SHADOW);display:flex;height:100%;justify-content:center;position:absolute;width:100%}.id_label{background:var(--BG_NOT_ACTIVE_GREY);border-radius:5px;padding:5px 10px}projects-table:not(:has(project-details-modal)) input[data-name=commision]{border:none;box-shadow:none;pointer-events:none}remarks-customer textarea{min-height:150px}project-administration tab-bar{width:100%}