body {
    background-color: #fcfcfc;
    text-decoration: none !important;
}

h3 {
    margin-bottom: 25px;
}

h5 {
    font-size: 1.15em;
}

.space {
    height: 10px;
}

.bigspace {
    height: 25px;
}

.doublespace {
    height: 50px;
}

.top-margin-large {
    margin-top: 75px;
}

/*
    Fixxed with JS

.dx-popup-content .dx-button {
    margin: 0;
}

.dx-scrollable-content{
    padding: 0px 20px 20px 0px;
}
*/

.navbar-top {
    background-color: #007AC3;
    border-color: #adb258;
}

    .navbar-top .navbar-btn {
        color: #414141;
        font-weight: bold;
    }

    .navbar-top .btn-link {
        color: #414141;
        font-weight: bold;
    }

    .navbar-top .navbar-link:hover {
        color: #fcfcfc;
    }

.navbar-side {
    background-color: #414141;
    border-color: #414141;
}

.verticalAlign {
    vertical-align: middle !important;
}

.pointer {
    cursor: pointer;
}

.dx-icon.glyphicons:before {
    padding: 0px !important;
}

/*End Submenu side navbar*/

.hyperlink {
    color: #337ab7 !important;
    font-size: 14px;
    font-family: 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    text-decoration: none !important;
}

.hyperlink-title {
    color: #333 !important;
    font-size: 16px;
}

.title {
    font-size: 28px;
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    font-weight: 200;
    fill: #232323;
    cursor: default;
    display: block;
    text-align: center;
    margin: 0 auto;
}

/*Documents*/
#docContainer {
    overflow: auto;
}

#docLeft {
    float: left;
    width: 350px;
    height: 780px;
    margin-top: 15px;
    /*border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;*/
}

    #docLeft .dx-treeview {
        font-size: medium;
    }

#docRight {
    margin-left: 350px;
    height: 780px;
    /*border: 1px solid black;*/
}

#docFolderTitle {
    overflow: auto;
}

#docLeft1 {
    margin-top: 15px;
    margin-right: 10px;
    float: left;
}

#docRight1 {
    /*margin-left: 200px;*/
    margin-top: 25px;
}

#docRight .dx-tile {
    border: none;
    word-wrap: break-word;
    background-color: #fcfcfc;
}

    /*#docRight .dx-tile:hover { 
    border-style: solid;
    border-width: 1px;
    border-color: #7DA2CE;
}*/

    #docRight .dx-tile:active {
        background-color: #fcfcfc;
        /*background-color: #CAE1FC;*/
    }

/*Document TreeView Icon-Text*/
#treeViewItem {
    overflow: auto;
}

#treeViewItemLeft {
    float: left;
    width: 25px;
    height: 25px;
    margin-top: 0px;
}

/*Upload Purchase/Sale*/
#uploadContainer {
    overflow: auto;
}

#uploadLeft {
    float: left;
    width: 50%;
    /*height: 800px;*/
    /*margin-top: 15px;*/
}

#uploadRight {
    margin-left: 50%;
    /*height: 800px;*/
    /*border: 1px solid black;*/
}

/*UploadButton*/
.uploadButton {
    width: 125px;
    /*margin-left: 10px;*/
    /*margin-top: 10px;
    margin-bottom: 50px;*/
}
/*Accountancy filter*/
#filterContainerWeb {
    overflow: auto;
    width: 650px;
    height: 95px;
    margin-bottom: 15px;
}

#filterContainerMobile {
    height: 290px;
    width: 100%;
}

#filterOptions {
    float: left;
    /*width: 425px;*/
}

#filterCheck {
    float: left;
    margin-left: 35px;
    padding-top: 35px;
}

#filterButton {
    /*float: left;*/
    padding-top: 7px;
    margin-left: 550px;
}

#filterButtonSale {
    padding-top: 7px;
    margin-left: 420px;
}

/*PurchaseInvoice*/
.purchaseContainerWeb {
    height: 155px;
    width: 100%;
}

.purchaseLeftWeb {
    width: 35%;
    height: 90px;
    float: left;
}

.purchaseRightWeb {
    float: right;
    /*margin-left: 35%;
    padding-left: 15%;
    width: 65%;
    height: 90px;*/
}

    .purchaseRightWeb .dx-tile {
        border: none;
        word-wrap: break-word;
    }

        .purchaseRightWeb .dx-tile:active {
            /*background-color: #fcfcfc;*/
            /*background-color: #CAE1FC;*/
        }

