:root{--color-01: rgb(255, 88, 0);--color-02: rgb(0, 155, 58);--color-03: rgb(255, 255, 255);--color-04: rgb(0, 0, 0);--color-05: rgb(242,242,242);--color-06: rgb(239, 64, 0);--color-07: rgb(0, 193, 72);--color-08: rgb(246, 246, 246);--color-09: rgb(209, 73, 0);--color-10: rgb(89, 89, 89);--color-11: rgb(204, 204, 204);--color-12: 0px 3px 24px rgba(0, 0, 0, .3);--size-48: 48px;--size-46: 46px;--size-24: 24px;--size-22: 22px;--size-20: 24px;--size-18: 18px;--size-16: 16px;--size-14: 14px;--size-12: 12px;--size-10: 10px;--size-1_5:1.5vh;--size-2_0: 2vh;--style-regular: 400;--style-medium: 500;--style-bold: 700}@media only screen and (max-width: 480px){body,#login-content{background-size:75%}h1{font-size:var(--size-24)!important;margin-bottom:20px;margin-top:20px}h2{font-size:var(--size-20)!important}.btn-go-back{margin:10px 20px!important;height:30px!important;font-size:var(--size-16)!important;line-height:1}.table-item{font-size:var(--size-10)!important;width:83%}.test{font-size:var(--size-12)!important}.title-middle{margin:0!important}#sidebar-mobile{display:block!important}.wrapper{display:none}#sidebar{display:none;width:320px!important;box-shadow:none!important;padding-top:50px!important}#sidebar img,.hide-sidebar{display:none}.logout{width:150px!important;height:40px!important;margin-left:75px;margin-right:75px;margin-top:20px}#nav-mob{display:block!important;width:100%}.navbar{background-color:var(--color-03);box-shadow:var(--color-12);padding:.7rem 1rem}.card{width:100%!important}.card-index{margin:20px!important;width:90%!important;height:175px!important}.card-ware{margin:5px 20px 20px!important;width:90%!important;height:120px!important;box-shadow:var(--color-12);border:solid 1px var(--color-11);border-radius:10px}.card-ware:hover{background-color:var(--color-05)}#index{padding:.5rem!important}.card-index .mw-card-b,.card-ware .mw-card-b{font-size:var(--size-14)!important}.card-profiel,.card-show{margin:0 7px!important;width:95%;background-color:#fff}.card-software{margin:0 7px!important;width:100%}.card-hardware{margin:0 7px!important;width:100%;background-color:var(--color-03)}.card-show .row .col,.card-show .row .colon,#profiel .col,.card-show .col{font-size:var(--size-16)!important;padding:0}#profiel,.card-show .card-body{width:100%!important}.btn-save,.btn-cancel{width:105px!important;margin-top:10px!important;font-size:var(--size-16)!important}.btn-save{float:left;margin-left:10px!important}.btn-cancel{float:right;line-height:1.6!important;margin-right:10px!important}.btn-add-user{font-size:0px!important;width:50px!important;height:50px!important;border-radius:50%!important;box-shadow:var(--color-12);position:relative;bottom:50px;right:20px;margin-right:20px!important}.mobile-fab{z-index:10;position:fixed;bottom:40px}.fa-user-plus{font-size:var(--size-24)!important;padding:0;line-height:1.4}.img-brand{height:44px;width:66px}.navbar-brand{transform:translate(-50%);left:50%;position:absolute;padding:0;margin-top:-7px}.fa-bars{color:var(--color-04)}#sidebar-mobile .list-group{margin-top:15px}.page-link{font-size:var(--size-16)!important}.cont-event{margin-bottom:25px}.event-head{margin-bottom:20px!important}.event{margin:10px 10px 0!important;font-size:var(--size-16)!important}.splitter{padding-right:5px;padding-left:5px}.event-title{margin-top:25px!important;text-align:center}.btn-add-event{width:225px!important;height:35px!important;margin-left:70px!important;margin-top:0!important;line-height:1.5!important;font-size:var(--size-16)!important;float:none!important}.fa-calendar-plus{padding-top:5px;padding-left:2px;font-size:var(--size-20)}.prio-event{padding-left:5px!important;padding-right:5px!important;margin-right:8px!important}#klanten{width:100%!important;margin:30px 10px 10px!important}#klanten .text-center{margin:0!important}.klanten-list{padding:0!important}#klanten .material-textfield{width:75%}#klanten .material-textfield label{font-size:var(--size-16)}#search-klanten{margin-bottom:10px!important}.btn-add-klant{width:225px!important;height:35px!important;line-height:1.5!important;font-size:var(--size-16)!important;float:none!important}.btn-add-klant .fa-user-plus{line-height:1!important;font-size:var(--size-16)!important}.klant-hardware,.klant-software,.klant-info{font-size:var(--size-12)!important}.klant-info{max-height:100%!important}.klant-info .card-body,.klant-hardware .card-body,.klant-software .card-body{padding:5px 0!important}.klant-hardware .col,.klant-software .card-body .col{padding:5px!important}.klant-info input{font-size:10px}.klant-hardware{margin-top:20px}.klant-hardware,.klant-software{height:100%!important;width:100%;background-color:var(--color-03)}.desktop{display:none}.btn-email-tel,.btn-export-tel{background-color:var(--color-01);color:var(--color-03);font-size:var(--size-20);font-weight:var(--style-medium);width:200px;height:40px;border:solid 1px var(--color-09);border-radius:10px;line-height:1;box-shadow:var(--color-12);margin-top:20px;margin-left:0;float:left}.profile-mobiel{margin-top:30px}.profile-bottom{margin-bottom:30px}}@media only screen and (min-width: 481px){#pagination{bottom:-10px!important}.mobiel{display:none}}#sidebar-mobile{display:none}body{font-family:Arial,Helvetica,sans-serif;background-color:var(--color-05);background-image:url(/build/assets/Background-main-CxOpLo6e.png);background-repeat:no-repeat;background-position:right bottom;background-attachment:fixed;z-index:8}.container{max-width:100%!important;padding:0;margin:0}.row{margin:0}.col{font-size:var(--size-16)!important}h1{font-size:var(--size-48)}h2{font-size:var(--size-46)}h3{font-size:var(--size-24);font-weight:var(--style-medium);margin:0}.title-middle{margin:20px}#main{height:100vh;margin:0}.wrapper{padding:0}#sidebar{background-color:var(--color-03);box-shadow:var(--color-12);padding:0;position:relative;z-index:10;position:fixed;width:16.6666666667%}#sidebar img{margin:50px 0;width:70%}.list{border-top:solid 1px var(--color-11);border-bottom:solid 1px var(--color-11);border-right:solid 7px var(--color-03);font-size:var(--size-2_0);font-weight:var(--style-regular);color:var(--color-04);padding:5px}.list:hover,.listactive{text-decoration:none;border-right:solid 7px var(--color-01);font-weight:var(--style-medium);color:var(--color-01)}.border-bottom{border-bottom:solid 1px var(--color-11);border-top:0px}.list-item{padding-left:10px}.fa-user,.fa-desktop,.fa-users-cog,.fa-calendar-check,.fa-users,.fa-hdd,.fa-compact-disc,.fa-cog{float:right;line-height:inherit;padding-right:8px}.footer-sidebar{position:absolute;bottom:25px}.fa-check-square{padding-right:15px}.tel{font-size:var(--size-1_5);color:var(--color-04);font-weight:var(--style-medium)}.mail a,.mail a:visited{font-size:var(--size-1_5);color:var(--color-01);font-weight:var(--style-medium);text-decoration:none}.guide a,.guide a:visited{font-size:var(--size-1_5);color:var(--color-02);font-weight:var(--style-medium);text-decoration:none}.logout{background-color:var(--color-01);color:var(--color-03);font-size:var(--size-2_0);font-weight:var(--style-medium);width:15vw;height:35px;border:solid 1px var(--color-09);border-radius:10px;line-height:1;margin-bottom:15px}.logout:hover{background-color:var(--color-03);color:var(--color-01)}.fa-arrow-circle-left{float:left;line-height:1.2}#footer{font-size:var(--size-10);font-style:var(--style-regular);color:var(--color-10)}#content{padding:0}.profile-title{margin-top:65px}.header-page{margin-top:-20px}.card-profiel{box-shadow:var(--color-12);border-radius:10px;border:var(--color-09);margin-top:42px}#profiel .col,.card-show .col{font-size:var(--size-24);font-weight:var(--style-regular);color:var(--color-04)}.colon{max-width:15px!important}#profiel .row{font-size:var(--size-24);font-weight:var(--style-regular);color:var(--color-10);margin:0!important}#profielcenter.row,#softwarecard.row,#hardwarecard.row{justify-content:center}#profiel{width:600px}#login-content{background-image:url(/build/assets/Background-login-DffKSmQW.png);background-color:var(--color-05);background-repeat:no-repeat;background-attachment:fixed;background-position:left bottom;z-index:9;height:100vh}.card-login{box-shadow:var(--color-12);border-radius:10px;border:var(--color-09);z-index:10}.img-login{width:300px;height:200px}.material-textfield{position:relative}.material-textfield label{position:absolute;font-size:var(--size-16);font-weight:var(--style-regular);left:0;top:50%;transform:translateY(-50%);background-color:var(--color-03);color:gray;padding:0 .3rem;margin:30px 2rem;transition:.1s ease-out;transform-origin:left top;pointer-events:none}.material-textfield input,.material-textfield select{font-size:1rem;outline:none;border:2px solid var(--color-01);border-radius:5px;padding:1rem .7rem;transition:.1s ease-out;margin-top:30px}.material-textfield .roles-select{margin-top:30px}.material-textfield select{color:var(--color-10)!important}.material-textfield .roles-label{top:0;color:var(--color-01);font-size:var(--size-16)}.material-textfield input:focus{border-color:var(--color-01)}.material-textfield input:focus+label{color:var(--color-01);top:0;transform:translateY(-50%) scale(.9)}.material-textfield input:not(:placeholder-shown)+label{color:var(--color-01);top:0}.form-control{border-color:var(--color-01)}.form-control:focus{border-color:var(--color-01)}.btn-login{background-color:var(--color-01);color:var(--color-03);font-size:var(--size-24);font-weight:var(--style-medium);width:150px;height:40px;border:solid 1px var(--color-09);border-radius:10px;line-height:1;margin-bottom:15px;margin-top:50px}.btn-login:hover{background-color:var(--color-03);color:var(--color-01)}.btn-add-user{background-color:var(--color-01);color:var(--color-03);font-size:var(--size-24);font-weight:var(--style-medium);width:325px;height:40px;border:solid 1px var(--color-09);border-radius:10px;line-height:1;margin-right:35px;margin-top:50px;float:right}.btn-add-user:hover{background-color:var(--color-03);color:var(--color-01)}.card-index{margin:30px 48px;width:300px;height:240px;border-radius:10px;box-shadow:var(--color-12);border:solid 1px var(--color-11)}.card-index:hover{background-color:var(--color-05)}.mw-card-t{font-size:var(--size-24);color:var(--color-04);font-weight:var(--style-bold)}.mw-card-b{font-size:var(--size-16);color:var(--color-04);font-weight:var(--style-regular)}.card-create{border-radius:10px;box-shadow:var(--color-12);border:solid 1px var(--color-11)}.fa-user-plus{padding-right:10px}.btn-save,.btn-cancel{color:var(--color-03);font-size:var(--size-24);font-weight:var(--style-regular);width:250px;height:40px;border-radius:10px;line-height:1;margin-right:9px;margin-top:50px}.btn-save{background-color:var(--color-02);border:solid 2px var(--color-07);box-shadow:var(--color-12);margin-left:0}.btn-edit{background-color:#4343fd;border:solid 2px blue}.btn-cancel{background-color:var(--color-06);border:solid 2px var(--color-01);box-shadow:var(--color-12)}.btn-save:hover{background-color:var(--color-07);color:var(--color-03)}.btn-edit:hover{background-color:#00f}.btn-cancel:hover{background-color:var(--color-01);color:var(--color-03)}.card-show{border-radius:10px;box-shadow:var(--color-12);border:solid 1px var(--color-11)}.card-show .card-body{width:600px}.btn-go-back{background-color:var(--color-01);border:solid 1px var(--color-06);color:var(--color-03);font-size:var(--size-16);font-weight:var(--style-regular);height:40px;float:left;margin:20px}.btn-go-back:hover{background-color:var(--color-03);color:var(--color-01)}#pagination{position:inherit;width:100%}.pagination{justify-content:center!important}.page-item.active .page-link{background-color:var(--color-02);border-color:var(--color-07)}.page-link{color:var(--color-02);font-size:var(--size-24)}.page-link:hover{color:var(--color-07)}.cont-event{margin-bottom:50px}.pagination{margin-bottom:0;flex-wrap:wrap;justify-content:center;gap:.35rem}.pagination .page-item .page-link{margin-left:0;color:var(--color-06);border:1px solid var(--color-11);border-radius:8px;padding:.45rem .8rem;font-size:var(--size-14)}.pagination .page-item .page-link:hover{color:var(--color-09);background-color:var(--color-05);border-color:var(--color-11)}.pagination .page-item.active .page-link{background-color:var(--color-10);border-color:var(--color-10);color:var(--color-03)}.pagination .page-item.disabled .page-link{color:var(--color-11);background-color:var(--color-08);border-color:var(--color-11);cursor:not-allowed}.table-head{padding:10px 5px 0;margin-bottom:px!important;font-size:var(--size-18)!important;font-weight:var(--style-regular)!important;background-color:var(--color-10)!important;color:#fff!important}.table-head:hover{cursor:initial;background-color:var(--color-03)}.table-item{position:relative;padding:.25rem;border-radius:10px;color:var(--color-04);background-color:var(--color-03);margin:5px 30px 0;font-size:var(--size-14);font-weight:var(--style-regular);box-shadow:var(--color-12)}.table-item:hover{background-color:var(--color-05);cursor:pointer}.table-id{min-width:3.25rem;width:auto!important;flex:0 0 auto;padding:0 1rem 0 12px!important;float:left;box-sizing:border-box}.row.table-item>.table-id.splitter{flex:0 0 4.75rem;width:4.75rem!important;min-width:4.75rem;max-width:4.75rem}.row.table-item>.table-id:not(.splitter){flex:0 0 2.75rem;width:2.75rem!important;min-width:2.75rem;max-width:2.75rem;padding-left:.5rem!important;padding-right:.75rem!important}.splitter{border-right:1px solid var(--color-11)}.table-title{margin-top:50px;margin-left:15px}.circle{height:30px;width:30px;border-radius:50px;border:0px solid var(--color-04)}.btn-add-event{background-color:var(--color-01);color:var(--color-03);font-size:var(--size-24);font-weight:var(--style-medium);width:325px;height:40px;border:solid 1px var(--color-09);border-radius:10px;line-height:1;margin-right:35px;margin-bottom:10px;margin-top:-10px;float:right;box-shadow:var(--color-12)}.btn-add-event:hover{color:var(--color-01);background-color:var(--color-03)}.fa-calendar-plus{float:left}#klanten{width:40%;margin-top:50px;box-shadow:var(--color-12);border-radius:10px}.btn-add-klant{background-color:var(--color-01);color:var(--color-03);font-size:var(--size-24);font-weight:var(--style-medium);width:325px;height:40px;border:solid 1px var(--color-09);border-radius:10px;line-height:1;box-shadow:var(--color-12);margin-top:20px}.btn-add-klant:hover{color:var(--color-01);background-color:var(--color-03)}#klanten .list-group{max-height:500px;margin:2px 3px;overflow-y:scroll;-webkit-overflow-scrolling:touch;border:1px solid var(--color-04);border-radius:10px}.klant-hardware .card-body,.klant-software .card-body{overflow-y:scroll;-webkit-overflow-scrolling:touch}.list-group::-webkit-scrollbar,.klant-hardware .card-body::-webkit-scrollbar,.klant-software .card-body::-webkit-scrollbar{width:13px;height:13px}.list-group::-webkit-scrollbar-track,.klant-hardware .card-body::-webkit-scrollbar-track,.klant-software .card-body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;border-radius:0 10px 10px 0}.list-group::-webkit-scrollbar-thumb,.klant-hardware .card-body::-webkit-scrollbar-thumb,.klant-software .card-body::-webkit-scrollbar-thumb{border-radius:0 10px 10px 0;background-color:var(--color-02)!important;box-shadow:inset 0 0 6px #00000080}#klanten .list-group-item:hover{color:var(--color-03);background-color:var(--color-01)}.list-group-item{border-top:1px solid var(--color-11)!important;border-bottom:0px;border-left:0px;border-right:0px}.list-group-item:first-child{border-top:0px!important}#klanten .klanten-list a{text-decoration:none;color:var(--color-04)}#search-klanten{margin-bottom:20px}.klanten-list{padding:0 50px}.klant-info,.klant-hardware,.klant-software{border-radius:10px;border:1px solid var(--color-01);font-size:var(--size-1_5);font-weight:var(--style-regular);color:var(--color-04)}.klant-index-cont{margin-top:20px;margin-bottom:20px}.klant-info input{margin-top:5px!important;padding:0!important}.klant-software .card-body,.klant-hardware .card-body{overflow-y:scroll;-webkit-overflow-scrolling:touch}.klant-hardware,.klant-software{max-height:50%}.klant-hardware{margin-bottom:10px}.klant-hardware .card-body .row:hover,.klant-software .card-body .row:hover{background-color:var(--color-05);cursor:pointer}.klant-hardware .card-body .row:first-child:hover,.klant-software .card-body .row:first-child:hover{cursor:initial;background-color:initial}.klant-index-cont .col-md-8,.klant-index-cont .col-md-4{height:75vh}.event-show{font-size:var(--size-24);border-radius:10px;box-shadow:var(--color-12)}.software-show,.hardware-show{margin:2rem;border-radius:10px;box-shadow:var(--color-12)}.btn-email,.btn-envelop,.btn-export{background-color:var(--color-01);color:var(--color-03);font-size:var(--size-24);font-weight:var(--style-medium);width:465px;height:40px;border:solid 1px var(--color-09);border-radius:10px;line-height:1;box-shadow:var(--color-12);margin-top:20px;margin-left:15px}.btn-print{background-color:var(--color-01);color:var(--color-03);font-size:2.5vh;font-weight:var(--style-medium);width:15vw;height:40px;border:solid 1px var(--color-09);border-radius:10px;line-height:1;box-shadow:var(--color-12);margin-top:20px}.btn-email:hover,.btn-envelop:hover,.btn-export:hover,.btn-print:hover{color:var(--color-01);background-color:var(--color-03)}.btn-col-event{padding:0!important}.event-discription{width:20rem;height:10rem}.border-klant-info,.border-event-info{width:100%;margin-top:10px;margin-bottom:10px;border-bottom:1px solid var(--color-01)}.mb-10{margin-bottom:10px}.event-headers{margin-top:5px;font-weight:700;font-size:1.05em}.event-checkbox-pos{display:flex;flex-direction:row;align-items:center;justify-content:space-between}input[type=checkbox]{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;border:.5px solid black;border-radius:3px}input[type=checkbox]:checked{background-color:var(--color-01)}.event-select{width:80px;height:25px;font-size:.5em}.klant-software-header{background-color:var(--color-10);color:var(--color-03);border-radius:20px;margin-bottom:10px;margin-top:10px}.klant-software-header:hover{background-color:var(--color-10)!important;cursor:default!important}.klant-hardware-header{background-color:var(--color-10);color:var(--color-03);border-radius:20px;margin-bottom:10px;margin-top:10px}.klant-hardware-header:hover{background-color:var(--color-10)!important;cursor:default!important}.circle-center{display:flex;justify-content:center;align-items:center}.time-input,.option-control-input{padding:0 .7rem!important}.beschrijving-input{height:200px}.beschrijving-medewerker{height:100px}.beschrijving-show{height:200px}.border_bestanden{border:.5px solid black}.text_test{margin-top:10px;font-size:20px}.software-klanten-pagina{display:flex;width:100%;align-items:center;color:#000}.software-klanten-pagina:hover{text-decoration:none;color:#000}.hardware-klanten-pagina{display:flex;width:100%;align-items:center;color:#000}.hardware-klanten-pagina:hover{text-decoration:none;color:#000}.weerfftestje{display:flex;align-items:center}.event-title-links,.event-title-rechts{flex:1}.linkjes a,.dropdown-btn{padding:6px 8px 6px 16px;text-decoration:none;font-size:20px;color:#000;display:block;border:none;background:none;width:100%;text-align:left;cursor:pointer;outline:none;border-bottom:1px solid rgb(204,204,204)}.linkjes a:hover,.dropdown-btn:hover{color:#ff5800}.main{margin-left:16.6666666667%;text-align:center;font-size:20px;padding:200px 10px 0}.active{color:#ef4000}.dropdown-container{display:none;background-color:#ccc;padding-left:8px}figure{margin-top:30%;margin-bottom:30%}.handleiding{width:90%}.btn-search{border-left:transparent;border-right:transparent;border-top:transparent;border-bottom:transparent;height:36px;outline:transparent;cursor:pointer;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;background-color:var(--color-01);border-top-right-radius:3px;border-bottom-right-radius:3px;font-weight:700;box-shadow:var(--color-12);float:right}.btn-search:hover{background-color:var(--color-03)}.input-append{border:2px solid var(--color-01);border-radius:5px;float:right;margin-bottom:20px;margin-top:55px;width:290px}#txtSearch{outline:transparent;border:transparent;padding:0 5px 0 10px;height:33px;border-top-left-radius:5px;border-bottom-left-radius:5px;font-size:var(--size-16)}.btn-azure-sso{background-color:#0078d4;color:#fff;border:none;padding:10px 20px;border-radius:5px;text-decoration:none;display:inline-block;font-weight:500;transition:background-color .3s ease;width:100%;text-align:center}.btn-azure-sso:hover{background-color:#106ebe;color:#fff;text-decoration:none}.btn-azure-sso i{margin-right:8px}.divider{text-align:center;margin:20px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.divider span{background:#fff;padding:0 15px;color:#666;font-size:14px}