/*
Copyright 2023 Profware Systems - All rights reserved.
This code is a part of ARTData platform for OT and Edge.
This is a proprietary software of Profware Systems. 
The software copying, use, distribution, reverse engineering, disclosure and derivative works are prohibited unless explicitly allowed by Profware Systems through individual license agreement.
*/
html,body { 
    width: 100%; 
    height: 100%;
    overflow: hidden;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
    margin-right: 0em;
}

/* This is header that includes logo, spacer and user name with logout */
.artdata_header {
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
    margin-right: 0em;
    padding-bottom: 0em;
    background-color: #f0f0f0;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 50%;
    width:100%;  
    border-collapse: collapse;
}

/* This is ARTData icon */
div[type="artdata_header_png"] {
    position:relative;
    display:inline;
}

/* This is 4 cells table that contains user name and logout link */
div[type="artdata_header_login_control_table"] {
    position:relative;
    display:inline;
}

/* Static text */
div[type="artdata_header_static_text"] {
    position:relative;
    display:inline-table;
    font-size: 12px;
}

/* User name */
div[type="artdata_header_username"] {
    position:relative;
    display:inline-table;
    font-size: 12px;
    font-weight: bold;
}

/* User logout link */
div[type="artdata_header_user_logout"] {
    position:relative;
    display:inline-table;
    font-size: 12px;
    font-style: italic;
}

/* This is background section behind container */
.artdata_background {
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
    margin-right: 0em;
    min-height: 100vh;
    width:100%;
    background-color: #c3c9cf;
    background-position: center;
    background-size: cover;
}

/* This is container that includes table with redirection buttons */
.artdata_container {
    display:block;
    width: 39em; 
    min-height: 30em;
    padding: 1em;
    overflow:hidden;
    background-color: #ffffffc9;
    border-radius: 2em;
    position: relative;
    transform: translateY(20%);
}


/* This is Profware Systems copyright text */
.copyright_artdata {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 75%;
    color: #005184;
    position: absolute;
    bottom: 15px;
    right: 10px;
}

/* This is table settings for padding */
.artdata_button_cell {
    padding: 1em;
}

/* This is Grafana redirection button */
button[type="image_grafana"] {
    width: 9em; 
    height: 9em;
    background: url(../img/grafana_button.png) no-repeat center;
    background-position: center;
    background-size:9em;
    background-color: #e0dfdfc9;
    border-radius: 0.9em;
    border-width: 0.1em;
    border-color: #00153bc9;
}

button[type="image_grafana"]:hover {
    background-color: #ffe9d480;
    transition:.5s;
}

/* This is pgAdmin4 redirection button */
button[type="image_postgresql"] {
    width: 9em; 
    height: 9em;
    background: url(../img/postgresql_button.png) no-repeat center;
    background-position: center;
    background-size:9em;
    background-color: #e0dfdfc9;
    border-radius: 0.9em;
    border-width: 0.1em;
    border-color: #00153bc9;
}

button[type="image_postgresql"]:hover {
    background-color: #c3d6e686;
    transition:.5s;
}

/* This is k8s redirection button */
button[type="image_k8s"] {
    width: 9em; 
    height: 9em;
    background: url(../img/k8s_button.png) no-repeat center;
    background-position: center;
    background-size:9em;
    background-color: #e0dfdfc9;
    border-radius: 0.9em;
    border-width: 0.1em;
    border-color: #00153bc9;
}

button[type="image_k8s"]:hover {
    background-color: #7a99ff62;
    transition:.5s;
}

/* This is Django user control redirection button */
button[type="image_useraccess"] {
    width: 9em; 
    height: 9em;
    background: url(../img/useraccess_button.png) no-repeat center;
    background-position: center;
    background-size:9em;
    background-color: #e0dfdfc9;
    border-radius: 0.9em;
    border-width: 0.1em;
    border-color: #00153bc9;
}

button[type="image_useraccess"]:hover {
    background-color: #e67da544;
    transition:.5s;
}

/* This is Artdata Database Controls redirection button */
button[type="image_databasecontrols"] {
    width: 9em; 
    height: 9em;
    background: url(../img/databasecontrols_button.png) no-repeat center;
    background-position: center;
    background-size:9em;
    background-color: #e0dfdfc9;
    border-radius: 0.9em;
    border-width: 0.1em;
    border-color: #00153bc9;
}

button[type="image_databasecontrols"]:hover {
    background-color: #e9f1ff;
    transition:.5s;
}

/* This is Artdata Data Processing redirection button */
button[type="image_dataprocessing"] {
    width: 9em; 
    height: 9em;
    background: url(../img/dataprocessing_button.png) no-repeat center;
    background-position: center;
    background-size:9em;
    background-color: #e0dfdfc9;
    border-radius: 0.9em;
    border-width: 0.1em;
    border-color: #00153bc9;
}

button[type="image_dataprocessing"]:hover {
    background-color: #e9f1ff;
    transition:.5s;
}

/* This is Artadata OPC UA Interface redirection button */
button[type="image_opcuainterface"] {
    width: 9em; 
    height: 9em;
    background: url(../img/opcuainterface_button.png) no-repeat center;
    background-position: center;
    background-size:9em;
    background-color: #e0dfdfc9;
    border-radius: 0.9em;
    border-width: 0.1em;
    border-color: #00153bc9;
}

button[type="image_opcuainterface"]:hover {
    background-color: #e9f1ff;
    transition:.5s;
}

/* This is Artdata REST API Interface redirection button */
button[type="image_restapiinterface"] {
    width: 9em; 
    height: 9em;
    background: url(../img/restapiinterface_button.png) no-repeat center;
    background-position: center;
    background-size:9em;
    background-color: #e0dfdfc9;
    border-radius: 0.9em;
    border-width: 0.1em;
    border-color: #00153bc9;
}

button[type="image_restapiinterface"]:hover {
    background-color: #e9f1ff;
    transition:.5s;
}

/* This is Artdata File Transfer redirection button */
button[type="image_filetransfer"] {
    width: 9em; 
    height: 9em;
    background: url(../img/filetransfer_button.png) no-repeat center;
    background-position: center;
    background-size:9em;
    background-color: #e0dfdfc9;
    border-radius: 0.9em;
    border-width: 0.1em;
    border-color: #00153bc9;
}

button[type="image_filetransfer"]:hover {
    background-color: #e9f1ff;
    transition:.5s;
}

/* This is Artdata License Manager redirection button */
button[type="image_licensemanager"] {
    width: 9em; 
    height: 9em;
    background: url(../img/licensemanager_button.png) no-repeat center;
    background-position: center;
    background-size:9em;
    background-color: #e0dfdfc9;
    border-radius: 0.9em;
    border-width: 0.1em;
    border-color: #00153bc9;
}

button[type="image_licensemanager"]:hover {
    background-color: #e9f1ff;
    transition:.5s;
}