/* Customlayout CascadingStyleSheets for Layout: styleguide_3_sg_2023_V1_0*/

/* Überschreiben der Farben via CSS Variabeln */

/* Anpassung an Stadtfarben 

Vorher Grau:        #CCCCCC;
Neu gemäss Stadt:   #777775; Ist zu Dunkel, müsste auch die schrift angepasst werden
Hellgrau:           #efefeb; Ist zu Hell, fast kein Kontrast

*/

/* Auf der Startseite der Formulare die Überschrift E-Government ausblenden */
p#egovernment {
    display: none;
}


:root {
  --base-font-size: 12pt;

  --block-header-top-color: #777775;
  --block-header-btm-color: #777775; 

  --infoI-top-color: #148712;
  --infoI-btm-color: #0e5e0c;
  
  --infoText-header-top-color: var(--infoI-top-color);
  --infoText-header-btm-color: var(--infoI-btm-color);

  --ctrlbar-default-top-color: var(--block-header-top-color);
  --ctrlbar-default-btm-color: var(--block-header-btm-color);
  
  --navigation-highlight-color: var(--block-header-btm-color);
  --navigation-lighter-color: #75AEDF;
}

/* Schriftart generell anpassen */
body {
    font-family:Arial,Helvetica,sans-serif !important;
}


/* Zeilen Hover Farbe */
.row:hover, .block_table tbody tr:hover {
    background-color:#efefeb;
}

/* Schatten Felder Farbe */
.field input[type=text]:not(:disabled):hover, .field textarea:not(:disabled):hover, .field select:not(:disabled):hover, .field input[type=text]:not(:disabled):focus, .field textarea:not(:disabled):focus, .field select:not(:disabled):focus {
    box-shadow: 0px 0px 0.2em 0.1em #efefeb;
}

/* Radio Button Active/Hover Farbe */
.radio_wrap input:checked ~ .radio_rplc {
    background-color: #777775;
    box-shadow:inset 0px 0px 0.2em 0.1em #777775;
}

.radio_wrap:hover input:not(:checked):not(:disabled) ~ .radio_rplc {
  background-color: #ffffff;
  box-shadow: inset 0 0 0.2em 0.1em #efefeb;
}


/* Schriftart auf Kontrollseite und gesperrten Feldern anpassen */
.standard_disabled {
    font-family:Arial,Helvetica,sans-serif !important;
}

/* Info i IE 11 - Hintergrund */
/*
.info a{
	background-color: green;
}
*/

/* Info i PopUp IE 11 - Hintergrund */
/*
.infotext aside header{
	background-color: green;
}
*/

/* Label nicht Fett und grösser */
.label {
    font-weight:normal;
    font-size:16px;
}

/* Input Schrift anpassen */
.standard {
    font-family:Arial,Helvetica,sans-serif !important;
}

/* Infoschrift anpassen */
.infotextfixed {
    font-family:Arial,Helvetica,sans-serif !important;
}

.infotext {
    font-family:Arial,Helvetica,sans-serif !important;
}

/* Dienststelle - Normale Schrift */
.formheader_logo_heading
{
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-weight:normal;
	float:none;
}

/* Rahmen um den Block */
.block > fieldset > .legend {
	border: 1px solid #777775 !important; 
	background-color: #777775 !important;
	background: #777775 !important;
}

/* Rahmen um den Block */
.block {
    border: 1px solid #777775;	
}

/* Block Farbe schwarz */

.block > fieldset > .legend {
	display: block;
	width: 100%;
	line-height: inherit;
	margin: 0;
	border-bottom: 1px solid #777775;	
	background-image: -webkit-linear-gradient(top, var(--block-header-top-color) 0%, var(--block-header-btm-color) 100%) !important;
	background-image: -o-linear-gradient(top, var(--block-header-top-color) 0%, var(--block-header-btm-color) 100%) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--block-header-top-color)), to(var(--block-header-btm-color))) !important;
	background-image: linear-gradient(to bottom, var(--block-header-top-color) 0%, var(--block-header-btm-color) 100%) !important;
	background-repeat: repeat-x;
	position: relative;	
	border-top-left-radius: 0.175em;
	border-top-right-radius: 0.175em;
	color: black;
}

/* Dialog Button schwarz (Daten Laden) */

:not(:disabled).dialogButton:hover 
{
    background-color: #777775;
	color: white;
	border-color: #777775;
	background-image: none;
}

:not(:disabled).dialogButton
{
    background-color: #777775;
	color: white;
	border-color: #777775;
	background-image: none;
}

/* Weiter Button schwarz */

#controlbar button.default_action:not(:disabled), #controlbar button.highlight:not(:disabled), 
.block button.default_action:not(:disabled), .block button.highlight:not(:disabled), 
.repeatblock_control_bar button.default_action:not(:disabled), .repeatblock_control_bar button.highlight:not(:disabled), 
#controlbar button.default_action:not(:disabled), .commonButtons button.highlight:not(:disabled), 
.asButton.highlight:not(:disabled) {
	background-color: #777775;
	color: white;
	border-color: #777775;
	background-image: none;
}



#controlbar button.default_action:hover:not(:disabled), #controlbar button.default_action:focus:not(:disabled),
#controlbar button.highlight:hover:not(:disabled), #controlbar button.highlight:focus:not(:disabled),
.block button.default_action:hover:not(:disabled), .block button.default_action:focus:not(:disabled),
.block button.highlight:hover:not(:disabled), .block button.highlight:focus:not(:disabled),
.repeatblock_control_bar button.default_action:hover:not(:disabled), .repeatblock_control_bar button.default_action:focus:not(:disabled),
.repeatblock_control_bar button.highlight:hover:not(:disabled), .repeatblock_control_bar button.highlight:focus:not(:disabled),
.commonButtons button.default_action:hover:not(:disabled), .commonButtons button.default_action:focus:not(:disabled),
.commonButtons button.highlight:hover:not(:disabled), .commonButtons button.highlight:focus:not(:disabled),
.asButton.highlight:hover:not(:disabled), .asButton.highlight:focus:not(:disabled) {
	background-color: #777775;
    color: white;
    border-color:#777775;
    background-image: none;
}

#cm_form_data .block > fieldset > legend, #cm_form_data .cm_block h4{
    background-color:#777775;
    background-image:none;
}

/* Schiftfarbe anpassen schwarz/weiss */

/* Schaltfläche */
#next {
    color:white;   
}

/* Blocküberschrift */
.block-header {
    color:white;   
}

/* Logo links */
/* Logo bleibt rechts im Internet
.formheader_logo {
	float: none;
	margin-right: 2em;
}
*/