html *
{
    box-sizing: border-box;
}

body, form
{
    margin:0;
}

body, table, button, table select
{
    font-size: 14px;
    font-size: 1.4vh;
    font-family: sans-serif;
    font-family: var(--body-font-family);  
}

div.desktop
{
    width:100%;
    height:100vh;
    background-color: #F3F3F3;
    background-color: var(--desktop-bg-color);
    border:0;
    background-image: url(img/pacellico-red.svg);
    background-size: 10% auto;
    background-repeat: no-repeat;
    background-position: 98% 98%;
    box-sizing: border-box
}

div.desktop div.Window:not(.maximized)
{
    -webkit-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 23px 0px rgba(0,0,0,0.75);
}

div.desktop div.Window.maximized
{
    width:100%;
    height:100%;
    top:0%;
    left:0%;
}

div.desktop div.Window.maximized div.ui-resizable-handle.ui-resizable-e
{
    right: 0
}

div.desktop div.Window div.titleBar
{
    background-color: #C53040;
    background-color: var(--main-solid-color);
    color: #FFF;
    color: var(--main-white-color);
    font-family: sans-serif;
    font-family: var(--title-font-family);
    letter-spacing: var(--title-letter-spacing);
    padding: 5px; padding: 0.5vh;
    padding-left: 8px; padding: 0.8vh; 
    font-size: 20px;font-size: 2vh;
    font-weight:bold;
    height: 40px; height: 4vh;
    position:relative;
    box-sizing: border-box;
    cursor:grab;
}

div.desktop div.Window div.titleBar > span
{
    max-width: calc(100% - 6vh);
    display:inline-block;
    overflow:hidden
}

div.desktop div.Window div.titleBar div.closeButton,
div.desktop div.Window div.titleBar div.minButton,
div.desktop div.Window div.titleBar div.maxButton,
div.desktop div.Window div.titleBar div.fullButton
{
    height:34px;height:3vh;
    width:34px;width:3vh;
    float:right;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    cursor:pointer;
    margin-top: -2px; margin-top: -0.2vh;
    margin-right: -3px; margin-right: -0.3vh;
}

div.desktop div.Window div.titleBar div.closeButton
{
   background-image: url("img/closeIconBigger.png");
}

div.desktop div.Window div.titleBar div.minButton
{
   background-image: url("img/minIconBigger.png");
}

div.desktop div.Window div.titleBar div.maxButton
{
   background-image: url("img/maxIconBigger.png");
}

div.desktop div.Window.maximized div.titleBar div.maxButton
{
    background-image: url("img/restoreIconBigger.png");
}

div.desktop div.Window.maximized div.titleBar div.fullButton
{
    background-image: url("img/fullScreen.png");
    background-size: 90%;
}

div.desktop div.Window div.body
{
    background-color: #FCFCFC;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding: 5px; padding: 0.5vh;
    box-sizing: border-box;
    display: inline-block;
    width:100%;
    position:relative;
}

div.desktop div.Window:not(.autoheight) div.body
{
    height: calc(100% - 34px);
    height: calc(100% - 4vh);
}

div.desktop div.Window.autoheight div.body
{
    min-height: 10vh;
}

div.desktop div.Window.autoheight div.body
{
    min-height: 70px;
    min-height: 7vh;
}

div.desktop div.Window input:not([type='checkbox'])
{
    background-color: white;
    border: 1px solid #CCC;
    font-size:1em;
}


div.desktop .btn,
div.desktop .pure-button
{
    border: 0;
    font-family: sans-serif;
    font-family: var(--title-font-family);
    letter-spacing: 4px;letter-spacing: 0.4vh;
    padding: 6px; padding: 0.6vh;
    padding-left: 8px; padding-left: 0.8vh;
    text-align: center;
    
    box-sizing: border-box;
    border: 1px solid;
    padding-top:0.5em;
    padding-bottom:0.5em;
}

div.desktop .btn:not(:disabled),
div.desktop .pure-button:not(:disabled)
{
   cursor: pointer;
}

div.desktop button.btn:disabled,
div.desktop button.pure-button:disabled
{
   background-color: #AAA;
   color: #666;
   cursor: not-allowed;
}

div.desktop .btn.btn-primary:not(:disabled),
div.desktop .pure-button-primary:not(:disabled),
div.desktop .btn.fileinput-button:not(:disabled)
{
    background-color: #C53040;
    background-color: var(--main-solid-color);
    background-color: #C53040;
    border-color: var(--main-solid-color);
    color: #FFF;
    color: var(--main-white-color);
    
}

div.desktop .btn.fileinput-button.uploading
{
    background-color: #9F9;
    border: 1px solid green
}

div.desktop .btn.btn-primary:hover:not(:disabled),
div.desktop .pure-button-primary:hover:not(:disabled)
{
    border: 1px solid black;
    background-color: #A92938;
    background-color: var(--main-solid-color-darker);
}

div.desktop .pure-button-secondary
{
    border: 1px solid black;
    background-color: #FFF;
    border-color: var(--main-solid-color-darker);
    color: black;
    color: var(--main-solid-color-darker);
}

div.desktop .pure-button-warning
{
    border: 1px solid red;
    background-color: var(--warning-background);
    border-color: var(--warning-border);
    color: red;
    color: var(--warning-border);
}

div.desktop .pure-button-warning:hover
{
    border: 1px solid black;
    background-color: var(--warning-border);
    border-color: var(--warning-background);
    color: red;
    color: var(--warning-background);
}

div.desktop.Pacellico div.window.loading.waiting>div.body
{
    background-image:url("img/loading.gif")
}

div.desktop > div.minimizedWindowBar
{
   
    position:absolute;
    width: calc(100% - 10vh);
    bottom: 4vh;
    left: 10vh;
    height: fit-content;

}

div.desktop > div.minimizedWindowBar > div.Window.minimized
{
    position:relative;
    width:10vh;
    height: 10vh;
    overflow:hidden
}

div.desktop > div.minimizedWindowBar > div.Window.minimized div.titleBar
{
    font-size: 50%;
}

div.desktop > div.minimizedWindowBar > div.Window.minimized div.titleBar > div 
{
    display:none;
}
    
div.desktop > div.minimizedWindowBar > div.Window.minimized > div.body
{
    padding:0
}

div.desktop > div.minimizedWindowBar > div.Window.minimized > div.body > div.minimizedWindowCover
{
   height:100%;
   background-color:white;
   position:absolute;
   top:0;
   width:100%;
}

div.desktop > div.minimizedWindowBar > div.Window.minimized > div.body > div.minimizedWindowCover:hover
{
    background-color: rgba(0,0,0,0.8);
    background-image: url(../vendor/kgcubed/kgcubed_greenfield/x/css/img/restore.png);
    background-size: contain;
    background-repeat:no-repeat;
    background-position: center;
}

a.link, a.action-link
{
    color:blue;
    text-decoration:underline;
    cursor:pointer;
}

a.link:hover, a.action-link:hover
{
    color: #00A;
}

ul.radios
{
    list-style-type: none;
}