.purchaseContainerWeb1 {
    height: 245px;
}

.purchaseContainerWeb2 {
    height: 317px;
}

.purchaseContainerWeb3 {
    height: 210px;
}

.purchaseContainerWeb4 {
    height: 217px;
}

.purchaseContainerMobile2 {
    height: 320px;
}

    .purchaseContainerMobile2 > .purchaseLeftWeb {
        width: 100%;
    }


.purchaseLeftWeb1, .purchaseRightWeb1 {
    display: block;
}

    .purchaseRightWeb1 .dx-tile {
        border: none;
        word-wrap: break-word;
        background-color: #fcfcfc;
    }

        .purchaseRightWeb1 .dx-tile:active {
            background-color: #fcfcfc;
        }

.purchaseRightMobile1 {
    position: relative;
    height: 120px;
    padding-top: 300px;
}

    .purchaseRightMobile1 .dx-tile {
        border: none;
        word-wrap: break-word;
        background-color: #fcfcfc;
    }

.purchaseRightMobile .dx-tile:active {
    background-color: #fcfcfc;
    /*background-color: #CAE1FC;*/
}

/*Bootstrap Circlebuttons*/
.btn-circle {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 25px;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 10px 16px;
        font-size: 24px;
        line-height: 1.33;
        border-radius: 35px;
    }

/*hideable sidebar*/

#wrapper.off-canvas #sidebar-wrapper {
    display: none;
}

#wrapper.off-canvas #page-content-wrapper {
    width: 100%;
}

/*popup reminder level edit form*/
.reminderLevelContainer {
    overflow: auto;
}

.reminderLevelLeft {
    float: left;
    width: 50%;
}

.reminderLevelRight {
    margin-left: 50%;
}

/*HR tag aanpassen*/
hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.3em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

/*Contact buttons*/
#buttons .dx-button-content .dx-icon {
    width: 40px;
    height: 40px;
}

#buttons .dx-button-text {
    white-space: normal;
    width: 100px;
}

/*Messages*/
/*id="messageContainer" class="messageContainer"*/
.messageContainer {
    overflow: auto;
}

/*id="messageTextAreaLeft" class="messageTextAreaLeft"*/
.messageTextAreaLeft {
    float: left;
    width: 70%;
    padding-left: 1px;
    padding-bottom: 1px;
}

/*id="messageFileUploadRight" class="messageFileUploadRight"*/
.messageFileUploadRight {
    margin-left: 70%;
}

/*id="spaceTDReply1" class="spaceTD"*/
/* id="spaceTDNew123" class="spaceTD"*/
/*id="spaceTDDetail12" class="spaceTD"*/
.spaceTD {
    width: 100px;
}

/*#footerForm.dx-form {
    background: #F5F5F5 !important;
    padding: 15px !important;
}*/

/*.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
    border-color: transparent !important;
}*/

/*.salesTicketEntriesDiv.dx-button .dx-icon {
    padding: 0px !important;
}*/

.toUpperCase input {
    text-transform: uppercase;
}

#fileParamsContent {
    overflow: auto;
}

#fileParamsLeft {
    width: 140px;
    margin-top: 5px;
    margin-right: 10px;
    float: left;
}

#fileParamsRight {
    margin-left: 140px;
}

.redRow {
    background-color: red;
}

.redText {
    color: red;
}

/*File (DossierFiche)*/
.fileTab {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.contactFull {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.contactFullMobile {
    display: table;
    margin: 10px auto;
}

.contactTitle {
    text-align: center;
    height: 40px;
    /*h4*/
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.contactImageDiv {
    width: 200px;
    height: 235px;
    /*border-style: solid;
    border-width: 1px;*/
}

.contactImage {
    display: block;
    margin: auto;
}

.contactName {
    margin-top: 10px;
    text-align: center;
    width: 200px;
    height: 40px;
    word-wrap: break-word;
}

#GeneralForm {
    opacity: 1;
}

#SocialForm {
    opacity: 1;
}

.paritComBrowser {
    margin-top: 10px;
    margin-left: 150px;
}

.paritComMobile {
    margin-top: 10px;
    margin-left: 0px;
}

#LegalForm {
    opacity: 1;
}

.naceCodeBrowser {
    margin-top: 10px;
    margin-left: 150px;
}

.naceCodeMobile {
    margin-top: 10px;
    margin-left: 0px;
}

#OwnPersonaliaForm {
    opacity: 1;
}

#PartnerPersonaliaForm {
    opacity: 1;
}

