html{width:100%}

body{
    --rst-line-color: #000000;
    --rst-connector-stroke: rgba(0,0,0,0.5);
}

body[data-jp-theme-light="false"],
body.jp-mod-theme-dark,
body[data-jp-theme-name*="Dark" i]{
    --rst-line-color: #ffffff;
    --rst-connector-stroke: rgba(255,255,255,0.65);
}

@media (prefers-color-scheme: dark){
    body:not([data-jp-theme-light="true"]):not(.jp-mod-theme-light){
        --rst-line-color: #ffffff;
        --rst-connector-stroke: rgba(255,255,255,0.65);
    }
}

.edu{width: 96px;
    display:inline-block;text-align:center; border-top:solid; margin:3px;vertical-align:top;position: absolute; 	word-wrap: break-word;
    font-family: sans-serif; font-size:9pt;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 2;
    }

.whisker{border-left: solid; border-right: solid; height:2px;display: table-cell;margin:0;border-collapse:collapse}

.group{border-top:solid; margin:3px; display:block;text-align:center;float:left; min-height:10px; position:absolute; height: 20px}
.num_id{min-height: 100px; color:#009933;font-family: sans-serif; font-size:9pt; z-index: 30; font-weight:bold;border: 1px solid transparent;margin:1px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;}
.num_id:hover{cursor:move}

/*.num_cont{position:absolute;width:78px;top:1;height:20px}*/
.num_cont{position:absolute;width:78px;height:20px;padding-top:3px; z-index:40;
    display:flex;align-items:center;justify-content:center}
.edu_num_cont{top:1;margin-top:1px;text-align:center;width:100%; z-index:200;
    display:flex;align-items:center;justify-content:center}

.edu:hover{border-color: red;}
.group:hover{border-color: red;}
.num_cont:hover .num_id{border: 1px solid red;border-color: red;z-index:200}
.group:hover .whisker{border-color: red;}
.edu .num_id{z-index:200}
.edu:hover .num_id{border: 1px solid red;border-color: red}
.edu:hover .whisker{border-color: red;z-index:200}
.group:hover .whisker{border-color: red;}

.warn{color:red;font-weight:bold}
select {font-size: 8pt; color:red; z-index:10; background-color: rgba(256, 256, 256, 0.85);}
select.doclist {font-size: 10pt; color:black; }

.banner table{}
.banner td {vertical-align:top;white-space: nowrap;line-height:0pt}
.banner tr {   height: 0px; }

.banner a {color: white}
.banner a:hover{text-decoration:none}

body {margin:0px; width:100%;
font-family: Verdana, sans-serif;
font-size:10pt;
		height: 100%;
		padding:0px
color: #2E2E2E;

}

#control{
font-family: Verdana, sans-serif;
font-size:10pt;
}

.banner {height:60px;
    z-index: 10;
    text-align:left;
    background-color: #174274;
    margin: 0 auto;
    }

.edit_bar{height:26px;
    z-index: 10;
    top: 60px;
    text-align:left;
    background-color: gray;
    margin: 0 auto;
    }

h1 {font-weight: bold; color: white; font-size: 15pt; width:400px; font-family: Verdana, sans-serif}
h2 {	font-weight:bold;
	border-right: none;
	border-left:none;
	border-bottom: solid 2pt #174274;
	color:#174274;
	font-size: 12pt;
	font-family: Verdana, sans-serif;
}

.logo{height:50px;}
.logged_in{color:white; font-size:9pt;padding-top:10px;text-align:right;padding-left:20px;font-family: Verdana, sans-serif}
.nav_form{float:left;padding-left:3px}


