/*
  Fred's Lab Website
  (c) Frédéric Meslin 2016 - 2025
  All rights reserved
  email: info@fredslab.net
  Updater Styling
*/

/*****************************************************************************/
/* Blocks */
/*****************************************************************************/
.instructions {
	margin: 24px 0px;
	padding: 0px 24px;
    background-color: #282828;
	box-shadow: 0 0 4px black;
}

.instructions li {
	margin-bottom: 8px;
}

.updater {
    margin: 0px;
	margin-bottom: 48px;
    padding: 25px;
    background-color: #282828;
    box-shadow: 0 0 4px black;
}

.updater .row {
    margin-bottom: 20px;
}

.updater label {
    font-weight: bold;
    display: block;
    margin-bottom: 6px;
}

.updater select, .updater button {
	width: 100%;
    padding: 8px 16px;
	border: 0px solid;
	margin-bottom: 16px;
}
  
.updater button {
    background: #c10000;
    color: white;
    cursor: pointer;
    border: none;
    transition: 0.2s;
    margin-top: 5px;
	font-weight: bolder;
}

.updater button:hover {
    background: #ff0000;
}

/*****************************************************************************/
/* Custom controls */
/*****************************************************************************/
#changelog {
	padding: 16px;
	height: 128px;
	width: 100%;
	overflow-y: auto;
	white-space: pre-wrap;
	border: 1px solid #ccc;
	border-radius: 6px;
	display: inline-block;
	box-sizing: border-box;
}

#status {
    padding: 8px;
	width: 100%;
	margin-bottom: 16px;
    border-radius: 6px;
	border: 1px solid;
	display: inline-block;
	box-sizing: border-box;
}

#progressBar {
    width: 100%;
    height: 14px;
    margin-top: 8px;
    background: #eee;
    border-radius: 10px;
}

#progressBar div {
    width: 0%;
    height: 100%;
    background: #c10000;
	border-radius: 10px;
    transition: width 0.2s;
}