@import url('wi-layout.css ');
 @import url('wi-formatting.css');
 @import url('wi-fx.css');
 @import url('wi-components.css');

 /* @import url('../css/wi-components.css'); */

 html, body {
    margin: 0;
    padding: 0;
    display:flex;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

* {
    box-sizing: border-box;
    font-family: inherit;
}

:root {
    --wi-primary-color: rgb(111, 176, 79);
    --wi-primary-color-hover: rgba(118, 187, 83, 1);
    --wi-secondary-color: rgba(245, 185, 56, 1);
    --wi-tertiary-color: rgb(140, 140, 140);
    --wi-background-color: rgba(236, 236, 236, 1);
    --wi-form-bg-color: rgb(255, 255, 255);
}

.body-public {
    box-sizing: border-box;
    margin:auto;
    display:block;
    background-color: var(--background-color);
    background-image: url('/assets/images/branding/logo-small.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
} 

.body-secure {
    box-sizing: border-box;
    margin:auto;
    display:block;
    background-color: var(--background-color);
    background-image: url('/assets/images/branding/logo-small.png'); 
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

::ng-deep .dx-icon {
    scale:120%;
}

::ng-deep .dx-menu-item-popout-container, ::ng-deep .dx-menu-item-popout {
    color:rgb(0, 0, 0);
}


::ng-deep .dx-viewport.body-secure {
    height:100%;
}

.document-column-style {
    width:350px;
    height:fit-content;
}