@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");

html, body, .e-checkbox-wrapper label .e-label {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
}

a, .btn-link {
    color: #e11f1c;
}

.ptx-25 {
    padding-top:25px;
}

.btn-primary, .e-dlg-container .e-btn.e-flat.e-primary, .e-dlg-container .e-css.e-btn.e-flat.e-primary {
    color: #fff;
    background-color: #e11f1c;
    border-color: #cb1c19;
}
.suurland .badge-primary {
    color: #fff;
    background-color: #e11f1c;
    border-color: #cb1c19;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}
option.red {
    background-color: #e11f1c;
    color:#FFF;
    font-weight:bold;
}

.customkvk {
    font-size:16px;
    padding: 10px 10px;
}


#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Syncfusion components*/
/* Scheduler*/
/*.schedule-wrapper .e-quick-popup-wrapper {
    min-width: 400px;
    max-width: 600px;
}*/
.schedule-wrapper .e-popup-footer .e-event-create {
    display: none;
}
.schedule-wrapper .e-quick-popup-wrapper .e-popup-footer .e-event-details {
    margin-right: 0px;
}
.schedule-wrapper .e-quick-popup-wrapper form span.e-input-group {
    display: none;
}
.e-removeEditcommand .e-unboundcell .e-unboundcelldiv button {
    display: none;
}
/*HeaderStyles*/
.quick-info-header {
    background-color: white;
    padding: 8px 18px;
}

.quick-info-header-content {
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    padding: 5px 0px 5px;
}

.quick-info-title {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.48px;
    height: 22px;
}
/* Einde Scheduler*/
/* Grid */
.suurland .e-pager .e-numericitem, .suurland .e-pager div.e-icons {
    color: #e11f1c;
}
.suurland .e-grid .e-pager .e-currentitem, .suurland .e-pager .e-currentitem:hover {
    background-color: #e11f1c;
    color: #fff;
}
.suurland .e-grid.e-responsive .e-rowcell, .suurland .e-grid.e-responsive .e-headercelldiv {
    white-space: normal;
}
.suurland .kostenfilter {
    width: 300px;
    border: 2px solid #e11f1c;
}
    .suurland .kostenfilter.valid.modified{
        outline-width:0px;
    }
.suurland .klantfilter {
    height: 29px;
}
.suurland .e-pagenomsg, .suurland .e-pagecountmsg {
    color: #e11f1c;
}
.suurland tr.inactief-row td{
    background-color:pink;
}
.belmanager .suurland .e-grid.e-responsive .e-rowcell {
    white-space: normal;
    vertical-align: top;
}
.suurland .e-altrow {
    background-color: #EEE;
}
.suurland .e-checkbox-wrapper .e-label, .suurland .e-css.e-checkbox-wrapper .e-label {
    font-size: 12px;
}
/*.suurland.kvksbi .e-grid .e-columnheader .e-headercell {*/ /*Set height for header row*/
/*height: 200px;
}
.suurland.kvksbi .e-grid .e-columnheader .e-headercelldiv {*/ /*Rotate all column headertext*/
/*transform: rotate(90deg);
}*/
/*  
    Einde Grid
*/
/*
    Begin Contract 
*/
.suurland .sl-pr {
    padding-right: 2rem !important;
}  
.suurland .sl-pl {
    padding-left: 2.25rem!important;
}
.suurland .e-listview {
    font-size: 12px;
}
.suurland .e-checkbox-wrapper .e-frame.e-check, .suurland .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #e11f1c;
    border-color: #cb1c19;
}
.suurland .e-checkbox-wrapper:hover .e-frame.e-check, .suurland .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
    background-color: #e11f1c;
    border-color: #cb1c19;
}
.suurland .e-listview .e-list-item.e-hover, .suurland .e-listview .e-list-item.e-hover.e-active.e-checklist {
    border-width:0px;
}
    .suurland .e-listview .e-list-item.e-hover.e-focused, .suurland .e-listview .e-list-item.e-hover.e-active.e-checklist.e-focused {
        background-color: #e11f1c;
    }
    .suurland .e-listview .e-list-item.e-hover:hover, .suurland .e-listview .e-list-item.e-hover.e-active.e-checklist:hover {
        background-color: #e11f1c;
    }
    /*
    Eind Signature
*/
    .leadbeloverzicht span.red {
        font-weight: bold;
        color: #e11f1c;
    }
.leadbeloverzicht span.green {
    font-weight: bold;
    color: forestgreen;
}
.suurland .e-checkbox-wrapper[role='checkbox'] {
    margin-top: 32px;
}
    .suurland .e-checkbox-wrapper[role='checkbox'].checkbox-gm {
        margin-top: 0px;
    }

.suurland .form-check-height{
    height: 15px;
}
.suurland .e-radio + label .e-label {
    font-size: 12px
}
.suurland .e-radio:checked + label::before {
    background-color: #e11f1c;
    border-color: #e51f5c;
}
    .suurland .e-radio:checked + label::before:hover {
        border-color: #6C1818;
    }
.row .BsRow {
    margin-left:0px;
    margin-right:0px;
}

.artrow .suurland .e-checkbox-wrapper[role='checkbox'] {
    margin-top: 2px;
    font-size: 11px;
    margin-left: 5px;
}
.belmanager .suurland .e-checkbox-wrapper[role='checkbox'] span {
    font-size: 11px;
}
    .duration-text {
    font-size: 11px;
    letter-spacing: 0.33px;
    height: 14px;
}

#container .e-grid .e-headercelldiv {
    font-size: 12px;
}
#container .e-grid .e-rowcell {
    font-size: 12px;
}
#container .e-btn.e-flat {
    background-color: #e11f1c;
    border-color: #e11f1c;
    box-shadow: none;
    color: #fff;
}
.e-multiline-50 {
    height:100px;
}

