@media screen and (min-width: 992px){

    /*TODO: !!! QUICK FIX !!! LATER OPSCHONEN*/
    .vac-searchbar {
        height: 45px;
        width: unset !important;
        margin-right: 5px;
        padding: 0;
        margin-top: 26px;
    }
}

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


}


.MsoNormalTable,
.MsoNormal{
    word-break: break-word;
}

.crunpublished *{
    color: grey;
}
.crunpublished * :hover{
    color: grey;
}

.crunpublished .cl_Editlink{
    color: grey;
    pointer-events: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.section-block{
    border: 1px solid rgba(206, 206, 206, 0.80);
    border-left: 3px solid #007dc3;
    border-right: 3px solid #007dc3;
    border-radius: 10px;
    background-color: rgba(206, 206, 206, 0.44);
    padding: 10px 0 10px 10px;
    margin-bottom: 10px;
}

.verlof.right tr,
.verlof.right td{
    /*text-align: right;*/
}

.dxmailenginesum-container .disabled{
    background: grey;
}

.dextable .boldtext:hover{
    color: #215872;
}

.dextable .newline{
    background: lightgreen;
}
.dextable .blockedline{
    color: red!important;
    cursor: not-allowed!important;
}
.dextable .not-allowed{
    cursor: not-allowed!important;
}

body .maincontainer .dex-mail-search{
    margin-bottom: 10px;
    background: #F1F1F1;
}

.dextable .fas.fa-trash:hover{
    font-size: 20px;
    transition: font-size 0.2s;
}

.dextable .mailengine-companyheader .fas.fa-trash:hover{
    font-size: 26px;
    transition: font-size 0.2s;
}


.user-filter-btn{
    border-radius: 11px;
    background: #3a6178;
    transition: background 0.3s;
    cursor: pointer;
    padding: 7px;
    min-width: 38px;
    text-align: center;
    height: 38px;
    margin-bottom: 10px;
    color:white;
}

.user-filter-btn:hover {
    background: #296e9a;
}

.user-filter-btn.active{
    background: #0367ce;
}


.jdsearchpage{
    height: 100vh;
}


.orgblock {
    width: 100px;
    height: 62px;
    font-size: 10px;
    background: white;
    position: absolute;
    border: 1px solid #666666;
    z-index: 100;
    text-align: center;
}
.orgblock.oval {
    border-radius: 25px;
}
.orgline.parentblck {
    height: 1px;
    background: transparent;
    position: relative;
    border: 1px solid red;
    z-index: 100;
}

.orgblock span {
    display: block;
    margin-top: 40px;
    z-index: 100;
}

.muConnector {
    position: absolute;
    border-left: 1px solid red;
    z-index: 10000;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.menuright-container.organogram{
    width: 578.75px;
    min-height: 419px;
}
.hvoleftmenu{
    width: 56%;
    position: relative;
}

.stamclient{
    color: #B10035;
}

.pr-line {
    height: 37px;
}

.useracties .pr-line {
    height: 20px;
    font-size: 10px;
}

.useracties div {
     overflow: visible!important;
}

.projectactions .cl_memo a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 130px;
}

.comp-item:hover{
    cursor: pointer;
    font-size: 20px;
    transition: all 0.3s;
}

.popup-container .cb-listview{
    overflow: auto;
    height: 48vh;
}

.show-cv-dex{
    width: 108%;
    height: 800px;
    margin: 0 auto;
    margin-bottom: 100px;
}
.show-cv-dex embed,
.show-cv-dex iframe,
.show-cv-dex object{
    width: 100%;
    height: 100%;
}


.nomail {
    background: red !important;
}

/*.ajaxpage{*/
/*    width: 100%;*/
/*    max-width: 100%;*/
/*    flex: 100;*/
/*}*/

.pr-subcontentline{
    height: 35px;
    border-top: 1px solid #edeae9;
    border-bottom: 1px solid #edeae9;
    font-size: 14px;
}

.pr-contentlineheader{
    border-top: 1px solid #edeae9;
    border-bottom: 1px solid #edeae9;
    height: 35px;
}

.pr-subcontentline div{
    border-right: 1px solid #edeae9;
    padding: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*.pr-subcontentline div:hover{*/
/*    border-right: 1px solid #afabac;*/
/*    background-color: rgba(239, 227, 203, 0.56);*/
/*    cursor: pointer;*/
/*}*/

.prevactioncontainer{
    padding: 0!important;
    padding-left: 50px!important;
}

.prevactioncontainer div:hover{
    border:none;
    background-color: transparent;
    cursor: pointer;
}

.prevactioncontainer .pr-subcontentline:hover{
    background-color: rgba(217, 191, 171, 0.56);
}

.prevaction.pr-subcontentline:nth-child(2):hover{
    border-left: none;
}
.pr-subcontentline:nth-child(2):hover{
    border-left: 1px solid #afabac;
}



.pr-subcontentline:hover
{
    border-top: 1px solid #afabac;
    border-bottom: 1px solid #afabac;
}

.projectlineheader{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    height: 36px;
    margin-left: 0;
    min-width: 1px;
    outline: none;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prmenuright-container{
    width: 44%;
    border: solid 1px;
    background: #fbf8ef;
    position: relative;
    overflow: auto;
    height: 810px;
    display: none;
}

.prmenuright-container .menuright-container {
    width: 100%;
    border: none;
    margin-top: 0px;
}

.popup-content .dextable.DX.menuright {
    width: 100%;
}

.pr543 .container-fluid{
    padding-right: 0!important;
}
.pr543 .row{
    margin-right: 0!important;
    padding-right: 0!important;
    padding-left: 0!important;
    margin-left: 0!important;
}

.prcontainer{
    width: 100%;
}

.prcontent{
    height: 87vh;
    overflow: auto;
}

.completecircle{
    transition: all 0.3s;
}
.completecircle:hover{
    background: #eafaf4;
    color: #65a78a;
    border-radius: 50%;
}

.pr-comments{
    background: #f1ebdb;
    position: relative;
    width: 100%;
    bottom: 0;
    min-height: 439px;
    padding-bottom: 160px;
    max-height: 513px;
    overflow: auto;
}

.headeraddaction{
    transition: all 0.3s;
    color: #616e7a;
    cursor: pointer;
    display: none
}

.headeraddaction:hover{
    color: black;
}
.pr-contentline:hover .headeraddaction{
    display: initial;
}

.action-info-container{
    max-height: 300px;
}

.editactioncomment,
.deleteactioncomment{
    display: none;
    cursor: pointer;
}

.commentbox:hover .editactioncomment,
.commentbox:hover .deleteactioncomment{
    display: initial;
}

.prevaction{
    font-size: 11px;
    padding-left: 52px;
}

.prevactioncontainer .pr-subcontentline{
    border: none;
}

.mailengine-companyheader td{
    font-weight: bold;
    font-size: 20px!important;
}

.mailenginetable td {
    font-size: 15px;
}

.rapport.popup-container {
    width: 59%;
    left: 50%;
    top: 22%;
    margin-left: -562px;
}
.rapport.popup-container .popup-content {
    height: 100%;
    overflow: auto;
    position: relative;
    max-height: 811px;
}

.hv-button{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    min-width: 80px;
    border-radius: 22.5px;
    background-color: #F29174;
    line-height: 15px;
    text-align: center;
    font-weight: bold;
    font-family: maven pro,sans-serif;
    color: white;
    border: none;
}

#urlinput{
    max-width: 560px;
    width: 100%;
}

.dexcontact-image{
    max-width: 180px;
}
.dexcontact-image img{
   width: 100%;
   height: 100%;
}

.row.latestinfo{
    background: #d7cbaa;
    margin-top: -8px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(44, 85, 106, 0.2);
}

.popup-container.latestinfopopup{
    width: 920px;
    min-height: 760px;
    margin-left: -463px;
    margin-top: -395px;
}

.popup-container.latestinfopopup .menuright-container {
    width: 100%;
    margin-top: 49px;
    border: solid 1px;
    padding: 21px;
    background: #fbf8ef;
    overflow: hidden;
}

.popup-container.latestinfopopup .popup-content {
    height: 100%;
    overflow: auto;
    position: relative;
    max-height: 740px;
}


.doclist {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(167px, 127px));
    width: 100%;
}



.doclist .list-item {
    height: 100px;
    background: #f2f2f2;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 0 20px 8px #d0d0d0;
    text-align: center;
    line-height: 18px;
    padding-top: 20px;
}



.slist {
    list-style: none;
    padding: 0;
    margin: 0;
}
.list-item.new ,
.slist li {
    margin: 10px;
    padding: 15px;
    border: 1px solid #dfdfdf;
    background: #f5f5f5;
}

/* (B) DRAG-AND-DROP HINT */
.slist li.hint {
    border: 1px solid #ffc49a;
    background: #feffb4;
}
.slist li.active {
    border: 1px solid #ffa5a5;
    background: #ffe7e7;
}

.doclist .list-item:hover .content {
    display: none;
}

.doclist .hover-content {
    display: none;
}

.doclist .list-item:hover .hover-content {
    display: block;
    line-height: 22px;
}

.doclist .list-item.ghost .content {
    display: block;
}

.doclist .list-item.ghost .hover-content {
    display: none;
}

.doclist .showfile:hover {
    font-weight: bold;
}

.choice-button {
    background-color: #355468;
    text-align: center;
    height: 46px;
    margin-bottom: 21px;
    line-height: 46px;
    float: left;
    padding-left: 13px;
    padding-right: 13px;
    cursor: pointer;
    margin-right: 20px;
    width: 30%;
    font-size: 15px;
    color: white;
    transition: all 0.3s;
}

.popupBidh .choice-button {
    background-color: #355468;
}

.choice-button:hover {
    background-color: #4586bb;
}

.popup-container.fileaddpopup {
    position: fixed;
    margin-left: -350px;
    margin-top: -46vh;
}

.popup-container.fileaddpopup .text {
    text-align: center;
    top: 0;
    position: relative;
    font-size: 24px;
    margin-bottom: 21px;
}

.popup-container.fileaddpopup .popup-content{
    padding-bottom: 60px;
}

.popup-container .popup-content {
     max-height: none;
}

.forminput{
    height: 45px;
    padding-left: 7px;
    padding-right: 7px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #355468;
    font-size: 1em;
    font-family: "Maven Pro";
    width: 100%;
    border: solid 2px black;
}

.page-293 .dextable.DX.menuright {
    margin-top: 41px;
}

.doclist .selected{
    background:#F29174;
    color:white;
}
.dialog-container {
    position: absolute;
    left: 50%;
    top: -30%;
    transform: translateX(-50%) translateY(-50%);
    width: 400px;
    background: #fff;
    padding: 10px;
    border: 2px solid #ddd;
    box-shadow: 1px 1px 5px 1px #ccc;
    border-radius: 10px;
    display: none;
    transition: all 0.3s linear 0s;
}
.dialog-header {
    padding: 10px;
    font-weight: bold;
    background: #007dc3;
    color: #f6f7f8;
}
.dialog-body {
    padding: 10px;
    line-height: 30px;
}
.dialog-footer a {
    display: inline-block;
    width: 100px;
    padding: 5px 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #eee;
    cursor: pointer;
}
.dialog-footer a:active {
    box-shadow: inset 2px 2px 4px 0 #ccc;
    color: #666;
}

.dialog-footer .fill-button{
text-align: center;
}

.ajaxpage.page-341{
    margin-top: 76px;
}

.dex-stam-name-header-container{
    word-break: break-word;
}

.bidhKeuzeOuter{
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


.bidhKeuze{
    margin: auto;
    width: 25%;
    border-radius: 2px;
    transition: 0.3s;
    margin: 5px;
}
.bidhKeuze:hover{
    transition: 0.3s;
}
.keuze-BIDH:hover{
    background-color: rgb(207, 16, 70, 0.3);
}
.keuze-BBH:hover{
    background-color: rgb(51, 168, 46, 0.3);
}
.keuze-POF:hover{
     background-color: rgb(0, 153, 255, 0.3);
 }

.keuze-BIDH{
    border: 2px solid rgb(207, 16, 70);
}
.keuze-BBH{
    border: 2px solid rgb(51, 168, 46);
}
.keuze-POF{
    border: 2px solid rgb(0, 153, 255);
}

.bidhrapporten {
    font-size: 12px;
}
.bidhgesprek-btn .gespreksbuttons{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6em;
    background-color: #f9f3e3;
    border-radius: 50%;
    height: 46px;
    width: 46px;
    transition: margin-top 250ms ease-in-out, box-shadow 250ms ease-in-out;
}
.active .gespreksbuttons,
.bidhgesprek-btn:hover .gespreksbuttons{
    margin-top: -10px;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 16px 0px #4444;
    -moz-box-shadow: 0px 0px 16px 0px #4444;
    box-shadow: 0px 0px 16px 0px #4444;
}

.active .nav__item-text ,
.bidhgesprek-btn:hover .nav__item-text {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.active .nav__item-text{
    font-weight: bold;
}

.gespreksbuttons-outer{
    margin: 0px;
    padding: 0px;
}
.nav__item-text {
    padding: 0 10px 0 10px;
    position: absolute;
    top: 36px;
    transform: scale(0);
    transition: transform 250ms ease-in-out;
    z-index: 10;
    border-radius: 3px;
    overflow: visible;
    white-space: nowrap;
    background-color: #f9f3e3;
    -webkit-box-shadow: 0px 0px 16px 0px #4444;
    -moz-box-shadow: 0px 0px 16px 0px #4444;
    box-shadow: 0px 0px 16px 0px #4444;
}
.bidhgesprek-btn{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #2f3046;
    text-decoration: none;
    cursor: pointer;
}
.cl_type a{
    margin-left: 8px;
}

.bidhgesprek-btn.disabled{
    color: grey;
}

.transport-click{
    position: absolute;
    margin-top: 30px;
    top: -25px;
    left: 761px;
    padding: 4px;
}
.transport-click .toggle{
    position: absolute;
    margin-top: 30px;
    top: -25px;
    left: 120px;
}

.popup-container.todotoday{
    color: black;
}
.popup-container.todotoday .task{
    color: black;
}


.page-342 .decisionbuttons, .page-617 .decisionbuttons{
    width: 800px;
    margin-left: -411px;
    margin-top: -380px;
}

.memoarea{
    max-height: 146px;
    overflow: auto;
}

.priodropdown{
    margin-top: 10px;
}

.bidhgesprek-btn.completetask:hover .nav__item-text,
.bidhgesprek-btn.completetask:hover .gespreksbuttons{
    transition: all 0.3s;
    background: #93ef86;
}

.bidhgesprek-btn.starttask:hover .nav__item-text,
.bidhgesprek-btn.starttask:hover .gespreksbuttons{
    transition: all 0.3s;
    background: #00bbff;
    color: white;
}

.bidhgesprek-btn.started .nav__item-text,
.bidhgesprek-btn.started .gespreksbuttons{
    transition: all 0.3s;
    background: #00bbff;
    color: white;
}

.bidhgesprek-btn.chooseexecuter:hover .nav__item-text,
.bidhgesprek-btn.chooseexecuter:hover .gespreksbuttons{
    transition: all 0.3s;
    background: red;
    color: white;
}


.schedule-today-btn .nav__item-text,
.schedule-today-btn .gespreksbuttons{
  transition: all 0.3s;
}

.schedule-today-btn.active .nav__item-text,
.schedule-today-btn.active .gespreksbuttons{
    background: #00bbff;
    color: white;
}

.todaybutton {
    cursor: pointer;
    color: #296e9a !important;
    height: 38px!important;
    border: 1px solid #296e9a;
    border-radius: 7px;
    background: rgba(241, 250, 255, 0.5);
    transition: background 0.3s;
    padding: 0 10px;
}

.todaybutton span {
    color: #296e9a;
}
.todaybutton:hover span {
    color: white!important;
}

.todaybutton:hover {
    background: rgb(222, 236, 239);
}

.employeebutton {
    height: 38px!important;
    color: #ffffff !important;
}

.employeebutton:hover > div{
    transition: 0.3s!important;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.21) !important;
}

.crawl-description {
    position: fixed;
    height: 400px!important;
}


.mergefields .crawl-description .tox.tox-tinymce{
    height: 95vh!important;
}

.page-290 .menuright-container {
    display: none;
}

.page-290.HVO .menuright-container {
    display: block;
}

.button_action.disabled{
    background: grey;
}

#blockcrawlmemocontent {
    height: 200px!important;
}

.menuright-container.monthblocks-container {
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    gap: 20px;
    width: 60%;
}

.monthblocks{
    flex: 0 0 calc(33.3333% - 20px);
    background: white;
    padding: 10px;
    text-align: center;
}

.invoiceall,
.totalprice{
    top: 3px;
    font-size: 20px;
    font-weight: bold;
}

.monthtable{
    width: 40% !important;
}

.popup-container.orderinvoices{
    width: 1050px;
    margin-left: -510px;
    margin-top: -380px;
    height: 100%;
    max-height: 780px;
}

.factuurline.complete{
    color: green;
}

.factuurline.orphan{
    color: orange;
}

.invoiceline{
    cursor: pointer;
    color: #007dc3!important;
}

.invoiceline:hover{
    text-decoration: underline!important;
}

.mailengineline.boldtext{
    background: #1edbf5;
}

.DX-theme .streameventpdf .pdfexample {
    width: 507px;
    height: 734px;
    transition: all 0.5s;
}


.menuright-container.streameventpdf .doc_example {
    height: 751px;
}

.weekbriefcontainer{
    right: 0;
    top: 0;
}

.weekbriefcontainer .dag{
    background-color: #F2F2F7;
    color: #215872;
    padding: 10px;
    font-size: 12px;
    width: 71px;
    text-align: center;
}

.editblockpopup.weekbrief-toevoeg .form-control {
    border-radius: 29px;
    height: 26px;
    width: 115px;
    font-weight: 500;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
}


.editblockpopup.weekbrief-toevoeg {
    border-top: 7px solid #37566A;
    background-color: #fff;
    position: fixed;
    width: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0!important;
}

.editblockpopup.weekbrief-toevoeg .popup-close {
    display: none;
}

.editblockpopup.weekbrief-toevoeg h2 {
    font-size: 22px;
    color: #37566A;
    font-weight: 500;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(55, 86, 106, 0.15);
    margin-bottom: 32px;
}


.editblockpopup.weekbrief-toevoeg #control_blocktime_begin, .editblockpopup.weekbrief-toevoeg #control_blocktime_end, .editblockpopup.weekbrief-toevoeg .form-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.editblockpopup.weekbrief-toevoeg .control-label {
    font-size: 12px;
    color: rgba(55, 86, 106, 0.7);
    margin: 0;
    width: 76px;
}

.weekbrief-toevoeg #hours{
    border: none;
    border-radius: 21px;
    background: #F2F2F7;
    text-indent: 10px;
}

