body {
	font-family: "PT-Sans", "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
	background-color: color(display-p3 0.079 0.081 0.145);
}
body.waiting * {
  cursor: progress;
}
body.oauth-login-active {
  background-color: white !important;
  overflow: hidden;
}
.page-width {
  width: 990px;
  margin: auto; 
}
.root-row {
  width: 990px;
  margin: auto; 
}
#header { 
	height: 102px;  	
	background-color: color(display-p3 0.079 0.081 0.145);
	/*background-image: url(../img/logo_bg.png);*/
	background-size: 100%;
	color:#DDD; 
}
#headerdiv {
	background-color: gray;
}

.header-logo { padding-top:10px; padding-left: 30px; }

#header a:link{color:#DDD;}
#header a:visited{color:#DDD;}
#header a:hover{color:#222;}
#header a:active{color:#DDD;} 

#header .header-links {
	position : absolute;
	top: 5px;
	right: 10px;
	font-size: 10pt;
	color: gray;
	height: 20px;
}

.htmldiv{
  overflow: auto;
  /* margin: 10px; */
}

.header-logo-url { float: left; }
.header-logo-img { float: left; }
.header-logo-text { 
  font-size: 32pt; 
  color: #DDD;
}

#logo a:link {
  text-decoration: none;
}

#maindiv { 
	background-color: white; 
}

.res-title  { padding-left: 9px; padding-top: 5px; font-weight: bold; }
.res-header { padding-left: 9px; padding-top: 5px; }
.res-footer { padding-left: 9px; padding-top: 5px; font-size: 9pt; }

#footer { 
  height: 55px;  	
  background-color: white; 
}
#footerdiv {
	background-color: white; 
}


#footer a:link{color:#AAA;}
#footer a:visited{color:#AAA;}
#footer a:hover{color:#222;}
#footer a:active{color:#AAA;} 

#footer .footer-links {
	position : absolute;
	top: 10px;
	left: 10%;
	width: 90%;
	font-size: 0.9em;
	color: gray;
}
#footer .footer-links a {
  padding-right: 4px;
}
#footer .copyright-div {
	position : absolute;
	top: 30px;
  left: 10%;
	width: 90%;
	font-size: 0.7em;
	color: gray;
}




div.editable div.editmarker {
 	position:absolute; top: 0px; right:0px; 
 	background-color: #EEEEEE;
 	width: 16px; height: 16px;
}
 
div.optedithighlight div.editmarker {
	position:absolute; top: 0px; right:0px; 
	background-color: #AAAAAA;
	width: 16px; height: 16px;
}

div.optedithighlight { 
 	border:1px; 
 	border-style: solid;
 	border-color: #AAAAAA;
}

div.edithighlight div.editmarker {
	position:absolute; top: 0px; right:0px; 
	background-color: #333333;
	width: 16px; height: 16px;
}
div.edithighlight { 
 	border:1px; 
 	border-style: solid;
 	border-color: #333333;
}



.editdiv {  margin:2px; border: 1px solid silver;  
}

.menuBtn {
	position:relative;
	float:right;
}


.ui-dialog {
	font-size: 0.9em;
}

/* Стили для основного макета */
.main-layout {
    display: flex;
    transition: all 0.3s ease;
}

/* Стили для компактного меню */
.pongNavBarCompact {
    width: 40px !important;
    min-width: 40px;
    transition: all 0.3s ease;
}

/* Стили для таблицы */
.main-content {
    flex-grow: 1;
    transition: all 0.3s ease;
    margin-left: 10px;
}

.pongNavBarCompact .pongNavBarItem {
    width: 40px;
    overflow: hidden;
    text-align: center;
}

.pongNavBarCompact .pongNavBarItem span {
    display: inline-block;
    width: 20px;
    overflow: hidden;
    text-overflow: clip;
}

.pongNavBarToggle {
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
    z-index: 1000;
    padding: 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
}