iframe { border: 1px solid red; }
html { overflow: hidden;}
body { width: 100%; height: 100%; }
body { /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
    font-family: /*"Calibri",*/ "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
form { padding: 5px; }
form[role="edit-form"] { overflow: auto; padding: 0px; }
form[role="edit-form-scroll"] { height: 100%; overflow: auto; padding: 0px; }
form[role="window-form"] { padding: 0px; }
form[role="page-grid-form"] { position: absolute; top: 130px; left: 0px; right: 0px; bottom: 100px; overflow: hidden; } /*single page with, for example, 1 grid*/
form[role="page-account-form"] { position: absolute; top: 50px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; background-color: transparent; } /*single page with, for example, 1 grid*/

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.body-content { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; padding-top: 50px; }
.basic-body-content { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; padding: 50px; }
.dl-horizontal dt { white-space: normal; }

.user-profile-headerpanel{ float: left; width: 100%; height: 100px; padding: 20px; border-bottom: solid 1px grey;background-color: #fff;}
.user-profile-panel { float: left; width: 100%; min-height: 100px; padding: 20px 20px 20px 40px; border-bottom: solid 1px grey; background-color: #fff; }
.user-profile-panel h4{margin-left: 0;}

/*Telerik Algemeen*/
html .k-grid tr:hover { background: transparent; }
html .k-grid tr.k-alt:hover { background: #f1f1f1; }

.k-grid td { vertical-align: top; }
.k-grid td.k-dirty-cell { color: #D30000; font-weight: bold; background-color: #EDE6E3; } /*Dirty Cell vet rode tekst met lichte achtergrond*/
.k-widget.k-tooltip {
    background-color: moccasin !important;
    min-width: 175px;
    max-width: 250px;
    min-height: 18px;
    text-align: left !important;
}
.k-grid .k-header, .k-grid .k-footer {
    background-color: #eae8e8;
    color: #602455 !important;
}
.k-splitbar { background-color: #C8C8C8; color: white; }

.k-button:not(.k-button.k-tool, .k-button.k-flat, .k-button-icon) {
    margin: 5px 10px 5px 0px;
    min-width: 80px;
}
.k-editor .k-i-bullit:before {
    font-family: FontAwesome;
    content: "\f09e";
    font-size: 16px;
}

/*Login*/
.acc-user-panel { max-width: 550px; min-width: 360px; margin:  30px auto; padding: 5px; background-color: rgba(255, 255, 255, 0.85); /*border-radius: 1em;*/ border: 4px solid white;
}
.acc-title-panel { max-width: 550px; min-width: 360px; margin: 20px auto; padding: 5px; text-align: center; background-color: rgba(255, 255, 255, 0.85); /*border-radius: 1em;*/ border: 4px solid white;
}

/*Grid Image buttons*/
.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button { min-width: 40px !important; min-height: 30px; margin: 0px !important; } /*knoppen in grid wat smaller maken (40 ipv default 64)*/
.k-grid .k-header .k-button, .k-ie8 .k-grid k-header button.k-button { min-width: 40px !important; min-height: 30px; margin: 0px !important; } /*knoppen in grid wat smaller maken (40 ipv default 64)*/
.acc-grid-button { color: black !important; margin-left: 3px !important;}
.acc-edit-button { color: #006eb9 !important; margin-left: 3px !important; }
.acc-add-button { color: blue !important; margin-left: 3px !important;}
.acc-hyperlink-open-button { color: green !important; margin-left: 3px !important; }
.acc-delete-button { color: red !important; margin-left: 3px !important;}
.acc-download-button { color: #006eb9 !important; margin-left: 3px !important;}
.acc-email-button { color: darkseagreen !important; margin-left: 3px !important; }
.acc-preview-button {color: #006eb9 !important; margin-left: 3px !important; }
.acc-table-row-insert-below-button { color: maroon !important; margin-left: 3px !important;}
.acc-table-unmerge-button { color: #006eb9 !important; margin-left: 3px !important;}
.acc-copy-button { color: #006eb9 !important; margin-left: 3px !important;}
.acc-notification-button { color: #e2840a !important; margin-left: 3px !important;}
.acc-inbox-button { color: #006eb9 !important; margin-left: 3px !important;}
.acc-track-changes-accept-button { color: #2bb83d !important; margin-left: 3px !important;}
.acc-check-circle-button { color: #2bb83d !important; margin-left: 3px !important;}
.acc-close-circle-button { color: #b50000 !important; margin-left: 3px !important;}
/*T9813*/
.acc-signer-button {color: darkred !important; margin-left: 3px !important; margin-top: 3px !important;z-index: 10000 !important;}

/*Grid line hoogte test*/
.k-grid tbody tr {
    min-height: 42px;
} /* locked/niet locked gaan anders in rij-hoogte verschillen */
.k-grid td { white-space: nowrap; }
.acc-block-text { height: 42px }

/*Checkboxen: toegevoegd Kendo 2020.2.617 */
.k-checkbox:checked {
    border-color: #59214e;
    color: white;
    background-color: #59214e;
}
.k-checkbox:checked:focus {
    border-color: #59214e;
    /*color: white;*/
    background-color: #59214e;
    box-shadow: none;
}
.k-checkbox:not(:checked):focus {
    border-color: #59214e;
    /*color: white;*/
    background-color: #fff;
    box-shadow: none;
}
/*Checkbox --------------*/

/*Dropdown --------------*/
.k-dropdown .k-state-default > .k-input, .k-list { background-color: white; }
.k-dropdown .k-state-default .k-select { border-left-color: rgb(197, 197, 197) !important; border-left-width: 1px !important;  border-left-style: solid;}
/*Dropdown --------------*/

/*Edit buttons onder in het scherm/window */
.edit-buttongroup {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.editprofile-buttongroup {
    float: left;
    position: relative;
    margin: 40px 0 40px 5px;
}

/* DatePicker */
.k-calendar .k-header { background-image: linear-gradient(#3B77A0, #025084) !important; /*background: #004F84 !important;*/ color: white !important; }
.k-calendar .k-header .k-state-hover { color: black !important; background-color: #f5f5f5; }
.k-calendar .k-content { table-layout: auto; }
.k-calendar .k-content .k-link, .k-calendar .k-content .k-state-selected, .k-calendar .k-content .k-state-selected > .k-link { border-radius: 3em; border-color: #E2840A !important;}

.k-calendar td { -webkit-box-shadow: none !important; box-shadow: none !important; }
/* Panes*/
h2 { /*axonlogo override*/
    text-indent: 180px;
    font-size: 2.2em;
    color: #E2840A;
}
h2, h4 {
    margin-left: 5px;
    margin-top: 20px; /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
    margin-bottom: 10px; /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
}

.acc-page {
    float: left;
    height: calc(100% - 100px);
    width: 100%;
}
.acc-axoncontent-page {
    float: left;
    height: 100%;
    width: 100%;
    background-image: url("images/Axon_Content_BGX.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}
.acc-axoncontent-login-page, .acc-axonfilm1-div, .acc-axonfilm2-div, .acc-axonpredict-image {
    background-repeat: no-repeat;
    background-size: contain; /*cover*/
    background-position: left;
}
.acc-axoncontent-login-page {
    background-image: url("images/Axon_Content_BGX_Healthcare.png");
    float: left;
    /*height: 100%;*/
    margin-top: 30px;
    height: calc(100% - 30px);
    width: 100%;
}
.acc-axonfilm1-div {
    background-image: url("images/Axon filmpje 1_QR code.png");
}
.acc-axonfilm2-div {
    background-image: url("images/Axon filmpje 2_QR code.png");
}
.acc-axonpredict-image {
    background-image: url("images/Axon_Covid_SalesForecast_transp.png");
}
.acc-keyinput-box {
    font-family: 'Courier New';
    font-size: 11px;
    font-style: normal;
    min-width: 400px;
    border: 4px solid red;
}

.acc-splitter { float: left; height: calc(100% - 75px); width: 100%; }
.acc-middle-pane { background-color: rgba(60, 70, 80, 0.10); }
.acc-bottom-pane { background-color: rgba(60, 70, 80, 0.15); }
.acc-left-pane, .acc-center-pane, .acc-right-pane { background-color: rgba(60, 70, 80, 0.05); }

.navbar {
    margin-bottom: 0;
    height: 60px; /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
}
.navbar-fixed-top, .navbar-fixed-bottom { position: relative; }
#AcmMenu { float: left; min-width: 1174px; height: 60px; padding-top: 15px; padding-bottom: 15px; /*border: 1px solid red;*/}
/* Root (horizontaal) */
.k-menu {
    background: transparent !important;
    border: none !important;
}

    .k-menu .k-item > .k-link {
        color: #D4D4D4;
        font-weight: normal;
        font-size: 1.2em;
    }

    .k-menu .k-item:not(.k-first) > .k-link { /*Axon Logo*/
        top: 0px;
    }

    .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item { /*Scheidingsrand tussen root menu items*/
        border-width: 0;
    }

    /*Witte tekst*/
    .k-menu .k-state-hover > .k-link, /*Standaard on hover*/
    .k-menu .k-state-hover,
    .k-menu .k-state-highlight:hover,
    .k-menu .k-state-border-down /*on root selected*/ {
        color: white !important;
        background-color: transparent !important;
    }
    .k-menu .k-state-highlight:not(.k-first) > .k-link {
        color: #F4C65D; /*#E09841; white;*/
        background-color: #004f84;
        background-image: linear-gradient(to bottom, rgba(255,255,255,.35) 0, rgba(255,255,255,0) 100%) !important;
    }
    /* SubMenu (verticaal) */
    .k-menu .k-group {
        background-color: #F8F9FA !important; /*submenu backcolor*/
        margin-top: 8px !important; /*submenu more up/down*/
    }

        .k-menu .k-group .k-item > .k-link {
            top: 10px !important;
            color: #000;
            font-weight: normal;
            font-size: 1.1em;
        }

        .k-menu .k-group .k-state-hover > .k-link, /*Standaard on hover*/
        .k-menu .k-group .k-state-hover,
        .k-menu .k-group .k-state-hover:hover,
        .k-menu .k-group .k-state-highlight:hover {
            background-image: linear-gradient(rgba(250,250,250, 0.5), rgba(250,250,250,0)) !important;
            background-color: #E2840A !important;
        }

        .k-menu .k-group .k-item > .k-state-active {
            background-color: #E2840A !important;
        }

.k-menu .k-item > .k-link > .k-icon {
    margin-left: 10px;
}

.label-value {
    color: #23527c;
}

/*menu logo*/
.acc-img-thumbnail { 
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 0px !important;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #BBB !important; /*axonlogo override*/
    border-radius: 10px; /*4px*/
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0px 4px 5px rgba(187,187,187, 0.3);
}

    .acc-img-thumbnail > a > img {
        margin-left: 4px !important;
    }

    .acc-img-thumbnail.k-state-hover:hover {
        background-color: #eae8e8 !important;
    }

    .acc-img-thumbnail.k-state-highlight {
        background-color: #fff;
    }

.acc-axon-menu { /*axonlogo override*/
    background-image: linear-gradient(rgba(250,250,250, 0.2), rgba(250,250,250,0));
    background-color: #004f84 /*#006eb9*/;
    border: 1px solid #BBB !important;
}

/*Topright Login menu*/
#AcmLogin { float: right; min-width: 200px; height: 60px;/* border: 1px solid yellow;*/}
.acc-navbar { 
    /*padding-bottom: 0px !important;*/
    padding-right: 20px;
    font-weight: normal !important;
    font-size: 1.2em !important;
}

    .acc-navbar > li > a:link, 
    .acc-navbar > li > a:visited {
        /*height: 20px !important;*/
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        top: 10px !important;
        color: #d4d4d4 !important;
    }

    .acc-navbar > li > a:hover, 
    .acc-navbar > li > a:active {
        /*color: white !important;*/
        color: #F4C65D; /*#E09841; white;*/
        background-color: #004f84;
        background-image: linear-gradient(to bottom, rgba(255,255,255,.35) 0, rgba(255,255,255,0) 100%) !important;
    }

/*toggle menu (hamburger); 170817 CJC z-index; moet boven menu uitkomen*/
.navbar-toggle {
    z-index: 2000;
}

/* Menu */
/* SubMenu */
/*tekst submenu*/
/*tekst submenu*/
/*toggle menu (hamburger); 170817 CJC z-index; moet boven menu uitkomen*/

.filterGroup { float: left; width: 100%; height: auto; }
.filterGroup .k-dropdown, .filterGroup input.k-textbox { width: 225px; }

/*Window*/
/*axonlogo override*/
.k-window-titlebar {
    background-color: #004f84;
    color: white;
}

.k-window-actions { background-color: transparent; height: auto; }
div[class="k-window-actions"] .k-button { min-width: 0px; margin-top: 0px; padding: 0px; margin-right: 0px; }
.k-window-titlebar .k-link { background: #fff; margin-left: 5px;}
/*axonlogo override*/
div.k-window-content { border: 1px solid #59214e /*black*/ /*#275CAB*/; border-top: none; }
    
/*Info Kader*/
.acc-info {height: 25px; text-indent: 10px; text-align: left; padding-top: 8px; margin-bottom: 10px; z-index: 800;}
.acc-filters { }
.acc-details { margin-left: 3px; margin-right: 15px; }

/*Filters*/
.k-splitter .k-scrollable { overflow: hidden;}
    
/*Download div met iframe*/
.acc-download-group { width: 50px; }

/*div om filter groep in main scherm*/
div[class^="acc-info"] button { float: right; cursor: pointer; height: 100%; width: 25px; min-width: 25px; margin-top: -4px; } 
.acc-filter-box { position: absolute; top: 0px; right: 3px; left: 3px; overflow: auto; }
.acc-filter-box-button { text-indent: 0; color: #602455 !important; border: none !important; border-radius: 0; background-color: transparent; }
.filter-for-default { height: 80px; overflow: hidden; }
.filter-for-contract { height: 385px; }
.filter-for-organisation { height: 250px; }
.filter-for-product { height: 220px; }
.filter-for-claim { height: 280px; }
/*div om panelbar in main scherm*/
.acc-panelbar-box { position: absolute; top:300px; bottom: 0; right: 3px; left: 3px; overflow: auto;  background-color: transparent;
    /* langzaam bewegen van panelbar na klikken filter */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.panelbar-for-default { top: 95px; }
.panelbar-for-contract { top:400px; }
.panelbar-for-organisation { top:265px; }
.panelbar-for-product { top:240px; }
.panelbar-for-claim  { top:295px; }

/* US4517: extra padding voor getrapte weergave in panelbar */
.k-group .k-group .k-panel .k-link { padding-left: 3em; } /*level 3*/
.k-group .k-group .k-group .k-panel .k-link { padding-left: 4em; } /*level 4*/

/*div om filter groep in window*/
.acc-filter-box-win {
    float: left;
    /*width: 100%;*/
    width: auto;
    max-width: 600px; /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
    height: auto;
}
.acc-filter-col { float: left; width: 100%; padding-top: 2px; padding-bottom: 2px; height: auto; }
/* --------------------------div om filter-item*/

.acc-filter-col label { width: 100px; vertical-align: text-top; text-indent: 5px;}
div[class="acc-filter-col"] div, div[class="acc-filter-col"] .k-dropdown, div[class="acc-filter-col"] .k-textbox { width: calc(100% - 120px); max-width: 300px; min-width: 100px;}
div[class="acc-filter-col"] button { width: calc(50% - 68px);  max-width: 142px; min-width: 90px;} /*Filter + Clear Button*/

.acc-editwindow-controlgroup { position: absolute; top: 10px; left: 10px; right: 0; bottom: 50px; overflow: auto; }

.edit-group { float: left; width: 100%; } 

/*LeftRightSelector*/
.acc-select-windowgroup { float: left; }
div[class="acc-select-windowgroup"] select[multiple], div[class="acc-select-windowgroup"] select[size] {float: left; height: 250px; width: 100%; color: #333; border: 1px solid #c9c9c9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing: border-box; overflow-x: scroll; }
div[class="acc-select-windowgroup"] .select-panel { float: left; min-width: 265px; width: auto; }
.acc-download-wait {font: normal inherit Kendo UI, FontAwesome, Arial Unicode MS, Lucida Sans Unicode, Code2000, sans-serif; color: blue; background-color: transparent; } 
option[class="acc-download-wait"]::before {content: "\2611"; }

/*Tabs Content Details*/
.acc-tabs { position: absolute; top: 120px; right: 0; left: 0; bottom: 0; overflow: hidden;  }

/*Tabstrip Details*/
.acc-tabstrip { position: absolute; top: 0; right: 10px; left: 0; bottom: 10px !important; padding: 5px; box-sizing:unset !important; } 
.acc-tabstrip .k-content { box-sizing: unset !important;}
/*-----------------*/

.acc-tab-content-wrapper { height: calc(100% - 80px); } /*wrapper om tab content; zie Details.cshtml*/
div[class="acc-tab-content-wrapper"] form[role="form"] {height : 100%; padding: 0px;} /*forms met role="edit-form" geen 100% maar afhankelijk van inhoud*/
/*div[class="acc-tab-content-wrapper"] form[role="edit-form"] { padding: 0px; }*/
.k-tabstrip-wrapper { position: absolute; top: 0; right: 6px; left: 6px; bottom: 0px !important; } /*Wrapper om gehele verzameling tabbladen*/
.k-tabstrip .k-content { height: calc(100% - 65px) !important; } /*Tabblad zelf*/
.k-item .k-content { display: none; } /*panelbar items: content (id) niet weergeven*/
.acc-tabstrip-item { height: 100%; }

/*Wrapper op tabblad met ruimte voor buttons onder*/
.acc-tab-normal { top: 52px; bottom: 100px; }
.acc-tab-editform { top: 52px; bottom: 100px; overflow: auto; }

/*Wrapper op tabblad met ruimte voor buttons onder*/
.acc-tab-partial { top: 0; bottom: 0; }

/*Grid op volledige tab*/
.acc-grid-fulltab { float: left; height: 100%; width: 100%; }
.acc-grid-fullpage { height: 100%; width: 100%; }
.acc-grid-fullheight { height: 100%;}

/*.acc-grid-fulltab-label { margin-top: 35px; height: calc(100% - 35px); }*/
.acc-grid-fulltab-label { float: left; height: calc(100% - 35px); width: 100%; }
div[class^=k-pager-wrap] { position: absolute; bottom:0; right:0; left: 0;  } /*Grid pager onder in grid 'dwingen'*/

.acc-tab-edit-buttongroup { position: absolute; left: 20px; bottom: 0; right: 20px; padding-top: 10px; padding-bottom: 30px; text-align: left;  }

/* Testing */
/*.acc-tabs { border: 2px solid green;}
.acc-tab-content-wrapper { border: 1px solid blue; }
.k-tabstrip-wrapper { border: 1px solid yellow; }
.acc-tabstrip-item { border: 1px solid red;}
.acc-tab-edit-buttongroup { border: 3px solid purple; }
div[class^=k-pager-wrap] { border: 1px solid red; }
div[class=box-col], div[class=box-multirow-col] {border: 1px solid purple; }
.acc-edit-buttongroupleft { border: 3px solid red; }*/
 /*End Testing*/

/*2 Grids naast elkaar op Tab*/
.acc-grid-padding { padding: 7px; }

/*Header Details*/
.acc-header { float: left; padding-left: 15px; width: 96%; }

/*Window Compare Values Table*/
/*.acc-table { max-width: 1000px; width: calc(100% - 10px); }*/
.acc-table { width: calc(100% - 10px); }
.acc-table thead th { font-weight: normal; text-align: center; border-bottom: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; }
.acc-table td { padding: 2px; padding-top: 3px; border-right: 1px solid #c5c5c5; }
.acc-table tr td:first-child { height: 20px; font-weight: bold; text-align: left; padding-left: 0; padding-right: 0; }
.acc-table tr:last-child td { border-bottom: 1px solid #c5c5c5; }
.acc-table td :not(label) { width: inherit; }
.acc-table td textarea { width: 100%; }


/*Window Compare Values Table*/
.acc-compare-table { max-width: 800px; width: calc(100% - 10px); }
.acc-compare-table thead th { font-weight: normal; text-align: center; border-bottom: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; }
.acc-compare-table td { text-align: right; padding-right: 10px; padding-top: 3px; border-right: 1px solid #c5c5c5; }
.acc-compare-table tr:last-child td { border-bottom: 1px solid #c5c5c5; }
.acc-compare-table tr td:first-child { width: 150px; height: 20px; font-weight: bold; text-align: left; padding-left: 0; padding-right: 0; }
.acc-compare-table td :not(label) { width: calc(100% - 20px); text-align: left; margin: 2px; }

/*Window Claim record Table*/
.acc-claim-record-table {
    max-width: 800px;
    width: 300px;
    padding-bottom: 20px;
    font-weight: normal;
}

    .acc-claim-record-table td {
        text-align: right;
        padding-right: 10px;
        padding-top: 3px;
        border-right: 1px solid #c5c5c5;
        border-bottom: 1px solid #c5c5c5;
    }

    .acc-claim-record-table .headercell {
        text-align: left;
        color: #602455;
        background-color: #eae8e8;
        padding-left: 10px;
    }

    .acc-claim-record-table .labelcell {
        text-align: left;
        padding-left: 10px;
        font-weight: normal;
    }

    .acc-claim-record-table .valuecell {
        text-align: right;
        font-weight: normal;
    }

    .acc-claim-record-table .textcell {
        text-align: left;
        padding-left: 10px;
        font-weight: normal;
    }

/*Window Claim Values Table*/
.acc-claim-table {
    max-width: 800px;
    width: calc(100% - 10px);
    padding-bottom: 20px;
}

    .acc-claim-table thead th {
        font-weight: normal;
        text-align: center;
        border-bottom: 1px solid #c5c5c5;
        border-top: 1px solid #c5c5c5;
        background-color: #eae8e8;
        color: #602455 !important;
    }

    .acc-claim-table td {
        text-align: right;
        padding-right: 10px;
        padding-top: 3px;
        border-right: 1px solid #c5c5c5;
        border-bottom: 1px solid #c5c5c5;
    }

    .acc-claim-table .headercell {
        text-align: left;
        color: #602455;
        background-color: #eae8e8;
        padding-left: 10px;
    }

    .acc-claim-table .labelcell {
        text-align: left;
        font-weight: bold;
        padding-left: 10px;
    }

    .acc-claim-table .valuecell {
        text-align: right;
    }

    .acc-claim-table .textcell {
        text-align: left;
        padding-left: 10px;
    }

    .acc-claim-table .formulacell {
        text-align: left;
        padding-left: 10px;
    }


/*Select*/
.acc-select {height: 20px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

/*box-col wrappers om regels in Windows en (EditForms)*/
.box-multirow-col { min-height: 1.827em;}
.box-col, .box-multirow-col, .box-upload-col, .box-grid-col { float: left; }
.box-col, .box-multirow-col, .box-upload-col { width: 100%; padding-top: 2px; padding-bottom: 2px; }
.box-grid-col { padding: 4px; padding-top: 0; width: calc(100% - 10px); }
.box-col-2 { float: left; width: 48%; padding-top: 2px; padding-bottom: 2px; min-width: 300px; } /*2 kolommen*/
.box-col-3 { float: left; width: 32%; padding-top: 2px; padding-bottom: 2px; min-width: 200px; } /*3 kolommen (WAARSCHIJNLIJK NIET GEBRUIKT)*/

div[class^="box-col"] label:first-child {
    width: 150px;
    height: 18px;
    margin-top: 7px;
    /*font-weight: 700;*/ /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
} /*Start labels links*/
div[class^="box-col"] input[type='checkbox']:first-child, checkbox:first-child { 
    width: 16px;
    min-width: 10px;
    min-height: 18px; 
    /*margin-top: 7px; 
    margin-right: 10px;*/
    display: inline-block;
} /*Start Checkbox met Label (nth-child(2))*/
div[class^="box-col"] label:nth-child(2) {
    padding-left: 10px;
    display: inline-block;
    width: 116px;
    min-height: 18px;
    font-weight: 700; /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
} 
/*div[class^="box-col"] label:nth-child(2) { text-indent: 0px; display: inline-block; width: 129px; min-height: 18px;  }*/

/*Start Checkbox met Label (nth-child(2))*/

/*31-1-2017 CJC uitgeschakeld Zie Status button*/
/*Input Elementen*/
div[class^="box-col"] input:not([type='checkbox'],[type='text']) {
    width: calc(100% - 163px);
    max-width: 800px;
    vertical-align: top;
    display: inline;
}
div[class^="box-col"] input[type='checkbox'] {
    width: 16px;
    margin-top: 0px;
    display: inline-block;
}
div[class^="box-col"] .k-numerictextbox {
    width: calc(100% - 163px);
    max-width: 200px;
    vertical-align: top;
}

div[class^="box-col"] input[type='submit'] { min-width: 100px; max-width: 200px; }
div[class^="box-col"] textarea {
    width: calc(100% - 163px);
    max-width: 800px;
    vertical-align: top;
    height: 75px;
    padding: 6px; /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
}
div[class^="box-col"] .acc-button-text-value { width: calc(100% - 263px); max-width: 400px; margin-top: 7px; float: right; }
div[class="box-col"]  .k-dropdown, div[class^="box-col"] .acc-select { width: calc(100% - 163px); max-width: 250px; vertical-align: top; }
div[class^="box-col"] .k-datepicker { width: calc(100% - 163px); max-width: 200px; vertical-align: top; }
div[class^="box-col"] .k-textbox { /* toegevoegd Kendo 2020.2.617 */
    width: calc(100% - 163px) !important;
    max-width: 800px;
    vertical-align: top;
}
div[class^="box-col"] .profilebox { /* T6055 Kendo 2020.2.617 uitzondering Client Profiles*/
    max-width: 220px;
}
/*div[class^="box-col"] .k-checkbox-label { padding-left: 20px; vertical-align: top; margin-top: 6px; width: 121px;}*/
div[class^="box-col"] .k-editor { width: calc(100% - 10px); max-width: 800px; }
div[class^="box-upload"] .k-upload { margin-left: 153px; width: calc(100% - 163px); max-width: 1000px; } /*Speciaal voor Kendo uploader; werkt niet met box-col*/
/*div[class="box-col"] :not(label, button) { color: #5f2200 }*/
div[class="box-col"] :not(label, button) {
    color: #602455;
}
div[class^="box-multirow"] label { width: 150px; vertical-align: top; margin-top: 0 !important; } /*gewoon alle labels? Labels; o.a. van de ViewModels*/
div[class^="box-multirow"] :not(label) {
    width: calc(100% - 163px);
    display: inline-block;
    color: #602455;
}

/*input[type="checkbox"][disabled] { background-color: transparent; }*/ /*Werkt niet iig niet bij Kendo*/

/*button[class^="acc-edit"] { background-color: goldenrod;}*/ /*!Voorbeeld inkleuren bepaald type knoppen*/
/*.acc-edit-buttongroup, .acc-multiselect-buttongroup { position: absolute; left: 0; bottom: 0; right: 0; padding-top: 10px; padding-bottom: 10px; text-align: center; }*/ /*div om groep edit buttons 'at bottom center of' window (of edit form)*/
.acc-edit-buttongroup, .acc-multiselect-buttongroup {
    position: absolute;
    /*position: fixed;*/
    left: 0;
    bottom: 0;
    right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    /*height: 100px;*/
}
/*div om groep edit buttons 'at bottom center of' window (of edit form)*/

.acc-edit-buttongroupleft { float: left; width: 100%; padding-top: 10px; padding-bottom: 10px;} /*div om groep edit buttons 'left on' edit form*/
.acc-edit-buttongroupcenter { left: 0; bottom: 0; right: 0; padding: 10px; padding-left: 0; text-align: center; } /*div om groep edit buttons 'center of' edit form)*/
div[class="user-profile-panel"] div[class="acc-edit-buttongroup"] { position: relative; float: left; text-align: left;} /*Alleen voor knoppen in een user-profile-panel omdat ze daar niet absoluut mogen worden uitgelijnd*/
.acc-form-edit { height: 400px; overflow-x: hidden; overflow-y: auto; } /*div om groep edit buttons 'at bottom center of' window (of edit form)*/
.acc-form-insert { position: absolute; left: 0; bottom: 0; right: 0; padding-top: 10px; padding-bottom: 40px; text-align: left; } /*div om groep edit buttons 'at bottom center of' window (of edit form)*/

/*Multiple Download*/
.acc-download-statuspanel {
    position: absolute;
    left: 50px;
    bottom: 50px;
    right: 50px;
    height: 100px;
    padding: 3px;
    background-color: white;
    overflow: auto;
    border: 1px solid #275CAB;
    background-clip: padding-box;
    border-radius: 6px; /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
    outline: 0; /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
    width: auto; /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
    box-shadow: 3px 2px 4px rgba(0, 0, 0, .5); /*Na Update Bootstrap 5 + Telerik 2021.3.914*/
}

.k-i-information { color: cornflowerblue; }
.k-i-download { color: cornflowerblue; }
.k-i-gears { color: orangered; }
.k-i-email { color: darkseagreen; }
.k-i-error { color: lightcoral; }
/*-----------------*/


div[class*="-buttongroup"] button {
    margin: 5px 10px 5px 0px;
    min-width: 80px;
}
.relation-buttongroup { float: left; height: 100%; padding: 10px; padding-top: 45px; min-height: 225px; max-width: 37px; }
div[class="relation-buttongroup"] button { width: 100%; min-width: 37px; margin-top: 5px; background-color: #e8e8e8; font-weight: 400;}



/*Edit Forms*/
.input-disabled { border: none; }

/*edit form default voor input element*/
.jumbotron { text-indent: 40px; }
.acm-titlebig {
    float: left;
    background-color: transparent; 

}

.acc-substitute-info {
    position: absolute;
    right: 2px;
    top: calc(100% + 2px);
    padding: 10px;
    min-height: 40px;
    text-align: right;
    /*background-color: #000; background: #000000; background: rgba(0,0,0,0.9);*/
    background-color: #59214e; background: #59214e; background: rgba(89,33,78,0.9);
    border-bottom: #eeeeee 1px solid;
    color: #fff;
    font-size: 12px;
}

.user-info { margin-bottom: -40px; }
.user-info-item{ float: right; width: auto; margin-left: 10px;}

.button-create, .button-save, .button-close { float: left; margin: 15px 0 0 0; }

/*Status (message) Panel*/

/*axonlogo override*/
#acmstatuspanel {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 425px;
    height: 150px;
    padding: 20px;
    background: #005e9e;
    color: #fff;
    box-shadow: 3px 2px 4px rgba(0, 0, 0, .5);
    font-size: 18px;
    opacity: 0.95;
    filter: alpha(opacity=50);
    visibility: hidden;
}

.k-grid tbody tr .grid-multi-text { float: left; width: 100%; max-height: 70px; overflow-y: auto; }

.window-content { float: left; margin: 15px; }

.document-status { width: 450px; margin-right: 10px; }

.lb-clientcode {border: none;margin: 6px 0 0 5px; font-size: 15px;font-weight: bold;color:#444}

/*SupplierDocumentGenerateFilesSendByMailPartial*/
/*SupplierDocumentGenerateFilesPartial*/
/*SendNotificationPartial*/
/*SendMessagePartial*/
/*OrganisationDocumentGenerateFilesSendByMailPartial*/
/*SupplierDocumentGenerateFilesPartial*/
/*SupplierDocumentGenerateFilesSendByMailPartial*/
#LeftRightPanelDocSendMessageBasket,
#AdditionalRecipients {
    height: 465px;
    overflow: hidden;
}

#send-message .k-header,
#send-message .k-grid-header,
#send-message .k-grouping-header,
#send-message .k-pager-wrap,
#send-message html .km-pane-wrapper .k-header {
    background-color: #fff;
    border: none;
}
.actionButton { max-width: 175px; }

/*Contract*/
.contract-status{ float: left; max-width: 564px; width: 100%; }
.contract-status-label{ float: left; margin-top: 5px; width: 155px; }
.contract-status-name {float: left; font-weight: 400; margin: 7px 10px 0 5px; color: #23527c; }
.contract-status-button { float: right; height: 27px; }
.contract-status .k-dropdown{ margin-left: 4px;}

/*file template upload*/
.fileupload-grid tr:nth-child(1) td,
.fileupload-grid tr:nth-child(2) td,
.fileupload-grid tr:nth-child(3) td {
    padding: 30px 0 0 17px;
}

.fileupload-grid tr:nth-child(4) td {
    padding-top: 35px;
}

.fileupload-grid thead tr th:first-child, .fileupload-grid tbody tr td:first-child {
    max-width: 8em;
    min-width: 8em;
    width: 8em;
}

#files button {
    margin-top: 35px;
}

#importresult {
    width: 100%;
    max-height: 1100px;
    overflow: auto;
}

.tbl-result {
    table-layout: fixed;
    font-size: 11px;
    border-collapse: collapse;
    margin-top: 20px;
}

.tbl-result tr:nth-child(even) {
    background-color: #e8e8e8;
}

.ui-corner-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#bnConfirmFile {
    float: left;
    width: 190px;
    height: 35px;
}


.default-scale {
}

.predefined-scale {
}

.k-state-selected,
.k-state-selected.k-state-focused,
.k-state-selected.k-state-default,
.k-menu .k-state-selected > .k-link, /*selected menu-item*/
.k-calendar .k-state-selected > .k-link, /*selected menu-item*/
.k-button.k-state-focused, /*selected button*/
.k-header.k-state-active.k-state-focused {
    background-image: linear-gradient(rgba(250,250,250, 0.5), rgba(250,250,250,0)) !important;
    background-color: #E2840A !important;
    color: #fff !important;
    border: 0px solid #E2840A !important;
    border-radius: 0px;
}

fieldset {
    /*border-top: 1px groove rgba(89,33,78, 0.3) !important;
    border-left: 1px groove rgba(89,33,78, 0.3) !important;*/
    border: 1px inset rgba(89,33,78, 0.3) !important; /*#59214e*/
    /*border-bottom: 1px groove #59214e !important;*/
    /*background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0))) !important;*/
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%); 
    background-color: rgba(60, 70, 80, 0.05);
    /*padding: 0 1.4em 1.4em 1.4em !important;*/
    padding: 0.0em 0.8em 0.4em 0.8em !important;
    margin: 0.1em 0.8em 0.1em 0.1em !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend {
    font-size: 1.0em !important;
    /*font-weight: bold !important;*/
    text-align: left !important;
    background-image: linear-gradient(rgba(250,250,250, 0.5), rgba(250,250,250,0));
    background-color: #59214e;
    color: white;
    width: auto;
    padding: 4px;
    margin: 0 0 0.4em 0;
    border-bottom: none;
}

/*T6016 Digital Signing*/
/*Digital Signing*/
.digital-signing-provider {
    float: left;
    width: 150px;
    margin-bottom: 20px;
}

.ds-packageid {
    float: left;
    font-size: 12px;
    font-weight: 100;
}

.digital-signing-packageids {
    float: right;
    width: 300px;
}

.digital-signing {
    float: left;
    width: auto;
    min-height: 220px;
    margin: 10px;
    padding: 20px;
    border: #a8a8a8 solid 1px;
    border-radius: 5px;
}

.digital-signing-fwidth {
    width: 1162px;
}

.digital-signing div[class^='box-col'] label:first-child {
    width: 100px;
}

.digital-signing div[class^="box-col"] label:first-child {
    margin-top: 30px;
}

.digital-signing .k-dropdown {
    margin-top: 25px;
}

.digital-signing-status {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: #e8e8e8 solid 1px
}

.digital-signing-value {
    float: left;
    margin-left: 5px;
}

.box-digital-signing-label {
    float: left;
    margin-left: 1px;
    min-width: 120px;
}

.box-digital-signing-col {
    float: left;
    width: 500px;
    padding: 5px
}

.ds-col-name {
    width: 200px;
}

.ds-col-status {
    width: 200px;
}

.ds-col-date {
    width: 300px;
}

/*file template upload*/
.fileupload-grid tr:nth-child(1) td,
.fileupload-grid tr:nth-child(2) td,
.fileupload-grid tr:nth-child(3) td {
    padding: 30px 0 0 17px;
}

.ds-internal,
.ds-external {
    float: left;
    width: 500px;
    height: auto;
    padding: 5px;
}

.ds-select-button {
    float: left;
    width: 30px;
    height: 20px;
    font-size: 12px;
    line-height: 11px;
    margin-top: -2px;
}


.ds-internal select[multiple],
.ds-external select[multiple] {
    min-width: 400px;
    border-radius: 5px;
    border-color: #a8a8a8;
}

.ds-internal button,
.ds-external button {
    margin-top: 21px;
}

digital-signing
.fileupload-grid tr:nth-child(4) td {
    padding-top: 35px;
}

/*Custom Validation for Kendo UI*/
.k-form-error {
    color: red;
    font-weight: bold;
}

.k-invalid-msg {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 5px;
    border-radius: 4px;
}

.field-validation-error {
    font-style: italic;
}
/*-----------------------------*/