.opslaan-verlof,
.verwijderen-verlof {
    background-color: #37566A;
    border: 1px solid #007DC3;
    border-radius: 90px;
    color: #fff;
    width: 130px;
    height: 35px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 54px auto 0 auto;
    cursor: pointer;
}

.verwijderen-verlof {
    background-color: rgb(222 70 70);
}

.typebtn{
    background: #F2F2F7;
    font-size: 15px;
    padding: 3px 16px;
    transition: 0.3s;
    cursor: pointer;
    line-height: 25px;
}
.typebtn.ingeroosterd{
    right: 120px;
}

.dag{
    cursor: pointer;
}

.dag.roostervrij,
.roostervrijbtn.active,
.roostervrijbtn:hover{
    background-color: #1bdde8;
    border-color: #237177;
    color: #225555;
}

.dag.roostervrij,
.roostervrij.active,
.roostervrij:hover{
    background-color: #1bdde8;
    border-color: #237177;
    color: #225555;
}

.dag.gepland,
.gepland.active,
.gepland:hover{
    background-color: #cedef3;
    border-color: #4f96f6;
    color: #4f96f6;
}

.dag.ingeroosterd,
.ingeroosterd.active,
.ingeroosterd:hover{
    background-color: #4172da;
    border-color: #0742c0;
    color: #000000;
}
.dag.calorange,
.calorange.active,
.calorange:hover {
    background-color: #ffcc99;
    border-color: #e68600;
    color: #b35900;
}