/*dxTreeList (reporting)*/
.dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
    border-left: none !important;
}

.dx-treelist-rowsview .dx-row {
    border-top: none !important;
    border-bottom: none !important;
}

.newAbsenceDetailsGroup {
    margin: 10px 0px 10px 0px;
}

.newAbsenceMemo {
    margin-top: 5px;
}

/*Approvals*/
/*Rows*/
.declinedRow {
    background-color: #e5202e;
}

.toApproveRow {
    background-color: #FFA500;
}

.approvedRow {
    background-color: #85bc20;
}
/*Container for document and buttons*/
.approvalContainer {
    overflow: auto;
    width: 100%;
}

.approvalGrid {
    float: left;
    width: 38%;
    height: 100%;
}

.approvalGridSmall {
    width: 540px;
    margin-bottom: 25px;
}

.approvalGridMobile {
    width: auto;
}

.approvalPdf {
    margin-left: 2.5px;
    float: right;
    width: 61%;
    height: 100%;
}

/*.approvalPdfCentered {
    width: 50%;
    margin: 0 auto;
}*/

.approvalButtons {
    margin-bottom: 5px;
    /*display: none;*/
}

.hidden{
    display: none;
}

.show{
    display: block;
}

/*#btnApprove {
    width: 24%;
    height: 50px;
    background-color: #85bc20;
    color: white;
    border-radius: 0px;
    border: none;
}*/

/*#btnDecline {
    width: 24%;
    height: 50px;
    background-color: #e5202e;
    color: white;
    border-radius: 0px;
    border: none;
}*/

/*#btnDelegate {
    width: 24%;
    height: 50px;
    background-color: #ea8f00;
    color: white;
    border-radius: 0px;
    border: none;
}*/

/*#btnDocument {
    width: 24%;
    height: 50px;
    border-radius: 0px;
    border: none;
}*/

/*#btnReturnInvoice {
    width: 24%;
    height: 50px;
}*/

/*#btnComplete {
    width: 24%;
    height: 50px;
}*/

/*.btnMasterPerformance {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}*/

#fileActionsList {
    min-height: 0em !important;
}




/*
    WKB PORTAL 2.0 CSS
*/


/*WK CSS 0.26.0 overrides*/


@media screen and (max-width: 900px) {
    .wk-custom-header-file {
        visibility: hidden;
        display: none;
    }
}

@media (max-width: 600px) {
    .wk-custom-sidebar {
        height: 100% !important;
    }

    .wk-main-content {
        margin-left: 16px !important;
        padding-right: 16px !important;
    }

    .wk-custom-breadcrumb-background-fix {
        visibility: hidden !important;
    }

    .wk-custom-breadcrumb-container {
        visibility: hidden !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .wk-custom-sidebar {
        width: 200px !important;
        margin-right: 20px !important;
    }
}

.wk-custom-header-file {
    margin-left: 14px;
    padding-left: 14px;
    margin-top: 20px;
    padding-top: 5px;
    display: inline-block;
    font-size: 1.4rem;
    border-left: 1px solid #474747;
    /*color: #474747;*/
    line-height: 35px;
}

.wk-content-filter-list li {
    margin-bottom: 0px !important;
}

    .wk-content-filter-list li.wk-active a {
        background-color: #DADADA !important;
        color: #757575 !important;
    }

.wk-custom-title {
    font-size: 1.4em;
    padding-bottom: 30px;
}

.wk-layout-25-75 {
    width: 100% !important;
    max-width: 100% !important;
}

.wk-page-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 1rem !important;
}

.wk-footer {
    margin-top: 0 !important;
}

.wk-custom-sidebar {
    height: 1250px;
    background-color: #ededed;
    margin-right: 25px;
    width: 260px;
    flex-shrink: 0;
}

.wk-custom-sidebar-fileinfo {
    height: 1350px;
    background-color: #ededed;
    margin-right: 0px !important;
}

.wk-custom-sidebar-userprofile {
    height: 1000px;
    background-color: #ededed;
    margin-right: 0px !important;
}

.wk-custom-main-content {
    display:flex;
}

.wk-custom-content {
    width:100%;
    overflow:auto;
}

.wk-content-filter-label {
    padding-left: 2rem;
}

.wk-custom-breadcrumb-container {
    padding-bottom: 48px;
    background-color: #f6f6f6;
}

.wk-custom-breadcrumb-background-fix {
    background-color: #f6f6f6;
    position: absolute;
    z-index: -1;
    height: 48px;
    right: 0;
    left:0;
}


