﻿

.panel-body.grid {
    padding: 0px 0px 20px 0px;
}
.k-group-col {
    width: 20px !important;
}
.k-hierarchy-col {
    width: 20px !important;
}
.k-table-md {
    --INTERNAL--kendo-grid-cell-padding-y: 0.5rem !important;
}
.k-table-td {
    --INTERNAL--kendo-grid-cell-padding-y: 0.5rem !important;
}
th[data-title="Kapitaalopbouw"], th[data-title="Overlijdensrisico"], th[data-title="Notificaties"], th[data-title="Kenmerken"] {
    text-align: center !important;
}
.k-grid-content {
    min-height: 150px;
    overflow-y: auto;
}
.datepicker_hidden .k-input-button {
    display: none;
}
.k-loading-image {
    color: #f39200;
}

    .k-loading-image::before,
    .k-loading-image::after {
        border-width: clamp(0.04em, 1px, 1px);
        font-size: 5em;
    }
.k-i-caret-alt-right::before {
    content: "\e014";
}
.k-i-caret-alt-down::before {
    content: "\e015";
}
.k-i-caret-alt-up::before {
    content: "\e013";
}


.Controle_niet_aanwezig {
    color: rgba(255,140,0,1);
}

    .Controle_niet_aanwezig:hover {
        color: rgba(255,140,0,1) !important;
    }


.Controle_aanwezig_fout {
    color: #e12728;
}

    .Controle_aanwezig_fout:hover {
        color: rgba(255,0,0,1) !important;
    }

    .Controle_aanwezig_fout::after {
        content: "\f06a";
        font-family: "Font Awesome 5 Free";
        color: #e12728;
        margin-left: 10px;
    }

.Controle_aanwezig_goed::after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    color: #014289;
    margin-left: 10px;
}


.wel_controleren {
    color: rgba(243,146,0,1);
}

    .wel_controleren:hover {
        color: rgba(243,146,0,1) !important;
    }


.hoog_controleren {
    color: rgba(243,0,0,1);
}

    .hoog_controleren:hover {
        color: rgba(243,0,0,1) !important;
    }

.middel_controleren {
    color: rgba(243,146,0,1);
}

    .middel_controleren:hover {
        color: rgba(243,146,0,1) !important;
    }


.critical {
    color: #b16569;
}

    .critical:hover {
        background-color: #fdebeb !important;
    }

.warning {
    color: #f39200;
}

    .warning:hover {
        background-color: rgba(243,146,0,.1) !important;
    }



.Projecten_Div {
    margin: 15px;
}
    .Projecten_Div .select2 {
        width: 80% !important;
    }

    .k-i-caret-alt-up, .k-i-caret-alt-down {
        color: #f39200
    }
.k-upload {
    border-radius: 8px;
}
    .k-upload .k-dropzone {
        max-height: 40px;
        background-color: transparent;
    }
.k-external-dropzone{
    max-height: 40px !important;
}

.k-svg-i-caret-alt-down path {
    d: path("m382.059 158.059-126.06 126.06-126.061-126.06L96 192l159.999 160L416 192l-33.941-33.941z");
}
.k-svg-i-caret-alt-right path {
    d: path("m158.059 129.941 126.06 126.06-126.06 126.061L192 416l160-159.999L192 96l-33.941 33.941z");
}
.k-svg-i-caret-alt-up path {
    d: path("m129.941 353.941 126.06-126.06 126.061 126.06L416 320 256.001 160 96 320l33.941 33.941z");
}

.k-grid .k-hierarchy-cell .k-svg-icon{
    padding-top: 0px;
}

.k-table-group-row.k-grouping-row.k-table-row .k-svg-icon {
    height: 24px;
    width: 24px;
}
.k-table-group-row .k-svg-i-caret-alt-down,
.k-table-group-row .k-svg-i-caret-alt-down:hover,
.k-table-group-row .k-svg-i-caret-alt-down:active {
    color: #f39200 !important;
}

.k-command-cell > .k-button.k-button-solid-primary.k-rounded-md, .k-command-cell > .k-button.k-button-solid-base.k-rounded-md {
    max-width: 20px;
}

.bedragVorigeMaandAfwijkend {
    color: #f39200 !important;
}
.bedragVorigeMaandOnbekend {
    color: #ff0000 !important;
}
#grid_Prijsbeheer .k-grid .k-edit-cell {
    padding: 1px !important;
    padding-inline: 1px !important;
}

.k-grid a {
    line-height: 1.25em;
}

/*.k-upload-button-wrap {
    position: relative;
    direction: ltr;
}*/

.k-upload-button-wrap input {
    font: 14px monospace !important;
}

.k-toolbar {
    display: block;
}

    .k-toolbar .k-grid-excel {
        float: right;
    }


.rechts_rood {
    text-align: right !important;
    color: crimson;
}

.rechts_normaal {
    text-align: right !important;
}


.k-tabstrip-content, .k-tabstrip > .k-content {
    padding-inline: 0rem !important;
}
.k-grid.k-grid-md .k-grid-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}