/*
 * 
 * private CSS 
 *
 */

body { min-height: 2000px; background-color:deepskyblue; }
.mytabstrip { background-color:lightgrey; } 
.logo { color:grey; font-size:16px; font-weight:500; padding: 0 5px 0 5px;  } 
.material-icons { /* font-size: large; */ }
.micons { font-size: 42px; color: gray; } 
h2.news_topic { font-size:25px; /* color: slategrey; */ }
p.news_text { /* color: slategrey; */ }
.diagonal-gradient { background: linear-gradient(to bottom right, gainsboro, lightgrey); }
.diagonal-gradient2 { background: linear-gradient(to bottom right, ghostwhite, grey); }
.bg {  }

div.inner_tab { margin:25px 0px 20px 20px; }
div.no_inner_tab { margin:0px 0px 40px 0px; }
div#tabstrip { border:none; }
/* .k-tabstrip .k-tabstrip-items { padding: .3em .25em 0; } */

fieldset.myfieldset { margin:2em 0 2em 0; border:none; background-color:rgb(255,255,255); }
fieldset.myfieldset label { float:left; margin:5px 0 3px 20px; width:200px; font-weight: normal; }
fieldset.myfieldset label.long { float:left; margin:5px 0 3px 20px; width:600px; font-weight: normal; }
fieldset.myfieldset p { margin: 1.0em 0 1.0em 0; }

fieldset.myfieldset2 { margin:1em 0 1em 0; border:none; background-color:rgb(255,255,255); }
fieldset.myfieldset2 label { float:left; margin:5px 0 3px 20px; width:200px; font-weight: normal; }
fieldset.myfieldset2 label.long { float:left; margin:5px 0 3px 20px; width:600px; font-weight: normal; }
fieldset.myfieldset2 p { margin: 1.0em 0 1.0em 0; }

#tm { cursor:pointer; }
#tmi { float:right;margin-right:10px;cursor:pointer; }

.special1 { background-color:rgb(255,255,255); padding:0px; font-size:12px; }
.myjumbo { background-color:deepskyblue; color:ghostwhite; } 
.mycontainer { margin-bottom:10px; } 

.mytext { /* color:white; */ }
.mybtn { background-color:lightsteelblue; } 

div.highlight { padding:15px 0px 20px 15px; margin:0px 0px 20px 16px; background-color:white; border-radius: 4px; }

blockquote { font-size: 100%; }

.dayofmonth { width: 40px; font-size:38px; line-height:38px; float:left; text-align:right; margin-right: 10px;  }
.dayofweek  {  }
.shortdate  {  }

.panel-body { background-color:#fdfcfc; } 

.tree ul { margin-left: 20px; }
.tree li { list-style-type: none; margin:10px; position: relative; }
.tree li::before { content: ""; position: absolute; top:-7px; left:-20px; border-left: 1px solid #ccc; border-bottom:1px solid #ccc; border-radius:0 0 0 0px; width:20px; height:15px; }
.tree li::after { position:absolute; content:""; top:8px; left:-20px; border-left: 1px solid #ccc; border-top:1px solid #ccc; border-radius:0px 0 0 0; width:20px; height:100%; }
.tree li:last-child::after  { display:none; }
.tree li:last-child:before{ border-radius: 0 0 0 5px; }
ul.tree>li:first-child::before { display:none; }
ul.tree>li:first-child::after { border-radius:5px 0 0 0; }
.tree li a { border: 1px #ccc solid; border-radius: 5px; padding:2px 5px; }
.tree li a:hover, .tree li a:hover+ul li a,
.tree li a:focus, .tree li a:focus+ul li a { background: #fff; color: #ccc; border: 1px solid #ccc; }
.tree li a:hover+ul li::after, .tree li a:focus+ul li::after,
.tree li a:hover+ul li::before, .tree li a:focus+ul li::before 
.tree li a:hover+ul::before, .tree li a:focus+ul::before 
.tree li a:hover+ul ul::before, .tree li a:focus+ul ul::before{ border-color: #ccc; /*connector color on hover*/ }