/* ordergegevens-container */

.ordergegevens-container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 36px;
}

.page-290 .ordergegevens-container {
    padding-top: 18px;
}

.ordergegevens-container .orderdata-block {
    flex-basis: 22%;
    padding-right: 15px;
}

.ordergegevens-container .orderlinesdata-block {
    flex-basis: 78%;
}

.ordergegevens-container .logo-block {
    flex-basis: 100%;
    margin-bottom: 25px;
}

.ordergegevens-container .logo-block img {
    max-width: 157px;
    max-height: 100px;
    padding-left: 15px;
}

.ordergegevens-container .orderdata-block .po-switch {
    width: 28px;
    height: 11px;
    border-radius: 11px;
    background: #E0DEDE;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.ordergegevens-container .orderdata-block .po-switch div {
    width: 11px;
    height: 11px;
    background: rgba(75, 96, 107, 0.50);
    border-radius: 11px;
    position: absolute;
    top: 0;
    left: 0;
    transition: left 0.3s ease;
}

.ordergegevens-container .orderdata-block .po-switch-on {
    background: #007dc32b;
}

.ordergegevens-container .orderdata-block .po-switch-on > div {
    background: #007dc3;
    left: 16px;
}

.ordergegevens-container .order-info-block .order-line {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 12px;
}

