.mytext {
	border:0;
	padding:10px;
	background:whitesmoke;
}
.text{
	width:100%;
	display:flex;
	flex-direction:column;
}
.text > p:first-of-type{
	width:100%;
	margin-top:0;
	margin-bottom:auto;
	line-height: 13px;
	font-size: 12px;
	overflow-wrap: anywhere;
}
.text > p:last-of-type{
	width:100%;
	text-align:right;
	color:silver;
	margin-bottom:-7px;
	margin-top:auto;
}
.text-l{
	float:left;
	padding-right:10px;
}        
.text-r{
	float:right;
	padding-left:10px;
}
.macro{
	margin-top:5px;
	width:85%;
	border-radius:5px;
	padding:5px;
	display:flex;
}
.msj-rta{
	float:right;
	background:whitesmoke;
}
.msj{
	float:left;
	background:white;
}
.frame{
	background:#e0e0de;
	height:450px;
	overflow:hidden;
	padding:0;
}
.frame > div:last-of-type{
	position:absolute;
	bottom:0;
	width:100%;
	display:flex;
}
div:nth-child(2) > span{
	background: whitesmoke;
	padding: 10px;
	font-size: 21px;
	border-radius: 50%;
}
.msj-rta.macro{
	margin-left:1%;
}
.w20{
	width: 20%
}
.w40{
	width: 40%
}
.w50{
	width: 50%
}
.w80{
	width: 80%
}
.w100{
	width: 100%
}
.hide{
	display: none;
}
.user-talk-icone {
	height: 48px;
	position: absolute;
	margin-left: -7px;
	margin-top: -8px;
}
.myfont {
	font-size: 32px;
}
.nack {
	background: lightpink;
}
.ack {
	background: lightcyan;
}
.incall {
	background: lightgreen;
}
.fright {
	float: right;
}
.mymarg {
    margin: 4px;
}
/*
ul {
	width:100%;
	list-style-type: none;
	padding:18px;
	bottom:47px;
	display:flex;
	flex-direction: column;
	top:0;
}
li {
	width:100%;
}
*/
.msj:before{
	width: 0;
	height: 0;
	content:"";
	top:-5px;
	left:-14px;
	position:relative;
	border-style: solid;
	border-width: 0 13px 13px 0;
	border-color: transparent #ffffff transparent transparent;
}
.msj-rta:after{
	width: 0;
	height: 0;
	content:"";
	top:-5px;
	left:14px;
	position:relative;
	border-style: solid;
	border-width: 13px 13px 0 0;
	border-color: whitesmoke transparent transparent transparent;
}  
input:focus{
	outline: none;
}        
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #d4d4d4;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #d4d4d4;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #d4d4d4;
}
:-moz-placeholder { /* Firefox 18- */
	color: #d4d4d4;
}
.accordion-item {
	border-top: 1px;
}
.collapse {
	padding: 1.5rem;
}
.myradio {
	margin: 15px;
	margin-left: 0em !important;
}
/* On mouse-over, add a grey background color */
.myradiosel:hover input {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.myradiosel input:checked {
	background-color: #2196F3;
}
.mynumber {
	border: 1px solid #dee2e6;
	border-radius: 3px;
	margin: 3px;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	display: block;
	background-clip: padding-box;
	text-align: center;
	width: 170px;
	display: inline-block;
}
.mymaxwidth {
    max-width: 800px;
    margin: auto;
}
.status-ul {
  display: block;
  list-style-type: none;
  list-style-position: outside;
  margin: 3px 3px;
  padding-left: 40px;
}
.ncheck {
	list-style-image: url('delete.png');
}
.acheck {
	list-style-image: url('CHECKED.png');
}
.ucheck {
	list-style-image: url('HELP.png');
}
.split-row {
	display: flex!important;
	justify-content: space-between!important;
}
/* Overlay */
.overlay{ 
	position:fixed; 
	align-items:center; 
	inset:0; 
	background:rgba(0,0,0,0.45); 
	align-items:flex-start; 
	justify-content:center; 
	padding:20px; 
	z-index:9999; 
	display:flex;
	margin:0; 
	padding:20px;
}
/* Modal box */
.modal{
	width:660px;
	max-width:calc(100% - 40px);
	max-height: calc(100vh - 80px); /* begränsar popupens höjd */
	background:#fff;
	border-radius:6px;
	box-shadow:0 10px 30px rgba(0,0,0,0.25);
	margin-top:40px; /* default places it a bit down from top */
	overflow:hidden;
	display:flex;
	flex-direction:column;
	transform-origin:center top;
	animation:pop .18s ease-out;
}
@keyframes pop{ from{ transform:translateY(-6px) scale(.995); opacity:0 } to{ transform:none; opacity:1 } }
/* Header */
.modal-header{ padding:14px 16px; border-bottom:1px solid #eee; display:flex; align-items:center; justify-content:space-between; }
.modal-title{ font-weight:600; font-size:16px; margin:0; }

/* Close button (kryss) */
.modal-close{
    background:transparent; border:1px solid black; font-size:18px; line-height:1; cursor:pointer; padding:6px; border-radius:6px;
}
.modal-close:focus{ outline:2px solid Highlight; }

    /* Content area (scrolls if tall) */
.modal-body{ padding:16px; overflow:auto; }

    /* Footer */
.modal-footer{ padding:12px 16px; border-top:1px solid #eee; text-align:right; }

    /* Small screens: make modal use most width */
@media (max-width:520px){
	.modal{ width:calc(100% - 32px); margin-top:20px; border-radius:8px; }
}
body.noscroll {
	overflow: hidden;
}