body { font-family:Arial; font-size:13px; background:#fff;}
table.sr { border-spacing: 0px; border-collapse: separate; margin-top:20px; }
.sr th { background:#ddd; }	.sr td, .sr th { padding:4px; }
.sr tr:nth-child(odd) { background:#f9f9f9; } /* table */
.popuptextarea { width:100%; height:400px;}

.msg { background:#eee; padding:10px 20px; color:#111; font-size:1.2em; }
.msg_info { background:#FFF5B1;  }

/* NAVBAR from https://www.w3schools.com/howto/howto_css_searchbar.asp */
.topnav { overflow: hidden; background-color: #e9e9e9; }
.topnav a { float: left; display: block; color: black; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; }
.topnav a:hover { background-color: #ddd; color: black; }
.topnav a.active { background-color: #2196F3; color: white; }
.topnav .tnright { float: right;  }
.topnav input[type=text], .topnav .searchtabfield { padding: 6px; border: none; margin-top: 8px; margin-right: 16px; font-size: 17px; }

@media screen and (max-width: 600px) { 
	.topnav a, .topnav .tnright /*, .topnav input[type=text]*/ {   float: none;   display: block;   text-align: left;   width: 100%;   margin: 0;   padding: 14px; } 
	.topnav input[type=text] {   border: 1px solid #ccc; } 
}

/* form layout */
.lastupdate_ff_outer input { pointer-events:none; background:none; color:#111; border:none; }
.linkedcontactid_ff_outer { display:none; }
/*.linkedcontactid_ff_outer input { pointer-events:none; background:none; color:#111; border:none; }*/
.nextcall_ff_outer input { background: #FFF3A5; }
.sebayname_ff_outer input { background: #FFF3A5; font-weight:bold; }
.teammember_ff_outer select { background: #E3FFD6; }
.contactperson_ff_outer input { background: #D6F5FF; }
.stel_ff_outer input, .teldirect_ff_outer input { background: #D6F5FF; }

/* showrows layout */
.listcolumncolor1 { background: lightblue; }
.listcolumncolor1b { background: #DBC9F3; }
.listcolumncolor2 { background: lightgreen; }
.listcolumncolor2b { background: #68CB68; }
.listcolumncolor3 { background: #DE0434; color:white; }
.listcolumncolor3b { background: #F3849C; color:white; }
.listcolumncolor4 { background: lightyellow; }
.listcolumncolor5 { background: lightyellow; }
.listcolumncolor6 { background: #eee; }

.listcellcolor1 { background: lightblue; }
.listcellcolor1b { background: #DBC9F3; }
.listcellcolor2 { background: lightgreen; }
.listcellcolor2b { background: #68CB68; }
.listcellcolor3 { background: #DE0434; color:white; }
.listcellcolor3b { background: #F3849C; color:white; }
.listcellcolor4 { background: lightyellow; }
.listcellcolor5 { background: lightyellow; }
.listcellcolor6 { background: #eee; }

.listcelloutline3 { outline: 3px solid #F3849C; }

/* responsive columns - widths */
.wid-1, .wid-2, .wid-3, .wid-4, .wid-5, .wid-6, .wid-7, .wid-8, .wid-9, .wid-10, .wid-11, .wid-12, .wid-Apx { 
    	display:inline-block; }
.wid-1 {width:8.33%;} .wid-2 {width:16.66%;} .wid-3 {width:25%;}
.wid-4 {width:33.33%;} .wid-5 {width:41.66%;}.wid-6 {width:50%;}
.wid-7 {width:58.33%;} .wid-8 {width:66.66%;} .wid-9 {width:75%;}
.wid-10 {width:83.33%;}.wid-11 {width:91.66%;}.wid-12 {width:100%;}
.wid-Apx {width:350px;}

/* responsive columns */
/* @media only screen and (max-width: 768px) { */
 @media only screen and (max-width: 368px) {
    .wid-1, .wid-2, .wid-3, .wid-4, .wid-5, .wid-6, .wid-7, .wid-8, .wid-9, .wid-10, .wid-11, .wid-12, .wid-Apx { 
    	width:100%; display:block; } 
}