.ordergegevens-container .order-info-block .order-line .title {
    flex-basis: 30%;
    color: #4B606B;
    font-size: 15px;
    font-weight: 600;
}

.ordergegevens-container .order-info-block .order-line .value {
    flex-basis: 70%;
    word-break: break-word;
    overflow-wrap: break-word;
    color: #4B606B;
    font-size: 12px;
    font-weight: 400;
}

.ordergegevens-container .block-title {
    font-size: 24px;
    color: #122E3C;
    font-weight: 600;
    padding-bottom: 20px;
}

.ordergegevens-container .sugardaddy-block {
    margin-top: 48px;
}

.ordergegevens-container .sugardaddy-block .title {
    font-size: 24px;
    color: #122E3C;
    font-weight: 600;
}

.ordergegevens-container .sugardaddy-block .descr {
    display: flex;
    margin-top: 12px;
    gap: 19px;
}

.ordergegevens-container .sugardaddy-block .descr .header {
    color: #007DC3;
    font-size: 15px;
    font-weight: 600;
}

.ordergegevens-container .sugardaddy-block .descr .data {
    color: #4B606B;
    font-size: 13px;
    text-decoration-line: underline;
}

.ordergegevens-container .sugardaddy-block .descr .data > div {
    margin-bottom: 5px;
}