.minibtn{z-index:120;width:13px;height:13px;padding:0px;border:0px;font-size:9px; border:solid 1px}
.minibtn:hover{background-color:#C0C0C0}


.canvas{width:100%; position: absolute; top: 80px; bottom: 45px;}
#inner_canvas{position:relative;overflow-x:auto;height:100%; min-height:80%;overflow-y:visible;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-left:10px
}
.span_div{width:2px; background-color:var(--rst-line-color,#000000); height: 60px; position:absolute}
.top_scroll{height: 20px; overflow-x:scroll; overflow-y:visible}

.btn_tb{border-collapse:collapse;background:transparent; margin: 0 auto;
    border-spacing:0;}
.btn_tb td{vertical-align:top; background:transparent; padding:0; border:0;
    line-height:1;}

#segment_canvas{background: white; border: 1px solid #666; cursor: text; overflow: auto;
    padding: 2px;
    resize: both;
    width: 800px;}
.seg{position: inline}
.seg:not(#seg1):before{content:"\a0\a0";position:inline;float:left}
.seg_end, .tok_space, .token{float:left; position: inline; font-family: Verdana, sans-serif; font-size:10pt;}
.tok_space{cursor:pointer}
.tok_space:hover{background-color:gray}
.seg_end{font-weight: bold; color: green; cursor: pointer}
.seg_end:before{content:"\a0\a0"}
.seg_end:hover:before{content:"x"}

.tab{position: absolute;left: 0px; top:86px; background-color:white;height: 700px; width: 500px;padding-left:5px}
.tab_btn{width:82px;top:85px;position:absolute;z-index:2;border-width:1px;border-color: black black black black; border-style: solid; text-align:center; border-top-left-radius: 6px; border-top-right-radius: 6px; cursor: pointer; background-color: buttonface; border-bottom-color: black}
.tab_btn:after{content: "\a0"; width:8px; border-bottom-style: solid; border-bottom-width:1px;border-bottom-color: black; left: 82px;position:absolute;top:0px}
button:hover:enabled, .nav_button:hover:enabled{  color: red; background: #f5f5f5; }
.nav_button:hover:enabled i{  color: red; background: #f5f5f5; }
.nav_button:disabled, .nav_button:disabled i{color:gray;   background-image: none;
}
.divider{color:#f7f7f7; font-size:14pt; font-weight:bold}

#project_btn{left:0px;}
#docs_btn{left:90px;}
#import_btn{left:180px;}
#users_btn{left:270px;}
#database_btn{left:360px;}
.tab h2{padding-top:10px}

#doc_assign{
padding:3px;
}
#doc_assign td {vertical-align: top;margin:5px}
#doc_assign td p{font-size:10px;font-weight:bold}

.nav_button i{font-size: 12pt;}
button, .nav_button { border-radius: 8px;
background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#CAE9FF));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #CAE9FF);
  background-image: -moz-linear-gradient(top, #f7f7f7, #CAE9FF);
  background-image: -ms-linear-gradient(top, #f7f7f7, #CAE9FF);
  background-image: -o-linear-gradient(top, #f7f7f7, #CAE9FF);
   cursor: pointer;
   color: black;
   font-size: 10pt;
  }


.nav_button_inset i{color: black !important}
.nav_button_inset{
border-bottom: 1px solid #0e408e;
box-shadow: inset 2px 3px 5px #000000, 0px 1px 1px #333;
  /*-moz-box-shadow: inset 0 0 2px 2px #A1A2A4, 0 1px 0 0 #fff;
  -webkit-box-shadow: inset 0 0 2px 2px #A1A2A4, 0 1px 0 0 #fff;*/
  background-color: #f7f7f7 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#CAE9FF)) !important;
  background-image: -webkit-linear-gradient(top, #f7f7f7, #CAE9FF) !important;
  background-image: -moz-linear-gradient(top, #f7f7f7, #CAE9FF) !important;
  background-image: -ms-linear-gradient(top, #f7f7f7, #CAE9FF) !important;
  background-image: -o-linear-gradient(top, #f7f7f7, #CAE9FF) !important;
  color: black !important;
}

.gray_tab{
font-family: Verdana, sans-serif;
	color:#666;
	font-size:10pt;
    	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

.anim_catch{position:absolute; top: 150px; left 20px}

.help{position:absolute;top:100px; left:100px;box-shadow: 0 6px 8px black; z-index:1000;background:white;width:500px; max-height:400px;font-family: Verdana, sans-serif;font-size:10pt;display:none; overflow-y: auto; border: 1px solid black; padding:3px}
.help h2{margin:5px}
.help .close_button{left:80%;margin-bottom:5px;position:relative}
.about{padding:5px;position:absolute;top:100px; left:200px;box-shadow: 0 6px 8px black; z-index:1000;background:white;width:350px; font-family: Verdana, sans-serif;font-size:10pt;display:none; overflow-y: none; border: 1px solid black}

.blackout{background-color: rgba(123, 123, 123, 1)!important; background-image: none !important}
.no_events{pointer-events:none;}

.selected_tab{background-color: white; border-bottom-color: white}
.help_mini{z-index:120;width:13px;height:13px;padding:0px;border:0px;font-size:9px; border:solid 1px;position:absolute !important;left:95% !important;top:5px; display:block}

.about_table h1{color: black}
.copyright{font-size:9pt;font-style:italic}
.website{font-size:9pt}

.dummy_minibtn{z-index:120;width:13px;height:13px;padding:0px;border:0px;font-size:9px; border:solid 1px}

.struct_logo_frame{height:8px;overflow-y:hidden;padding-top:3px;display:inline-block;border-top:2px solid black; border-right: 2px dotted black;padding-right:1px; border-bottom:2px dashed black}
.nav_button:hover:enabled div.struct_logo_frame{height:8px;overflow-y:hidden;padding-top:3px;display:inline-block;border-top:2px solid red; border-right: 2px dotted red;padding-right:1px; border-bottom:2px dashed red}

.disabled_tab{color:gray;cursor:default!important}