.footline {
	background-color: #fefefe;
	color: #00336e;
	border-top: 1px, solid, #00336e;
	padding-top: 65px;
	padding-bottom: 65px;
}

/* Abschnitt für Initial View */

.initialRoundIcon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #00336e;
 	margin-right:1em;
}

.initialSvgInIcon {
	width: 25px;
    height: 25px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
}

.initialCallView {
	margin-top: 5em;
	margin-left:auto;
	margin-right:auto;
	padding-top: 1.5em;
	padding-bottom: 0.5em;
	max-width: 18em;
	height: auto;
	border-radius: 0.5rem;
	border-bottom-left-radius: 0em;
	background: rgba(242, 242, 242, 0.8);
	font-size: 1.1em;
	font-weight: 500;
}

.initialCallViewFormular {
	width:15em;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.initialCallViewInput {
	background: rgba(64, 64, 64, 1);
	font-size: 1.1em;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	font-family: "Asap", sans-serif;
	padding-left: 0.5em;
	border-style: none;
	margin-top: 0.2em;
}

.initialCallViewBarOne {
	margin-top: 0.6em;
	margin-left:0em;
	margin-right:0em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-bottom-left-radius: 0em;
	height: auto;
	font-size: 0.6em;
	font-weight: 500;
	text-align: center;
}

.initialCallViewBarTwo {
	margin-top: 0.7em;
	margin-left:0em;
	margin-right:0em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-bottom-left-radius: 0em;
	height: auto;
	font-size: 0.6em;
	font-weight: 500;
	text-align: center;
}

#deviceCheckInfo {
	text-align: center;
	font-size: 0.8em;
	font-weight: 700;
	color : red;
}

.initialCallViewTable { 
	display: table; 
	width: calc(100%);
}

.initialCallViewCell { 
	display: table-cell;
  	width: calc(50%);
}

#initialAudioCallButton { 
	cursor: pointer;
	margin-left:4em;
	margin-right:2em;
	display: flex;
	align-items: center;
	justify-content: center;
}

#initialVideoCallButton {
	cursor: pointer;
	margin-right:6em;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Abschnitt für View während Audio Call*/
.audioRoundIcon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #00336e;
	margin-left:auto;
	margin-right:auto;
}

.audioSvgInIcon {
	width: 25px;
    height: 25px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
}

.audioCallView {
	margin-top: 5em;
	margin-left:auto;
	margin-right:auto;
	width: 335px;
	height: auto;
	border-radius: 0.5rem;
	border-bottom-left-radius: 0em;
	background: rgba(242, 242, 242, 0.8);
}

.audioCallViewTable { 
	display: table; 
	width: 335px;
}

.audioCallViewCellOne { 
	display: table-cell;
  	width: 15px;
}

.audioCallViewCellTwo { 
	display: table-cell;
  	width: 120px;
	font-size: 0.6em;
	font-weight: 500;
	text-align: center;
}

.audioCallViewCellThree {
	display: table-cell;
  	width: 200px;
	text-align: center;
	font-size: 0.7em;
	font-weight: 500;
}

.audioCallViewMicBackground {
    width: 150px;
    height: 150px;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	margin-left:auto;
	margin-right:auto;
    background-color: rgba(64, 64, 64, 1);
}

.audioCallViewMicIcon {
	width: 100px;
    height: 100px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 25px;
}

#audioCallEndButton {
	cursor: pointer;
	margin-top: 2.7em;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

/* Abschnitt für View während Video Call*/
.videoRoundIcon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #00336e;
	margin-left:auto;
	margin-right:auto;
}

.videoSvgInIcon {
	width: 25px;
    height: 25px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
}

.appshareIcon {
	width: 60px;
    height: 45px;
    border-radius: 3px;
    background-color: rgba(61, 61, 61, 1);
	margin-left:auto;
	margin-right:auto;
}

.appshareSvgInIcon {
	width: 35px;
    height: 35px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
}

.videoCallView {
	margin-top: 5em;
	margin-left:auto;
	margin-right:auto;
	width: 600px;
	height: auto;
	border-radius: 0.5rem;
	border-bottom-left-radius: 0em;
	background: rgba(242, 242, 242, 0.8);
}

.videoCallViewTable { 
	display: table; 
	width: 600px;
}

.videoCallViewCellOne { 
	display: table-cell;
  	width: 15px;
}