.DX.page-290 .vac-searchbar, .DX.page-290 .dex-search-btn {
    margin-top: 0;
    position: relative;
    z-index: 1;
}

.page-290 .trigger-wheel .regulartext {
    border-right: 0.5px solid rgba(75, 96, 107, 0.32);
    margin-bottom: 7px;
    margin-top: 10px;
    color: rgba(68, 90, 122, 0.50);
}

.page-290 .trigger-wheel .boldtext {
    color: #445A7A;
}

.page-290 .trigger-wheel:last-child .regulartext {
    margin-right: unset!important;
    border-right: unset;
}

.page-290 .nounderline.trigger-wheel {
    border-bottom: 0.5px solid rgba(75, 96, 107, 0.32);
}

.page-290 .orderlinesdata-block .headers-line {
    font-size: 13px;
    font-weight: 400;
    color: rgba(18, 46, 60, 0.76);
    padding-bottom: 12px;
}

.page-290 .orderlinesdata-block .order-line {
    background-color: #F1F1F1;
    border-radius: 32px;
    min-height: 41px;
    margin-bottom: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    flex-basis: 95%;
}

.page-290 .orderlinesdata-block .set-lopend-button {
    flex-basis: 5%;
}

.page-290 .orderlinesdata-block .set-lopend-button > div {
    margin-left: 13px;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F29174;
    cursor: pointer;
}

