:root {
  --primary: #79aec8;
  --secondary: #417690;
  --accent: #f5dd5d;
  --primary-fg: #fff;

  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-loud-color: #000;

  --header-color: #ffc;
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary);
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: #c4dce8;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: var(--primary);

  --link-fg: #447e9b;
  --link-hover-color: #036;
  --link-selected-fg: #5b80b2;

  --hairline-color: #e8e8e8;
  --border-color: #ccc;

  --error-fg: #ba2121;

  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;

  --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4; /* E.g. selected table cells */
  --selected-row: #ffc;

  --button-fg: #fff;
  --button-bg: var(--primary);
  --button-hover-bg: #609ab6;
  --default-button-bg: var(--secondary);
  --default-button-hover-bg: #205067;
  --close-button-bg: #888; /* Previously #bbb, contrast 1.92 */
  --close-button-hover-bg: #747474;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;

  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: #264b5d;
    --primary-fg: #eee;

    --body-fg: #eeeeee;
    --body-bg: #121212;
    --body-quiet-color: #e0e0e0;
    --body-loud-color: #ffffff;

    --breadcrumbs-link-fg: #e0e0e0;
    --breadcrumbs-bg: var(--primary);

    --link-fg: #81d4fa;
    --link-hover-color: #4ac1f7;
    --link-selected-fg: #6f94c6;

    --hairline-color: #272727;
    --border-color: #353535;

    --error-fg: #e35f5f;
    --message-success-bg: #006b1b;
    --message-warning-bg: #583305;
    --message-error-bg: #570808;

    --darkened-bg: #212121;
    --selected-bg: #1b1b1b;
    --selected-row: #00363a;

    --close-button-bg: #333333;
    --close-button-hover-bg: #666666;
  }
}
input[type=number], input[type=tel], textarea, select, .vTextField {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 5px 6px;
    margin-top: 0;
    color: var(--body-fg);
    background-color: var(--body-bg);
}

tr td.chess {
border:1px solid white;
}
tr td.chess1 {
border:1px solid white;
background:#f5e1ab;
}


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

.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
padding:0px;
margin-top:0px;
background:orange;
border:1px solid white;
}

ul.hello1 {
    margin:0px;
    padding: 0;
    display:table;

    width:100%;

     }
ul.hello1 li {
    width:20%;
    text-align:center;
    color:white;
    border-bottom:1px solid white;
    border-left:1px solid white;
    background-color: grey;
    display: table-cell;
}
ul.hello {
    margin:0px;
    padding: 0;
    display:table;

    width:100%;

     }

ul.hello li {
    width:20%;
    text-align:center;
    border-bottom:1px solid white;
    border-left:1px solid white;

    display: table-cell;
}
a.topchik{
float:left;
}
a.topchik1{
float:right;
}

.right li{
float:left;
}
.jmenu {background:#252525;
box-shadow:1px 1px 3px 0 rgba(0,0,0,.5);
box-sizing:border-box;
line-height:1}
input.jm-menu-btn,input[type=checkbox].jm-menu-btn~.jm-collapse{display:none}
input[type=checkbox]:checked.jm-menu-btn~.jm-collapse{display:block}
label.jm-menu-btn{color:#959595;cursor:pointer;display:block;padding:16px 32px}
label.jm-menu-btn:hover{color:#fff}.jm-collapse{border-top:1px #959595 solid}
.jmenu li,.jmenu ul{list-style:none;margin:0;padding:0}
.jmenu a{color:#959595;display:inline-block;padding:16px 32px;text-decoration:none}
.jm-dropdown:hover a,.jmenu a:hover{color:#fff}.jmenu ul ul{display:none}
.jm-dropdown:hover ul{display:block}.jm-dropdown ul{background:#252525;padding:0}
.jm-dropdown ul a,.jm-dropdown:hover ul a{color:#fff}
.jm-dropdown ul a:hover,.jm-dropdown:hover ul a:hover{color:grey}
.jm-dropdown ul ul {
border-bottom:1px #ccc solid;
border-top:1px #ccc solid;
box-shadow:none;
margin-bottom:16px;
max-width:100%;
position:relative}

.jm-icon-dropdown {
border:solid #959595;
border-width:0 2px 2px 0;
display:inline-block;
margin:0 0 3px 8px;padding:3px;
transform:rotate(45deg)}
li:hover .jm-icon-dropdown{border-color:#fff}
.jm-icon-menu::before{content:'\2630'}

@media (min-width:768px){.jmenu li{display:inline-block}
.jmenu a{padding:16px}.jm-dropdown{position:relative; }
.jm-dropdown li a{display:block;padding:8px 16px;white-space:nowrap; }

.right{
float:right;
}
.jm-dropdown ul{box-shadow:1px 1px 3px 0 rgba(0,0,0,.5);padding:8px 0;position:absolute;min-width:100%}
input.jm-menu-btn,label.jm-menu-btn{display:none}.jm-collapse,input[type=checkbox].jm-menu-btn~.jm-collapse{display:block}}