/*
* Notice: This source file was originally developed by Automatik IT, to make development of new projects more efficient, internally and externally for various clients.
* The functionality in this file is provided in source form instead of as a binary (NuGet Package etc.) to allow clients of Automatik IT to make changes on their own.
* Clients of Automatik IT have the right to modify this file and have ownership of the changes they make.
* Exclusive ownership of the original source file is not granted, as it's used in various projects for the sake of efficiency.
*/


/*
    A widget can be either a control or container.

    A WindowControl can be closed (unless top level).
     It has a Header, Body and Footer.
     The Header has a heading and a menu.

    A ListControl is datatable, must often in the Body by a Window

    A DetailsControl is a form, must often in the Body by a Window

    Windows are controlled by the Window Manager.
*/


/* WINDOW CONTROL */


.WindowControl header {
    flex-shrink: 0;
}


/* Title of the window */
.WindowControl header > h4 {
    /*
    font-family: 'Raleway', sans-serif;
    font-family: Arial, Helvetica, sans-serif;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    */
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-align: left;
    margin-top: -5px;
    
    margin-bottom: 0;
    
    -webkit-font-smoothing: antialiased !important;
    /*flex: 6;*/
    white-space: nowrap;
	
	display: inline-flex;        /* or flex if you want full width */
	align-items: center;         /* vertically centers items */
	gap: 0.2em;                  /* optional spacing */
	font-size: 32px;             /* example: large text */
}

/* Main content of the Window, made scrolling if needed. */
.WindowControl > .Body {
    padding: 0;
    /*margin-top: 5px;*/
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    /* Scrolling body when needed */
    /*max-height: calc(100vh - 270px);*/
    max-height: calc(100vh - 408px);
    overflow-y: auto;
    display: block;
    padding-left: 18px;
    padding-right: 18px;
}



/* Footer. Right align for instance Save button */
.WindowControl footer {
    display: flex;
    flex-wrap: wrap;
    padding: 0 18px 18px 18px;
    justify-content: space-between;
    flex-shrink: 0;
	gap: 1rem;
}

    .WindowControl footer > input:only-child {
        margin-left: auto;
    }

    .WindowControl footer > * {
        margin-top: 24px;
    }


	.WindowControl footer > :nth-child(2) {
	  margin-left: auto;
	}


/* Styled scrollbar used in WindowControls */

.WindowControl ::-webkit-scrollbar {
    background-color: transparent;
    /* Total width */
    width: 20px;
}

/* Background of the scrollbar except button or resizer */
.WindowControl ::-webkit-scrollbar-track {
    /*background-color: rgba(0,0,0,.03);*/
    background-color: transparent;
    
}

/* The scrollbar itself */
.WindowControl ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
    border-radius: 5px;
    background-clip: padding-box;
    border: 6px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    
}

    /* Highlight the scrollbar on hover */
    .WindowControl ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0,0,0,.4);
    }


/* Don't show buttons at the top and bottom of the scrollbar */
.Control ::-webkit-scrollbar-button {
    display: none
}