.page-290 .orderlinesdata-block .headers-line > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-290 .orderlinesdata-block .order-line > div {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #4B606B;
    font-size: 15px;
    font-weight: 600;
    border-right: 1px solid rgba(75, 96, 107, 0.32);
    text-align: center;
}

.page-290 .orderlinesdata-block .order-line .open-notes-button {
    color: #fff;
    background-color: #007dc3;
    cursor: pointer;
    border-radius: 19px;
    padding: 3px 19px;
    font-size: 13px;
    font-weight: 500;
}

.page-290 .orderlinesdata-block .order-line > div:last-child {
    border-right: none;
}

.page-290 .orderlinesdata-block .order-line .edit-link {
    position: absolute;
    left: 18px;
}

.orderdata-block .edit-button {
    width: 49px;
    min-height: 20px;
    background-color: #2E94CE;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.orderdata-block .edit-button.open-pdf-button {
    width: 139px;
    padding: 3px;
}

.orderdata-block .edit-button a {
    color: #fff;
    font-size: 12px;
}

.listitem-title {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}

.comp-logo {
    max-width: 150px;
    max-height: 80px;
    margin-right: 37px;
}

.page-290 .col-9 {
    padding-left: 0 !important;
}

.line-item {
    background: #F2F2F7;
    margin-bottom: 5px;
    border-radius: 20px;
    color: #122E3C;
    font-size: 15px;
    font-weight: 600;
}

.line-item .clickable-row {
    cursor: pointer;
}

.budgetline .extended-content {
    padding: 40px 34px 24px 34px;
}

.budgetline.line-item .clickable-row {
    padding: 14px 34px 15px 34px;
}

.budgetline.line-item {
    border-radius: 32px;
}

.budgetlines-headers.complist-headers {
    padding-left: 34px;
    padding-right: 34px;
}

.budgetlines-title {
    margin-bottom: 20px;
}

.budgetlines-upper-block {
    padding-top: 44px;
    padding-bottom: 82px;
}

.budgetlines-upper-block .title {
    font-size: 24px;
    font-weight: 500;
}

.budgetlines-upper-block .huidige-budget {
    border-radius: 32px;
    background: #F2F2F7;
    color: #2FBC1D;
    font-size: 27px;
    font-weight: 500;
    padding: 10px 30px;
    display: inline;
    margin-top: 15px;
}

.budgetlines-upper-block .maandelijks-toegevoegd {
    color: #2FBC1D;
    font-size: 27px;
    font-weight: 500;
}

.amount.red {
    color: #FF2929;
}