:root {
    --color01:#50a8be;
    --color02:#2f3a3f;
    --color03:#37464d;
    --color04:#d4dbde;
    --color05:#f4f4f4;
    --color06:var(--bs-gray-600);
    --color07:#ededed;
    --color08:#f9f9f9;
    --color10:white;
    --color11:black;
    --color12:#bb2d3b;
    --color13:#ededed;


    --primary: var(--color01);
    --secondary: var(--bs-secondary);
    --danger: var(--color12);
    --white: var(--color10);
    --black: var(--color11);
    --menu-main-bg: var(--color02);
    --menu-main-border: var(--color02);
    --menu-main-submenu-bg: var(--color03);
    --menu-main-color: var(--color10);
    --layout-header-bg: var(--color10);
    --layout-header-border: var(--color04);
    --layout-header-txt: var(--color06);
    --layout-content-bg: var(--color05);
    --layout-content-border: var(--color04);
    --layout-footer-bg: var(--color10);
    --layout-footer-border: var(--color04);
    --layout-footer-txt: var(--color06);
    --control-panel-bg: var(--color05);
    --control-panel-btn-border: var(--color04);
    --control-panel-btn-bg: var(--color10);
    --control-panel-btn-bg-hover: var(--color07);
    --control-panel-btn-color: var(--color03);
    --control-panel-vr: var(--color06);
    --layout-fullsize-list-bg:var(--color10);
    --layout-fullsize-list-border:var(--color04);
    --list-row-bg:var(--color10);
    --list-row-alt-bg:var(--color08);
    --list-border:var(--color04);
    --box-border-color:var(--color04);
    --content-max-fit-title:var(--color13);
    --editing-bt-nonactive:var(--color04);
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.modal { }
.modal .modal-header.danger{ background-color:var(--danger); color:var(--white); }
.modal .modal-header.warning{ background-color:var(--bs-warning); color:var(--black); }
.modal .modal-header.success{ background-color:var(--bs-success); color:var(--white); }
.modal .modal-header.danger .btn-close { color:var(--white); --bs-btn-close-color: var(--white); }
.modal .modal-header.primary,.offcanvas-header.primary{ background-color:var(--primary); color:var(--white); }
.modal .modal-header.primary .btn-close,.offcanvas-header.primary .btn-close { color:var(--white); --bs-btn-close-color: var(--white); }

.ui.textbox { margin:10px 0 0 0; }
.ui.textboxmulti { margin:10px 0 0 0; }
.ui.checkbox { margin:10px 0 0 0; }
.ui.dropdown { margin:10px 0 0 0; }

table { }
table th,table td{ text-align:left; }
table th.start,table td.start{ text-align:left; }
table th.center,table td.center{ text-align:center; }
table th.end,table td.end{ text-align:right; }

table th.edit,table td.edit{ text-align:center; width:80px; }
table th.del,table td.del{ text-align:center; width:80px; }
table th.buttonother,table td.buttonother{ text-align:center; width:100px; }

#modalObjectItemEnumEditHolder .control-panel{ display:flex; flex-wrap:nowrap; width:100%; }
#modalObjectItemEnumEditHolder .control-panel .control-field{ width:calc(20% - 10px); padding:5px; }
#modalObjectItemEnumEditHolder .control-panel .control-field:first-child{ width:calc(30% - 10px); padding:5px; }
#modalObjectItemEnumEditHolder .control-panel .control-field:nth-child(2){ width:calc(40% - 10px); padding:5px; }
#modalObjectItemEnumEditHolder .control-panel .control-field:last-child { width:10%; padding:0; position:relative; }
#modalObjectItemEnumEditHolder .control-panel .control-field:last-child .btn{ position:absolute; bottom:5px; right:5px; }
.login-box { max-width:400px; }

.control-panel { display:flex;  }
.control-panel .control-field { margin-right:10px; }