body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif; 
}


body::after {
  content: "";
  background: url("images800/3.jpg");
  opacity: 0.3;
 
  /*top: 0;
  left: 0;
  bottom: 0;
  right: 0;*/
  position: absolute;
  z-index: -1;  


   background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;


  /*background-position: center;*/
  /*background-repeat: no-repeat;*/
 /*background-size: cover;
  position: relative;*/


  
}

h3{
	color:rgba(255,255,255,1);
}

body {margin:0;
      background-color: #efe;	  
}

input{
	width:100%;
	max-width:50vw;
}

textarea{
	width:100%;
	max-width:50vw;
}

img {
	 box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px 0px,
    rgba(0, 0, 0, 0.5) 0px 2px 15px 0px;
}

.shadowed{
	drop-shadow(.5rem .5rem 1rem #333);
}

.handwriting{
    font-family: 'Alex Brush';
	font-size: 40px;
	font-weight: bold;
}

.horcenter{
	text-align:center;
}

.smallItalic{
	float:right;
	font-size:small;
	font-style: italic;
}

a:link {
  text-decoration: none;
  color: #eef;
}

a:visited {
  text-decoration: none;
  color:#00F;  
}

.navbar {
  /*overflow: hidden;*/
  background-color: #343;
  position: fixed;
  top: 0;
  width: 100%;
  height: 5%;  
  z-index:2; 

  font-size: 1vw;

  
  background: -webkit-linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* Standard syntax */
  
   box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px 0px,
    rgba(0, 0, 0, 0.5) 0px 2px 15px 0px;
}

.navbar a {
  float: left;
  display: block;
  /*color: #f2f2f2;*/
  color: #FFF;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1vw;
  text-decoration: none;   
}

.navbar a:hover {
  background: #ddf;
  color: white;
  text-decoration: none;
}

.navbar a.active {
  background-color: #4CAF50;
  /*background-color:#99f;*/  
  float: left;
  font-size: 1vw; 
  color: white;  
  text-align: center;
  padding: 14px 16px;
  text-decoration: none; 
}


/*
.navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
*/

.logoPicture{
  height:4%;
  width:4%;   
}






.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size:1vw;  
  border: none;
  outline: none;
  /*color: white;*/
  color:#AAF;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #007;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px 0px,
    rgba(0, 0, 0, 0.5) 0px 2px 15px 0px;
  z-index: 1;  
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.rightBlock{
  position: absolute;
  right: 0;
}

.content
{
    position:fixed;	
    top:5%;
    bottom:5%;
   /* max-height:100%;*/
	width:100%;
    background-color: #eee;
	background: -webkit-linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, rgba(100,200,150,0.7) 0%, rgba(19,55,35,0.7) 100%); /* Standard syntax */
	
	/*overflow-y:scroll;
	overflow-x:scroll;*/
	
	display: flex;
    justify-content: center;
		 
    display: block;
    /*width: auto;*/
    max-width: 100%;
    margin: 0 auto;
    /*height: auto;*/
    z-index:1;	
}

.article{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:rgb(80,80,120);
	color:rgb(255,255,255);
	border-radius: 20px;
	margin-top:25px;
    margin-left:5%;
    margin-right:5%;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px 0px,
    rgba(0, 0, 0, 0.5) 0px 2px 15px 0px;	
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0; 
  width: 100%;
  background-color: #343;  
  color: #000;
  text-align: center;
  height:5%;
  z-index:2;
  background: -webkit-linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, rgba(100,200,150,1) 0%, rgba(19,55,35,1) 100%); /* Standard syntax */
  
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px 0px,
    rgba(0, 0, 0, 0.5) 0px 2px 15px 0px;
  z-index:3;
	
  
}

.tableDiv {
	position:fixed;
	max-height:45%;
	width: 100%;
	background-color: #99f;
	overflow-y:scroll;
	border: 1px solid #999999;
}

.editorDiv {
	position:absolute;
	/*max-height:10%;*/
	width: 100%;
	background-color: #99f;
	top:85%;
    bottom:0px;
   /* overflow-y:scroll;*/
    margin:O;

}

.bigEditorDiv {
	position:fixed;
	/*max-height:10%;*/
	width: 100%;
	background-color: #99f;
	top:50%;
    bottom:5%;
    overflow-y:scroll;
    margin:Opx;

}

.inputSmall{
    max-width:20px;
}

.inputMedium{
    max-width:60px;
}

.rightAlign {
  display: flex;
  justify-content: right;
  align-items: right;  
}

.rTable    { display: table;overflow:scroll; }
.rTableRow       { display: table-row; }
/*.rTableHeading    { display: table-header-group; }*/
.rTableBody    { display: table-row-group; }
.rTableFoot    { display: table-footer-group; }
.rTableCell, .rTableHead  { display: table-cell; }


.rTable {
		    	display: table;
		    	width: 100%;               				
		}
		.rTableRow {
		    	display: table-row;
				cursor: pointer;
		}
		.rTableRowB {
		    	display: table-row;
				font-weight: bold;				
		}
		.rTableCell, .rTableHead {
		    	display: table-cell;
		    	padding: 3px 10px;
		    	border: 1px solid #999999;
               	vertical-align: middle;	
		}
		.rTableCellR, .rTableHeadR {
		    	display: table-cell;
		    	padding: 3px 10px;
		    	border: 1px solid #999999;
				text-align:right;				
		}		
		.rTableCellL, .rTableHeadL {
		    	display: table-cell;
		    	padding: 3px 10px;
		    	border: 1px solid #999999;
				text-align:left;				 
		}
		.rTableCellC, .rTableHeadC {
		    	display: table-cell;
		    	padding: 3px 10px;
		    	border: 1px solid #999999;
				text-align:center;
		}
		
		.rTableCellSmallC, .rTableHeadSmallC {
		    	display: table-cell;
		    	padding: 3px 10px;				
		    	border: 1px solid #999999;
				max-width: 10px;
				text-align:center;
		}
		
		.rTableHeading {		        
		    	display: table-header-group;
		    	background-color: #ddd;
		    	font-weight: bold;
                position:sticky;
                top:0;				
		}
		.rTableFoot {
		    	display: table-footer-group;
		    	font-weight: bold;
		    	background-color: #ddd;
		}
		.rTableBody {
		    	display: table-row-group;				
		}
		
/* treeview */

 /* Remove default bullets */
ul, #myUL {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
  margin: 0;
  padding: 0;
}

/* Style the caret/arrow */
.caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
} 

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.newsList {
	position:fixed;
	/*max-height:45%;*/
	top:25%;
	bottom:50%;
	width: 100%;
	background-color: #99f;
	overflow-y:scroll;
	border: 1px solid #999999;
}

.news{
	overflow:auto;
	position:fixed;
	max-height:65%;
	width: 100%;	
}

/*************/
/* LOGIN BOX */
/*************/