@charset "utf-8";
/* CSS Document */

.headline{
    margin-top:20px;
}

.bodyline{
    margin-top:40px;
}

.btn-primary {
    color: #fff;
    background-color: #d22630;
    border-color: #d22630;
    float:right;
}

.inputfields > .btn-primary
{
	width:100%;
	float:left  !important;
}
.inputfields > .inputplz
{
	width:100%;
	padding:6px;
}

.btn-primary:hover {
    background-color: #af2028;
    border-color: #af2028;
}

.inputplz:focus {
	outline: none;
	border: 2px solid black;
}

.btn-secondary {
    color: #fff;
    background-color: #cccccc;
    border-color: #000000;
    float: right;
}

.spacer{
    margin-left:30px !important;
}

.btn-type{
	color: #fff;
    background-color: #000000;
    border-color: #fff;	
}

.taktive{
    background-color: #d22630 !important;
    border-color: #000000 !important;	
}


/* Ein und ausblenden */
.activeCheckbox{
    display:block;
}

.inactiveCheckbox{
    display:block;
}

.placerbox{
    height: 60px;
}


.firstpage{
    display:block;
}

.secondpage {
    display: none;
}

.thirdpage{
    display:none;
}

.hide{
    display: none !important;
}

.redlight {
	background: radial-gradient(circle, rgba(255,79,79,1) 0%, rgba(226,42,10,1) 100%) !important;
}
.yellowlight {
	background: radial-gradient(circle, rgba(255, 249, 64,1) 0%, rgba(221, 217, 0,1) 100%) !important;
}
.greenlight {
	background: radial-gradient(circle, rgba(36,218,63,1) 0%, rgba(1,158,3,1) 100%) !important;
}
.element_icon {
	float: left;
	margin: 3px !important;
	padding-top: 20px !important;
	padding-bottom: 0px !important;
	padding-right:20px !important;
	padding-left: 0px !important;
	border-radius: 150px;
	border: 3px ridge DarkGray;
}
.element_btn {
	color:white;
	font-family: Frutiger LT Com !important;
	padding:12px;
	margin:0px;
	background-color: DarkGray;
}

body {
	font-family: Frutiger LT Com !important;
	
}

@font-face {
	font-family: 'Frutiger LT Com';
	src: url('./fonts/FrutigerLTPro-LightCn.ttf');
	format('truetype');
}

.subtitle {
	background-color:white;
	padding: 10px 15px 10px 15px;
	max-width:600px;
	-webkit-box-shadow: 1px 2px 4px -1px gray;
	-moz-box-shadow: 1px 2px 4px -1px gray;
	box-shadow: 1px 2px 4px -1px gray;
}

.entry {
	/*border: 1px solid black;
	padding: 5px 10px 5px 10px;*/
	
	margin-bottom: 10px;
}
	
.highlight:hover {
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,1);
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,1);
}

.headline >  hr {
	max-width:600px;	
}

.private.showhidebtn{
	border: 2px outset DarkGray;
	background-color:white;
}
.private.showhidebtn.pressed{
	border: 2px inset DarkGray !important;
	background-color:white;
}

.showhidebtn
{
    transition: all 0.2s ease-in-out;
}


.showhidebtn span:after{
  content: '\F282';
  float:right;
  font-size: 18px;
  line-height: 30px;
  font-family: "bootstrap-icons";
  transition: all 0.2s ease-in-out;
}

.showhidebtn.pressed span:after{
  transform: rotateZ(-180deg);
}

.showhidebtn:hover{
	cursor:pointer;
}

/* .showhidebtn:hover > i{
	background: radial-gradient(circle, rgba(224,255,255,1) 0%, rgba(176,224,230,1) 100%) ;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(176,224,230,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(176,224,230,1);
	box-shadow: 0px 0px 8px 1px rgba(176,224,230,1);
} */

.showhidebtn:hover > i.iconglowred{
	background: radial-gradient(circle, rgba(255,119,119,1) 0%, rgba(246,82,50,1) 100%);
	-webkit-box-shadow: 0px 0px 8px 1px rgba(246,82,50,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(246,82,50,1);
	box-shadow: 0px 0px 8px 1px rgba(246,82,50,1);
	border-radius: 15px;
}

.showhidebtn:hover > i.iconglowyellow{
	background: radial-gradient(circle, rgba(255, 249, 64,1) 0%, rgba(221, 217, 0,1) 100%);
	-webkit-box-shadow: 0px 0px 8px 1px rgba(221,217,0,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(221,217,0,1);
	box-shadow: 0px 0px 8px 1px rgba(221,217,0,1);
	border-radius: 15px;
}

.showhidebtn:hover > i.iconglowgreen{
	background: radial-gradient(circle, rgba(36,218,63,1) 0%, rgba(1,158,3,1) 100%) ;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(1,158,3,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(1,158,3,1);
	box-shadow: 0px 0px 8px 1px rgba(1,158,3,1);
	border-radius: 15px;
}

.disabled > .viewbar{
	cursor:default !important;
}

.showhide:hover{
	cursor:pointer;
}


.showhidefield > .messagetext
{
	margin: 0px 10px 0px 10px;
	padding-left: 5px;
}

.showhide.shorttext {
	padding: 10px 10px 10px 15px;
}

.shorttext > label {
	cursor: pointer !important;
}

.btn_jumping
{
	width:100%;
	height:30px;
	background-color:white;
	color:black;
	border:1px solid black;
	box-shadow: 1px 2px 4px -1px gray;
}

.showhide_hidden{
/* 	transition: all 0.2s ease-in-out;
	display: none; */
	height: 0;
	overflow: hidden;
}

.showhidefield {
	transition: height .35s ease;
}

.headline > .entry {
	background-color:rgb(246, 249, 252);
	-webkit-box-shadow: 1px 2px 4px -1px gray;
	-moz-box-shadow: 1px 2px 4px -1px gray;
	box-shadow: 1px 2px 4px -1px gray;
}

.showhidefield > .entry {
	background-color:white;
	/* margin-left: 10px ;
	max-width:580px;	*/
	margin: -10px 0px 30px 0px; 
	max-width:600px;
	
	-webkit-box-shadow: 1px 2px 4px -1px gray;
	-moz-box-shadow: 1px 2px 4px -1px gray;
	box-shadow: 1px 2px 4px -1px gray;
}

.ggaicons {
	width:24px;
	height:22px;
	background-color: #d22630;
	padding: 2px 3px 2px 3px;
	border: 2px outset #d22630;
}

input[type='text']:read-only {
	background-color: Gainsboro !important;
}

.serviceicon {
	font-size: 16px;
}

.incidentlist {
	background-color: rgb(246, 249, 252);
	padding:20px;
}