html {
	/*background-image: linear-gradient(gainsboro, white);*/
  }
button, span,input {
    font-size:1rem;
    padding:5px 8px; 
	margin:5px;
}
button {
	background:#154094;
	border:none;
	color:white;
    
}
button:hover {
	background:#4b679f;
	box-shadow:0px 0px 3px #154094;
}
button:disabled {
    background: #d2d2d2;
}
p.P04{
	-webkit-text-decoration-line: line-through;   
	text-decoration-line: line-through;
}
 /*span:after {content:' :';}*/
 
 i[elstatus="inactive"] {
    color:gray;   
    font-size: x-large;
}
i[elstatus="active"] {
    color:  #d70000;
	text-shadow: 0px 0px 5px #5e00fc;
	font-size: x-large;
}
i.icofont-check-circled[elstatus="active"]{
    color: green;
	text-shadow: 0px 0px 5px green;
	font-size: x-large;
}

body {
    margin: 0px;
}
#container #buttons video {
	max-height:260px;
}
#container video {
    width: 100%;
    max-height: 100%;
}
#remotemessagetxthst {
	height:70px;overflow:auto;padding:8px;background:#dfdfdf;
}

div#messages_box {
    max-width: 250px;
    overflow: hidden;
}
.hide {
	display:none;
}
div#messages_box div,
div#messages_box input,
div#messages_box button {

margin:unset;
}
div#messages_box input,div#messages_box button {
display:inline;}
div#messages_box input {
width:70%;}
div#messages_box button {
width:22%;
padding:7px 1px;}

#all_cameras button, #all_cameras  span, #all_cameras input  {
	
	padding:2px 5px; 
	margin:unset;
}

div#buttons {
    max-width: 600px;
    overflow: hidden;
    margin: auto;
    text-align: center;
}
#buttons i{padding:20px;}
#media video {
	max-height:150px;width:auto;
}
div#all_cameras {display: grid;	grid-template-columns: auto auto;grid-gap:2px;}
.sector{background:#d3d3d3;overflow: hidden;}
.stream {display: grid;grid-template-columns: auto auto auto;grid-gap: 3px;   height: inherit;}

#container_exmnee{text-align:center;}
#buttons button {
	padding:8px 5px;
	margin-top:15px;
	width:250px;
	background: #164194;
	color: #fff;
	border: none;
	font-weight: bold;
}

#buttons a {
    text-decoration: none;
    font-weight: bold;
}

#buttons p a:hover,#buttons button:hover {
	background: #617395;
    text-decoration: none;
    font-weight: bold;
	transition-duration: 0.5s;
}
.dialog_r {
    text-align: right;
    
    
}

.dialog {
    display: grid;
	grid-template-columns: auto auto;
	padding: 5px;
}
p.examcontrols{
	padding:5px;
	margin:0px;
	text-align:center;
	position:fixed;
	top:0px;
	left:0px;
	background:white;
	opacity:.7;
	border-radius:0px 0px 10px 0px;
}

div[flt="yes"] {
    position: fixed;
    border: 3px dotted gray;
    top: 150px;
    left: 5%;
    width: 90%;
    height: 60%!important;
}
#examinframe {
	border:none;
	margin:0px;
	padding:0px;

}
.examcontrols span, .examcontrols p{ font-size:0.7rem;padding:3px;}
.examcontrols i {font-size: 1.1rem;}
#tlk01 {
    position: fixed;
    top: 0px;
	right: 0px;
	width:250px;
	background: #a6b9d1;
    border-radius: 0px 0px 0px 10px;
}
#tlk02 {
    position: fixed;
    bottom: -90px;
	right: 0px;
	width:230px;
	background: #a6b9d175;
	
	
    border-radius: 10px 0px 0px 0px;
}
#tlk02:hover {
    position: fixed;
    bottom: 0px;
	right: 0px;
	width:230px;
	background: #a6b9d175;
	
	
    border-radius: 10px 0px 0px 0px;
}