.videoCallViewCellTwo { 
	display: table-cell;
  	width: 120px;
	background: rgba(166, 166, 166, 0.4);
	font-size: 0.6em;
	font-weight: 500;
	text-align: center;
}

.videoCallViewCellThree {
	display: table-cell;
  	width: 465px;
	text-align: center;
	font-size: 0.7em;
	font-weight: 500;
}

.videoRemoteExtendedRahmen { 
	position: fixed;
	margin:0; padding:0;
	top:0; left:0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-size: cover; 
    background-color:rgba(50, 50, 50, 0.8);
}

.videoRemoteExtended { 
	position: absolute;
	top:0; left:0; bottom:0; right:0;
	margin: auto;
	height: 95%;
	max-width: 90%;
	width: auto;
	z-index: 20;
    border-style:none;
    border-width:2px;
    border-color:rgba(127, 127, 127, 1);
}

.videoFullscreenToolBackground {
	position: absolute;
	top:0px;
	right:10px;
    width: 45px;
    height: 50px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    background-color: rgba(240, 240, 240, 1);
	z-index: 45;
}

.videoFullscreenToolBackgroundWithShare {
	position: absolute;
	top:0px;
	right:10px;
    width: 155px;
    height: 50px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    background-color: rgba(240, 240, 240, 1);
	z-index: 45;
}

.appshareIconExtVideo {
	margin:0;
	padding:0;
	position:absolute;
	cursor: pointer;
	top: 10px;
	right:60px;
	width: 100px;
    height: 35px;
    border-radius: 5px;
    background-color: rgba(61, 61, 61, 1);
	line-height: 7px;
	font-size: 10px;
	font-weight: 500;
	text-align: center;
	color: white;
	z-index:47;
}

.appshareSvgInIconExtVideo {
	width: 30px;
    height: 30px;
	margin-top:3px;
	margin-left:5px;
	margin-right:3px;
	float:left;
}

.closeFullScreenIcon {
	position: absolute;
	top:10px;
	right:15px;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background-color: rgba(61, 61, 61, 1);
	cursor: pointer;
	z-index: 50;
}

.closeFullScreenSvg {
	width: 25px;
    height: 25px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
}

.videoLocalExtended {
    position: absolute;
	width:210px;
    top:2px; left:2px;
    border-style:none;
    border-width:2px;
    border-color:rgba(127, 127, 127, 1);
	z-index:30;
}

#separateVideoButton {
	position:absolute;
	cursor: pointer;
	height:20px;
	width:20px;
	background-color: rgba(80, 80, 80, 1);
	z-index:1;
	margin-top:1em;
	margin-left:-40px;
	}

.videoCallEndButtonVielAbstand {
	cursor: pointer;
	margin-top: 2.7em;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.fullscreenSharingButtonVisible {
	cursor: pointer;
	margin-top: 2.0em;
	margin-bottom: 1.3em;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}


.videoLocalEmbedded {
    width:120px;
    margin-top:0.7em;
    border-style:none;
    border-width:2px;
    border-color:rgba(127, 127, 127, 1);
	z-index:-1;
}

.videoRemoteEmbedded {
	width: 450px;
	max-width: 450px;
	margin: 0.5em;
    border-style:none;
    border-width:2px;
    border-color:rgba(127, 127, 127, 1);
} 

#sharing-local {
	width: 450px;
	max-width: 450px;
	margin: 0.5em;
    border-style:solid;
    border-width:2px;
    border-color:rgba(127, 127, 127, 1);
} 



/* Abschnitt für View Conference Ende*/
.endRoundIcon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #00336e;
	margin-right:1em;
}

.endSvgInIcon {
	width: 25px;
    height: 25px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
}

.endView {
	margin-top: 5em;
	margin-left:auto;
	margin-right:auto;
	padding-top: 0.7em;
	padding-bottom: 0.5em;
	text-align: center;
	max-width: 15em;
	height: auto;
	border-radius: 0.5rem;
	border-bottom-left-radius: 0em;
	background: rgba(242, 242, 242, 0.8);
	font-size: 1.1em;
	font-weight: 500;
}

.endViewBarOne {
	margin-top: 0.6em;
	margin-left:0em;
	margin-right:0em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	height: auto;
	font-size: 0.6em;
	font-weight: 500;
	text-align: center;
}

#newConfButton {
	cursor: pointer;
	margin-top:0.5em;
	margin-bottom:0.5em;
	display: flex;
	align-items: center;
	justify-content: center;
}