/* =============================================================
	Common Stylesheet - common settings and adjustments
	Author: Hans Feichtenschlager
	File: fundament.css
	Year: 2024
 ============================================================= */

@media screen {

	/* ==============================================
	PART I – Common Styles
	============================================== */	
	body {
		background-color: white;
		color: black;
  		font-family: "Courier New";
  		font-size: 100%;
	}

	a {
		color: #5a8089;
		text-decoration: none;
	}

	a:hover,
	a:focus {
		color: #FF7560;
		text-decoration: none;
	}
	a:active {
		color: #FF7560;
		text-decoration: none;
	}

	/* ==============================================
	PART II – Page Related Styles Common
	============================================== */	
    .wrapper {
        width: 100%;
        height: auto;
    }

    .headline {
        float: left;
    }
    .headline-h3 h3 {
        color: #5a8089;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.1em;
        margin-bottom: 0.5em;
    }

    .heading-border {
        height: 1.9em;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        font: inherit;
        vertical-align: baseline;
    }

    .heading-inner-border {
        position: relative;
        border-color: #5a8089;
        display: block;
        width: 100%;
        margin-left: 15px;
        border-top-style: solid;
        border-top-width: 1px;
        top: 40%;
    }

    .info-box-blank {
        border-radius: 0.3rem;
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .info-box-common {
        border: solid 1px #5a8089;
        border-radius: 0.3rem;
        background-color: lightgrey;
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .info-box-error, .info-box-storno {
        border: solid 1px #FF7560;
        border-radius: 0.3rem;
        background-color: mistyrose;
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .info-border-storno {
        border: solid 1px #FF7560;
    }

    .info-box-admin {
        border: solid 1px darkgreen;
        border-radius: 0.3rem;
        background-color: lightgreen;
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .info-border-admin {
        border: solid 1px darkgreen;
    }

    .info-box-dated {
        border: solid 1px lightgrey;
        border-radius: 0.3rem;
        background-color: white;
        color: darkgrey;
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .info-box-logged {
        border: solid 1px darkorange;
        border-radius: 0.3rem;
        background-color: lightgoldenrodyellow;
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .but .info-border-admin {
        border: solid 1px lightgrey;
    }

    .grid-sub-header {
        font-weight: 600;
        margin-bottom: 0.15rem;
    }

    .grid-text {
        margin-bottom: 1rem;
    }

    .but-f {
        width: 10em;
        padding: 0.3em 0;
        margin: 0 0.2em;
        color: white;
        background-color: #5a8089;
        border: solid 1px white;
        border-radius: 3px;
    }

    .but-f:hover, .but-f:focus {
        color: #5a8089;
        background-color: white;
        border: solid 1px #5a8089;
    }

    .but-f:disabled {
        color: darkgrey;
        background-color: lightgrey;
        border: solid 1px white;
        cursor: not-allowed;
    }

    .ddown {
        margin-top: 0.15rem;
        margin-bottom: 0.15rem;
    }

} /* ---> end "@media screen" */

/* =============================================================
	END screen.css
 ============================================================= */