.suurland .e-grid .e-filtered::before {
    color: #FFF;
    background-color: #E11F1C;
    border-radius:2px;
    padding:2px;
}
/*AMer schedule color*/
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-1,
.e-schedule .e-month-view .e-appointment.amer-1 {
    background-color: blueviolet;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-2,
.e-schedule .e-month-view .e-appointment.amer-2 {
    background-color: chocolate;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-3,
.e-schedule .e-month-view .e-appointment.amer-3 {
    background-color: darkmagenta;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-4,
.e-schedule .e-month-view .e-appointment.amer-4 {
    background-color: darkred;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-5,
.e-schedule .e-month-view .e-appointment.amer-5 {
    background-color: darkorange;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-6,
.e-schedule .e-month-view .e-appointment.amer-6 {
    background-color: darkolivegreen;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-7,
.e-schedule .e-month-view .e-appointment.amer-7 {
    background-color: cornflowerblue;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-8,
.e-schedule .e-month-view .e-appointment.amer-8 {
    background-color: brown;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-9,
.e-schedule .e-month-view .e-appointment.amer-9 {
    background-color:darkgoldenrod;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-10,
.e-schedule .e-month-view .e-appointment.amer-10 {
    background-color: darkslategray;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.amer-12,
.e-schedule .e-month-view .e-appointment.amer-12 {
    background-color: cadetblue;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.belActie,
.e-schedule .e-month-view .e-appointment.belActie {
    background-color: #e11f1c;
}
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.called,
.e-schedule .e-month-view .e-appointment.called {
    background-color: #198754;
}


.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.e-readonly,
.e-schedule .e-month-view .e-appointment.e-readonly {
    opacity: 0.40;
}
    /* Einde Syncfusion components*/
    @media (max-width: 768px) {
        h1 {
            font-size: 2rem;
        }

        h3 {
            font-size: 1.25rem;
        }

        body {
            font-size: 14px;
        }
        .suurland select.kostenfilter {
            width: 200px;
            border: 2px solid #e11f1c;
        }
    }

.belmanager tbody div, .belmanager a, .belmanager input, .belmanager .form-control, .belmanager #container tbody td.e-rowcell {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12pt;
}
.belmanager #container .e-grid .e-headercelldiv {
    font-size: 12pt;
}
.belmanager .suurland .klantfilter {
    height: 35px;
}
.belmanager .btn {
    font-size: 12pt;
}

span.S {
    background-color:red;
    color:white;
    font-weight:bold;
    padding:2px;
}
span.O {
    background-color: red;
    color: white;
    font-weight: bold;
    padding: 2px;
}
span.R {
    background-color: red;
    color: white;
    font-weight: bold;
    padding: 2px;
}
span.P {
    background-color: red;
    color: white;
    font-weight: bold;
    padding: 2px;
}
span.A {
    background-color: red;
    color: white;
    font-weight: bold;
    padding: 2px;
}

.dummy {
    position:relative;
}
    .dummy .dummy-afbeelding.info-top {
        position: absolute;
        top: 13px;
        left: 64px;
        width: 280px;
    }
    .dummy .dummy-afbeelding.info-bottom {
        position:absolute;
        top:180px;
        left:64px;
        width:280px;
    }
    .dummy .dummy-afbeelding.comm-top {
        position: absolute;
        top: 10px;
        left: 64px;
        width: 702px;
    }

    .dummy .dummy-afbeelding.comm-bottom {
        position: absolute;
        top: 178px;
        left: 64px;
        width: 702px;
    }
    .dummy .dummy-carto {
        position: absolute;
        top:175px;
        left:335px;
        width:414px;
    }

.suurland.card .card-header {
    font-size: 11px;
    font-weight: bold;
}

.suurland.card .card-title {
    font-size: 10px;
    font-weight: bold;
}

.suurland.card p {
    font-size: 11px;
}
.suurland .badge {
    font-size:100%;
    font-weight:bold;
}
.suurland .badge-pill{
    padding:5px;
}

span.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e11f1c' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

span.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e11f1c' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel .carousel-indicators {
    top:0;
    bottom:auto;
}
.wrapper-plaatsing-editor {
    background-color: #F7F7F7;
    border: 2px outset #F4F4F4;
    padding: 10px;
}
.suurland tr.nogplaatsen {
    background-color: #fd040040;
}
.kostendrager_onderhoud .e-table .e-rowcell{
    vertical-align:top;
}
.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    width: 100%;
}
.ontwerpOverzicht table th {
    vertical-align:top;
    vertical-align:text-top;
}
.ontwerpOverzicht table thead{
    height:50px;
}
.ontwerpOverzicht-progress {
    width:180px;
    float: left;
    margin-right: 3px;
}
.bi.bi-check{
    color: #e11f1c;
    font-size: 38px;
    font-weight: bold;
    -webkit-text-stroke-width: 3.5px;
}
 .bi.bi-envelope {
    color: #e11f1c;
    font-size: 24px;
    font-weight: bold;
    -webkit-text-stroke-width: 1.5px;
}
.bi.bi-telephone {
    color: #e11f1c;
    font-size: 24px;
    font-weight: bold;
    -webkit-text-stroke-width: 1.5px;
}
    .bi.bi-check.done {
        color: #1E8440;
        font-size: 38px;
        font-weight: bold;
        -webkit-text-stroke-width: 3.5px;
    }
img.hovering-25 {
    width:25%;
}
img.hovering-25:hover {
    width: 800px;
}
/*Onderhoud*/
.onderhoud .zoek-kdcode{
    width:100px;
}
#map {
    height: 800px;
    display:block;
}
#filterMap {
    width:100%;
}