/*DevExtreme overrides and custom CSS*/


.dx-overlay-content {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    max-width: 75rem;
}

.dx-popup-title {
    border-bottom: none !important;
}

.dx-list-item {
    border-top: none !important;
}

/*.accountPopup .dx-overlay-content {
    background-color: #474747 !important;
    border: none !important;
    color: #FFFFFF !important;
}

.accountPopup .dx-popover-arrow {
    display: none;
}

.accountPopup .dx-popup-content {
    padding: 0px !important;
}*/

/*.accountPopupActive {
    background-color: #474747;
    color: white !important;
}*/

#accountMenu .dx-list-item {
    background-color: #757575 !important;
    color: white !important;
    height:48px;
}

    #accountMenu .dx-list-item:hover {
        background-color: #909090 !important;
        color: white !important;
    }

#accountMenu .dx-list-item-content {
    padding-top: 15px;
}

#accountMenu [wk-icon="user"] {
    color: white;
}

#accountMenu [wk-icon="mail"] {
    color: white;
}

/*.dx-texteditor-input {
    padding-left: 32px !important;
}*/

.dx-colorbox-input {
    padding-left: 64px !important;
}

.dx-toolbar-items-container {
    height: 50px !important;
}

.dx-overlay-modal {
    background-color: rgba(0,0,0,0.5) !important;
}

/*dxDataGrid modifications*/


.gridRowButton {
    border: none !important;
    padding: 0px !important;
    background-color: transparent !important;
}

    .gridRowButton .dx-button-content {
        padding: 0px !important;
    }

.dx-datagrid-header-panel {
    border-bottom: none !important;
    padding-bottom: 15px;
}

.dx-datagrid-pager {
    border-top: none !important;
}

.dx-datagrid-adaptive-more:before {
    content: "" !important;
}

/*.dx-datagrid-adaptive-more:before {
    content: "\f107" !important;
    font-family: FontAwesome;
    font-size: 22px;
    color: rgba(28,28,28,0.5);
}

.dx-datagrid-adaptive-more:hover:before {
    color: rgba(28,28,28,1) !important;
}*/

[wk-icon="chevron-down"] {
    color: rgba(229,32,46,0.5);
    font-size: 15px;
    color: rgba(28,28,28,0.5);
}

    [wk-icon="chevron-down"]:hover {
        color: rgba(28,28,28,1) !important;
    }

[wk-icon="chevron-up"] {
    color: rgba(229,32,46,0.5);
    font-size: 15px;
    color: rgba(28,28,28,0.5);
}

    [wk-icon="chevron-up"]:hover {
        color: rgba(28,28,28,1) !important;
    }

[wk-icon="trash"] {
    /*color: rgba(229,32,46,0.5);*/
    color: rgba(0,0,0,0.5);
    font-size: 18px;
}

    [wk-icon="trash"]:hover {
        /*color: rgba(229,32,46,1);*/
        color: rgba(0,0,0,1);
        font-size: 18px;
    }

[wk-icon="alarm-clock"] {
    color: rgba(0,0,0,0.5);
    font-size: 16px;
}

    [wk-icon="alarm-clock"]:hover {
        color: rgba(0,0,0,1);
        font-size: 16px;
    }

[wk-icon="file-png"] {
    color: rgba(0,0,0,0.5);
    font-size: 16px;
}

    [wk-icon="file-png"]:hover {
        color: rgba(0,0,0,1);
        font-size: 16px;
    }

[wk-icon="download-line"] {
    color: rgba(0,0,0,0.5);
    font-size: 18px;
}

    [wk-icon="download-line"]:hover {
        color: rgba(0,0,0,1);
        font-size: 18px;
    }

.fa-file-pdf:before {
    color: rgba(0,112,195,1) !important;
    font-size: 18px;
}

    .fa-file-pdf:hover:before {
        color: #85bc20 !important;
        font-size: 18px;
    }

.dx-data-row td a [wk-icon="mail"] {
    color: rgba(0,0,0,0.5);
    font-size: 16px;
}

    .dx-data-row td a [wk-icon="mail"]:hover {
        color: rgba(0,0,0,1);
        font-size: 16px;
    }

/*.wk-header .wk-nav .wk-dropdown a:hover {
    background-color: rgba(71,71,71,1) !important;
}*/


/*dxPopup modifications*/

