@import url('gt-layout.css ');
@import url('gt-formatting.css');
@import url('gt-fx.css');
@import url('gt-components.css');
@import url('gt-layout-grid.css');
@import url(' gt-component-buttons.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 {
    --primary-color: rgb(111, 176, 79);
    --primary-color-hover: rgb(120, 191, 80);
    --secondary-color: rgba(245, 185, 56, 1);
    --tertiary-color: rgb(140, 140, 140);
    --background-color: rgba(236, 236, 236, 1);
    --form-bg-color: rgb(255, 255, 255);
    --warning-color: rgb(222, 87, 87);

    --gt-primary-color: rgb(111, 176, 79);
    --gt-primary-color-hover: rgb(120, 191, 85);
    --gt-secondary-color: rgba(245, 185, 56, 1);
    --gt-secondary-color-hover: rgb(248, 203, 105);
    --gt-tertiary-color: rgb(140, 140, 140);
    --gt-tertiary-color-hover: rgb(169, 169, 169);
    --gt-background-color: rgba(236, 236, 236, 1);
    --gt-background-color-hover: rgb(242, 242, 242);
    --gt-form-bg-color: rgb(255, 255, 255);
    --gt-warning-color: rgb(222, 87, 87);
    --gt-warning-color-hover: rgb(219, 112, 112);
    --gt-white: white;
    --gt-base-background-color: #D7D7D7;
    --gt-base-background-color-hover: #d8d8d8;

    --gt-tab-background-color: #CCCCCC;
    --gt-tab-background-color-hover: #cfcfcf;


    --gt-list-btn-add: rgb(231, 231, 231);
    --gt-list-btn-add-hover: rgb(211, 211, 211);

}

.body-public {
    box-sizing: border-box;
    margin: auto;
    display: block;
    background-color: var(--gt-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(--gt-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;
}