@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-ExtraLight.ttf"); font-weight:200; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-ExtraLightItalic.ttf"); font-weight:200; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Light.ttf"); font-weight:300; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-LightItalic.ttf"); font-weight:300; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Regular.ttf"); font-weight:400; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Italic.ttf"); font-weight:400; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Medium.ttf"); font-weight:500; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-MediumItalic.ttf"); font-weight:500; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-SemiBold.ttf"); font-weight:600; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-SemiBoldItalic.ttf"); font-weight:600; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Bold.ttf"); font-weight:700; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-BoldItalic.ttf"); font-weight:700; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-ExtraBold.ttf"); font-weight:800; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-ExtraBoldItalic.ttf"); font-weight:800; font-style:italic;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-Black.ttf"); font-weight:900; font-style:normal;}
@font-face { font-family:"FiraSans"; src: url("/fonts/FiraSans-BlackItalic.ttf"); font-weight:900; font-style:italic;}

@media(min-width:1300px) {
    .container{width:1300px;}
}
body {
    background-color: #f9fafa;
    color: #222a2f;
    padding-top: 0 !important;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
p, a{font-weight:400; font-size:16px;}
h1, h2, h3, h4, h5, h6{font-weight:500;}
h2 {font-size:1.5rem!important; font-weight:500;}
h3 {font-size:1.25rem!important;}
.btn,btn-primary{color:#fff!important;}
a {color: #046494!important;}
.helplist li{list-style-type:disc; margin-left:20px; margin-bottom:8px;}

.content-wrapper{padding-top:20px;}

ul {
    padding-left: 10px;
}
ul li ul{padding-left:30px;}
ul li{list-style-type:none;}

select{height:35px!important; width:200px!important; background-color:#fff!important; border:1px solid #ced4da!important;  width:200px;}
input[type=text] {
    height: 35px;
    width: 200px;
    background-color: #fff;
    border: 1px solid #ced4da;
    color: #212529; border-radius:3px;    
}

.FormulierPreview input[type=text] {
    border: none;
    border-bottom: 1px solid #ced4da;
    height: auto;
    color: #046494;
}
    .FormulierPreview input[type=text]:focus-visible {
        outline: none;
        background-color: #E8ECF0;
    }


input[type=password] {
    height: 35px;
    width: 200px;
    background-color: #fff;
    border: 1px solid #ced4da;
    color: #212529;
}
/*input[type=submit]{height:35px; width:200px; background-color:#f9fafa; border:1px solid #0163ab; color:#0163ab;}*/
input[type=checkbox]{width:16px; height:16px; margin-right:20px;}
input[type=date]{height:35px; width:200px; background-color:#fff; border:1px solid #ced4da; color:#0163ab;}
input[type="text"].error{border:1px solid red;}
.contractveldunderline{border-left:none!important; border-top:none!important; border-right:none!important; margin-top:10px;}
.contractveldunderline:active{border-left:none!important; border-top:none!important; border-right:none!important;}
textarea{width:200px; background-color:#f9fafa; border:1px solid #0163ab; color:#0163ab;}
.folderlist{padding-left:0;}
.folderlist li{list-style-type:none;}

.DarkBlueText{color:#0163ab;}
.BlueText{color:#018eec;}
.GrayText{color:#f9fafa;}
.row{padding-bottom:15px;}

.table{}
.table .btn-up{width:60px;}
.table .btn-down{width:60px;}
.table .btn-remove{width:60px;}

.modal-dialog .modal-content{min-height:200px;}
.modal-dialog #myModalContent{padding:10px;}

.navbar-inverse {background-color: #0163ab;border: 0;color:#fff;}
.navbar-inverse li a{ color:#fff!important;}
.navbar-nav li span{ position:relative; display:block; font-size:16px;}
.navbar-nav li ul{display:none;}
.navbar-nav li:hover ul{display:block; position:absolute; z-index:100; background-color:#fff; border:1px solid #dee2e6; padding:10px 20px; width:270px;}
.navbar-nav li ul li{list-style:none;}

.btn-wide{width:100%; background-color:#f9fafa; height:40px; display:block;padding-left:15px; color:#0163ab; border:1px solid #0163ab; line-height:37px; text-align:center;}
.btn-wide:hover{text-decoration:none; color:#0163ab;}
.btn-wide .btn-contractmaken{}

.infoblock-small{width:100%; background-color:#fff; padding:15px; box-shadow:0px 2px 16px 0px rgb(0 0 0 / 20%);}
.infoblock-small-title{width:100%; height:60px; display:block;}
.infoblock-small-title:after{width:10px; height:60px; background-color:#018eec; content:''; position:absolute; top:0; right:15px;}
.infoblock-small-value{width:100%; height:60px; display:block; font-size:40px;}

.shortlogs{width:100%; background-color:#fff; float:left; box-shadow:0px 2px 16px 0px rgb(0 0 0 / 20%); padding-bottom:10px;}
.shortlogs .shortlogs-titel{height:40px; width:100%; border-bottom:1px solid #808080; padding:15px;}
.shortlogs .shortlogs-titel:after{width:40px; height:40px; position:absolute; background-color:#018eec; top:0; right:15px; content:'';}
.shortlogs .shortlogs-status{height:40px; width:100%; border-bottom:1px solid #808080; padding:15px;}
.shortlogs .shortlogs-status .column3{width:33.33333%; float:left;}
.shortlogs .shortlogs-value{height:auto; width:100%; padding:15px;}
.shortlogs .shortlogs-value .column3{width:33.33333%; float:left; padding-bottom:5px;}

.styleblock{background-color:#fff; float:left; width:100%; box-shadow:0px 2px 16px 0px rgb(0 0 0 / 20%); padding:10px; margin-bottom:20px;}
.styleblock:after{width:10px; height:60px; background-color:#018eec; content:''; position:absolute; top:0; right:15px;}

.hideall.hidden{display:none;}
.shortlogs .shortlogs-value .column9{width:66.66%; margin-bottom:5px; float:right;}

.check_box{display:none;}
    .check_box + label {        
        background: url('../Images/folder-outline.svg') no-repeat;
        background-position: left;
        background-size: contain;
        display: inline-block;
        padding-left: 40px;
        margin-bottom: 10px;
    }
.check_box + label:hover{color:#0163ab;}
    .check_box:checked + label {
        background: url('../Images/folder-open-outline.svg') no-repeat;
        color: #046494;
        background-position: left;
        background-size: contain;
        display: inline-block;
    }
.custom_table1 tr td{padding-bottom:10px; padding-right:10px;}

#logoutForm{width:100%; display:flex;}
.navbar-nav.ml-auto .dropdown-menu.dropdown-menu-lg.dropdown-menu-right.show{z-index:1000;}
.main-header.navbar.navbar-expand.navbar-purple.navbar-dark{z-index:999;}


/*Aanpassingen maarten*/
.card {
    -webkit-box-shadow: 1px 0px 20px rgb(0 0 0 / 5%) !important;
    box-shadow: 1px 0px 20px rgb(0 0 0 / 5%) !important;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.content-wrapper { background-color: #E8ECF0!important;
    margin-left: 0 !important;
}
.main-header{margin-left:0!important;}
.main-footer{margin-left:0!important;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto 
{
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.card-header {
    border: none !important;
    background-color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 0.75rem 1.25rem;
}
tr, th { font-size:14px;}
table { border:none!important;}
.table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(odd), .thead-default th {
    background-color: #E8ECF0 !important;
    --bs-table-accent-bg: #E8ECF0;
}
.btn-primary {
    background-color: #24b2aa!important;
    border: 1px solid #24b2aa!important;
}
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary, .btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:hover, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
        background-color: #128394!important;
        border: 1px solid #128394!important;
    }
.navbar-dark {border:none!important;}
.container-fluid { width: 95%!important; }

.HomeButtons ion-icon { font-size:80px; margin-bottom:15px;}
.HomeButtons .card {
    text-align: center;
    color: #046494;
}
ion-icon {
    --ionicon-stroke-width: 20px;
}

.navbar-purple::after {
    content: '';
    position: absolute;
    display: block;
    bottom: -50px;
    width: 100%;
    height: 50px;
    background: url('/Images/wave-3.svg') no-repeat;
    background-color: #E8ECF0;
    background-size: 100% 150px;
    background-position: bottom center;
    margin-left: -8px;
}
.body-content {
    padding-top: 50px;
    padding-bottom:50px;
}
body {
    background-color: #E8ECF0!important;
}
.main-footer {
    border: none !important;
    background: url('/Images/wave-b-1.svg') no-repeat;
    background-color: #E8ECF0!important;
    background-position: top center;
    background-size: 100% 150px;
    min-height: 100px;
    text-align: center;
    padding-top: 50px !important;
}



.navbar-nav li:hover ul {
    -webkit-box-shadow: 0 1px 12px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 12px rgb(0 0 0 / 10%);
    border:none!important;
}
.navbar-dark .navbar-nav .nav-link {color:#fff!important;}
.navbar-expand .navbar-nav .nav-link { padding-left:2rem!important; padding-right:2rem!important;}
.navbar-dark .navbar-nav ul li .nav-link { color: #212529 !important; padding-left:1rem!important; padding-right:1rem!important; }

.navbar-purple {
    background-color: #046494!important;
}
.dropdown-menu {
    border: none !important;
    -webkit-box-shadow: 0 1px 12px rgb(0 0 0 / 10%) !important;
    box-shadow: 0 1px 12px rgb(0 0 0 / 10%) !important;
    border-radius: 0 !important;
    padding: 15px !important;
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1300px!important;
    }
}

.HomeNumberBlocks h5 { color: #24b2aa; font-size:1.5rem; font-weight:600; }
.HomeNumberBlocks p { font-size:0.8rem; min-height:47px;}
.HomeNumberBlocks .Round {
    background-color: #0464941c;
    line-height: 64px;
    color: #046494;
    width: 60px;
    height: 60px;
    font-size: 32px;
    display: inline-block;
    font-weight: 400;
    border: 1px solid #04649473;
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 12px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 12px rgb(0 0 0 / 10%);
}
    .HomeNumberBlocks .Round ion-icon {
        --ionicon-stroke-width: 32px;
    }

.dropdown-item:active {background-color:transparent!important;}

.pagination li{padding-left:5px; padding-right:5px;}
ion-icon { pointer-events: none; }

.navbar-nav.ml-auto .dropdown-menu.dropdown-menu-lg.dropdown-menu-right.show{left:-129px; width:232px;}

.nav-item .show .dropdown-item button{border:0; background-color:transparent; color:#046494; padding: 0; width: 100%; text-align: left;}

.table thead tr{border-bottom:2px solid #dee2e6;}
.table tbody tr{border-bottom:1px solid #dee2e6;}
.table > :not(:last-child) > :last-child > *{border-bottom-color:#dee2e6;}
.table td{padding:0.75rem;}
.navbar-nav .nav-link{font-weight:500;}
.btn.btn-primary{font-weight:500;}