/*[wk-icon="close"] {
    color: rgba(117,117,117,0.5);
    font-size: 23px;
}

    [wk-icon="close"]:hover {
        color: rgba(117,117,117,1) !important;
        font-size: 23px;
    }*/

.wk-custom-popup-header {
    display: table;
    width: 100%;
}

.wk-custom-popup-header-space {
    display: table-cell;
    width: 100%;
    white-space: nowrap;
}

.wk-custom-popup-header-button {
    display: table-cell;
    width: 40px;
    white-space: nowrap;
}

.wk-custom-popup-closebutton {
    font-size: 23px;
    color: rgba(117, 117, 117, 0.5);
    padding: 15px;
}

.wk-custom-popup-content {
    display: block;
    margin-right: 0;
    right: 0;
}

.wk-custom-franziska {
    font-family: "Franziska", "Times New Roman", Times, serif;
    font-weight: 500;
    font-style: italic;
    color: #474747;
    font-size: 28px;
    line-height: 34px;
}

.wk-custom-form {
    padding: 30px 30px 18px 30px !important;
}

.wk-custom-backtologin {
    margin-top: 10px;
    color: #757575;
    text-align:center;
}

.wk-custom-field-error {
    color: #e5202e;
    font-size: .87891rem;
    font-style: italic;
}

[wk-icon="check-circle"] {
    color: #85bc20;
    font-size: 30px;
}

[wk-icon="close-circle"] {
    color: #e5202e;
    font-size: 30px;
}

[wk-icon="visible"] {
    color: rgba(0,0,0,0.25);
    font-size: 24px;
}

[wk-icon="invisible"] {
    color: rgba(0,0,0,0.25);
    font-size: 24px;
}

.password-visible-icon {
    float: right;
    right: 10px;
    margin-top: -38px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.dx-selectbox .dx-texteditor-input {
    padding-left: 15px !important;
}

/*.dx-textbox .dx-texteditor-input {
    padding-left: 15px !important;
}*/

.dx-numberbox .dx-texteditor-input {
    padding-left: 15px !important;
}

.dx-datagrid-search-panel .dx-texteditor-input {
    padding-left: 32px !important;
}

.dx-toolbar-button .dx-dropdownmenu-button {
    height: 50px !important;
    border-radius: 0px !important;
}

.dx-toolbar-button .dx-dropdownmenu-button .dx-button-content {
    padding-top: 16px;
}

.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
    border-color: transparent !important;
}

.dx-placeholder {
    left: 7px;
}

.dx-datagrid-search-panel .dx-placeholder {
    left: 0px !important;
}

.wk-custom-backbutton {
    height: 47px;
    vertical-align: middle;
    display: table-cell;
}

.wk-custom-backbutton-icon {
    font-size: 22px;
    vertical-align: middle;
    width: 25px;
    margin-left: 0px;
}

.wk-custom-backbutton-text {
    height: 24px;
    vertical-align: middle;
}

/*FileUploader customizations*/

.custom-upload .dx-fileuploader-button {
    border: none;
}

.custom-upload .dx-fileuploader-button-container {
    display: none;
}

.custom-upload .dx-fileuploader-wrapper {
    border: 3px dashed #DDDDDD !important;
}

.custom-upload .dx-fileuploader-input-wrapper .dx-state-hover {
    background-color: transparent !important;
}

.custom-upload .dx-fileuploader-input-wrapper .dx-state-active {
    background-color: transparent !important;
}

.custom-upload .dx-fileuploader-input-wrapper .dx-state-focused {
    background-color: transparent !important;
}

.custom-upload .dx-state-hover .dx-button-content .dx-button-text {
    color: #85bc20 !important;
}

.custom-upload .dx-button-content .dx-button-text {
    color: #007ac3;
}

.custom-upload .dx-button-text {
    margin-top: 2px;
    margin-right: 0px;
    font-size: 15px;
}

.custom-upload .dx-fileuploader-input-label {
    font-size: 16px;
    margin-left: -4px;
    padding-top: 7px !important;
    width: 585px;
}

.custom-upload .dx-button-content {
    padding-right: 0px !important;
}

.custom-upload .dx-fileuploader-input-container {
    width: 500px;
}

.custom-upload .dx-fileuploader-dragover .dx-fileuploader-input-container {
    border: solid 2px #007ac3 !important;
    background-color: #a6d1ea !important;
}

.custom-upload .dx-fileuploader-upload-button {
    display: none;
}

/*.custom-upload .dx-fileuploader-input-wrapper .dx-button {
    float: right;
}*/

