input[type=submit] {
	border: 0px currentColor; border-image: none; height: 3em; cursor: pointer; background-color: rgb(53, 246, 89); 
}

input[type=button] {
	border: 0px currentColor; border-image: none; height: 3em; cursor: pointer; background-color: rgb(53, 246, 89); 
}

button {
	border: 0px currentColor; border-image: none; height: 3em; cursor: pointer; background-color: rgb(53, 246, 89);
}
button.green {
	border: 0px currentColor; border-image: none; height: 3em; cursor: pointer; background-color: rgb(53, 246, 89);
}

button.yellow {
	border: 0px currentColor; border-image: none; height: 3em; cursor: pointer; background-color: rgb(255, 255, 0);
}


button.blue_hold button.blue_interpose   button.blue_remove button.blue_monitor {
	border: 0px currentColor; border-image: none; height: 3em; cursor: pointer; background-color: rgb(0, 0, 245);
}


input[type=text] {
	min-width: 10em;
}
input[type=password] {
	min-width: 15em;
}
button.red {
	background-color: rgb(234, 75, 53);
}
label {
	margin: 0.5em 0px; text-align: left;display: inline ; 
}
ul {
	list-style: none; padding: 0px;
}
li {
	list-style: none; padding: 0px;
}
h1 {
	padding: 0px 4px; width: 45%; text-align: center; float: left; display: block;
}
body {
	background: rgb(245, 247, 247); font-family: sans-serif;
}
#config-form  {
	border-radius: 1em; border: 4px solid rgb(63, 68, 70); border-image: none; width: 35%; text-align: center; padding-left: 1%; padding-top: 1%;  float: left;
}
 
 
 #ua {
	border-radius: 1em; border: 4px solid rgb(63, 68, 70); border-image: none; width:45%; text-align: left; padding-left:1%; padding-top: 1%;padding-bottom: 1%;  float: left; clear:both;
}

 #dialog {
	border-radius: 1em; border: 4px solid rgb(63, 68, 70); border-image: none; width: 45%; text-align: left; padding-left:1%;  float: left;  clear:both;
}
.group {
	border-radius: 1em; border: 4px solid rgb(63, 68, 70); border-image: none; width: 40%;height: 80%; text-align: left; padding-left: 1%;padding-top: 1%; padding-bottom: 1%;   float: left; 
}
.monitor_group{
	border-radius: 10px; border: 4px solid rgb(63, 68, 70); border-image: none; width: 45%;height: 80%; text-align: left; padding: 5px;   float: left; 
}


 

#session-list {
	margin: 0px 0px 0px 1%; width: 45%; float: left; 
}
.session {
	border-radius: 1em; border: 4px solid rgb(234, 75, 53); border-image: none; text-align: center; clear: both; display: block;
}
.session h2 {
	font-weight: normal;
}
.session h2 strong {
	font-weight: bold;
}
.session .dtmf {
	display: inline-block;
}
.session .dtmf * {
	display: inline-block;
}
.session .dtmf input[type='text'] {
	width: 2em; text-align: center; min-width: 0em;
}
.session video {
	height: 0px; display: block; max-width: 100%;
}
.session video.on {
	height: auto; visiblity: visible;
}
.session .messages {
	overflow: auto; min-height: 2em; max-height: 10em;
}
.session .messages .local {
	width: 60%; text-align: right; color: rgb(95, 126, 224); clear: left; margin-right: 10%; float: right;
}
.session .messages .remote {
	width: 60%; text-align: left; color: rgb(0, 165, 59); clear: right; margin-left: 10%; float: left;
}
.session .messages .error {
	width: 60%; text-align: left; color: rgb(0, 165, 59); clear: right; margin-left: 10%; float: left;
}
.session .messages .error {
	color: rgb(234, 75, 53);
}
 
.started #config-form {
	display: none;
}
#config-form {
	display: block;
}
 
#templates {
		display: none;
	
	top: 10px;  
}


.fl{ float:left;}

.fr{ float:right;}
#target {
	width: 25em;
}
#hangup {
	background-color: red;
}
.call-control {
	height: 3em;
}
#dtmf-buttons button {
	margin: 1em 0px 0px; border-radius: 2px; border: 1px solid black; border-image: none; width: 3.8em; height: 3.8em; font-size: 1em; display: inline-block; background-color: white;
}
input {
	border-radius: 2px; border: 0px currentColor; border-image: none; height: 3em;
}
input[type=submit] {
	border: 0px currentColor; border-image: none; background-color: rgb(53, 246, 89);
}
input[type=checkbox] {
	height: auto;
}
#chat-box {
	border-radius: 2px; border: 1px solid black; border-image: none; width: 50em; height: 40em; position: relative;
}
#message-input {
	width: 100%; bottom: 1em; padding-top: 1em; border-top-color: black; border-top-width: 1px; border-top-style: solid; position: absolute;
}
#message {
	margin: 0px; padding: 1px; display: inline-block;
}
#message-submit {
	margin: 0px; padding: 1px; display: inline-block;
}
#message {
	width: 80%; margin-left: %1; border-top-right-radius: 0px; border-bottom-right-radius: 0px;
}
#message-submit {
	padding-right: 5px; padding-left: 5px; margin-left: -4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;
}
#log-container {
	height: 35em; overflow: scroll;
}
#remote-media {
	border-radius: 2px; border: 1px solid black; border-image: none;
}

.disnone {display: none;}

.paddingtb {
  padding-top: 10px;
  padding-bottom: 10px;
}