/* ######################################################## */
/* Page style sheet                                         */
/* ######################################################## */
@charset "UTF-8";

html
{
	background: darkgray;
}

/****************************
* Groups
****************************/

.colnLeft
{
    width: 25%;
    float: left;
    padding: 10px;
}

.colnCenter
{
    width: 50%;
    float: left;
    padding: 10px;
}

.colnRight
{
    width: 25%;
    float: right;
    padding: 10px;
}

div.pageCentr
{
    margin: auto;
    width: 800px;
}

.pageGrid3small
{
    display: grid;
    grid-template-columns: 100px auto 100px;
}

div.pageGroup
{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	/*overflow: hidden;*/
}

div.pageFrame
{
	border: 2px black solid;
	max-width: 400px;
}

label.pageComment
{
	font-style: italic;
}

/****************************
* Others
****************************/

h4.pageHeaderS
{
	margin-bottom: 0px;
	margin-top: 10px;
}

/****************************
* Form
****************************/

input[type=submit].btnFat
{
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    cursor: pointer;
    width: 100%;
}

input[type=submit].btnFat:hover
{
    opacity: 0.8;
}

input[type=submit].btnDisabled
{
    background-color: #D1D1D1;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    width: 100%;
}