.custom-upload .dx-fileuploader-files-container {
    margin-left: 10px;
}

.custom-upload .dx-fileuploader-file-name {
    color: #007ac3;
    cursor: pointer;
}

.custom-upload .dx-fileuploader-file-status-message {
    display: none;
}

.custom-file-status-errormessage {
    padding-top: 21px;
    color: red;
}

.custom-file-status-message {
    padding-top: 21px;
    color: #999999;
}

.custom-upload .dx-fileuploader-file-container {
    padding-right: 15px;
}

.custom-upload .dx-fileuploader-file {
    width: 500px !important;
}

.custom-upload .dx-fileuploader-file-info {
    width: 500px;
}

.custom-upload .custom-file-container {
    padding: 0px 4px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.custom-upload .custom-file-container-button {
    padding: 0px 2px;
    display: table-cell;
    vertical-align: middle;
}

.custom-upload .custom-file-container-icon {
    color: rgba(0,0,0,0.3);
    font-size: 25px;
}

.custom-upload .custom-file-container-icon:hover {
    color: rgba(0,0,0,1);
    font-size: 25px;
}

.uploadSwitchButton {
    width: 250px !important;
}

.uploadSwitchContainer {
    text-align: center;
}

.uploadSwitchTopButton {
    padding: 40px 0px 10px 0px;
}

.uploadSwitchMiddleButton {
    padding: 0px;
}

.uploadSwitchBottomButton {
    padding: 10px 0px 30px 0px;
}

.custom-file-container-icon [wk-icon="trash"] {
    color: rgba(0,0,0,0.3);
    font-size: 25px;
}

    .custom-file-container-icon [wk-icon="trash"]:hover {
        color: rgba(0,0,0,1);
        font-size: 25px;
    }


.purchases-payment-basket {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 55px;
}

.wk-badge.custom-failed {
    background-color: #FFFFFF !important;
    border: solid 1px #e5202e;
    color: #e5202e;
}

.wk-badge.custom-success {
    background-color: #FFFFFF !important;
    border: solid 1px #85bc20;
    color: #85bc20;
}

.wk-badge.custom-todo {
    background-color: #FFFFFF !important;
    border: solid 1px #474747;
    color: #474747;
}

.wk-badge.custom-green {
    background-color: #85bc20;
    border: solid 1px #85bc20;
}

.wk-badge.custom-orange {
    background-color: #ea8f00;
    border: solid 1px #ea8f00;
}

.wk-badge.custom-blue {
    background-color: #007AC3;
    border: solid 1px #007AC3;
}

.wk-badge.custom-purple {
    background-color: #940c72;
    border: solid 1px #940c72;
}

.wk-badge.custom-darkpurple {
    background-color: #241866;
    border: solid 1px #241866;
}

#UploadedFilesGrid .dx-cell-focus-disabled.dx-master-detail-cell.dx-last-data-cell {
    padding: 0px;
}

#UploadedFilesGrid .dx-cell-focus-disabled.dx-master-detail-cell{
    padding: 0px;
}

.master-detail-grid .dx-datagrid.dx-gridbase-container {
    background-color: #fafafa;
    margin-left: 65px;
}

.master-detail-grid .dx-datagrid-rowsview {
    border-top: none;
}

.master-detail-grid .dx-datagrid .dx-row-lines > td {
    border-bottom: none;
}

.dx-cell-focus-disabled.dx-master-detail-cell {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.dx-master-detail-row .dx-first-col.dx-last-col.dx-field-item.dx-col-0.dx-field-item-optional.dx-flex-layout.dx-label-h-align {
    padding: 0px !important;
}

#buttonBarAbsences.wk-button-bar {
    margin-right: 0px;
}

.paymentFormInvoicesGridRow {
    background-color: #F2F2F2;
}

#paymentModalInvoicesGrid .dx-scrollable-wrapper {
    background-color: #F2F2F2;
}

#paymentModalInvoicesGrid .dx-datagrid-pager {
    background-color: #F2F2F2;
}

#PaymentModalAddInvoicesGrid .dx-item.dx-toolbar-item.dx-toolbar-button {
    vertical-align: bottom;
}

.wk-content-filter-list.docs-content-filter-list .wk-badge {
    background-color: #007ac3;
    border-radius: 1rem;
    color: #fff;
    font-size: .77248em;
    font-weight: 700;
    padding: .125rem .5rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
    margin-right: 2rem;
}

.dashboard-state {
    color: #BFBFBF;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px;
}