html { position: relative; min-height: 100%; height: 100%;}
body { margin-bottom: 4em; }
main{ height: 100%; }
a:hover { text-decoration: none; }
.list-no-type { list-style-type: none; }
.ul-separated-item:nth-child(even) { background-color: #f0f0f0; }
.ul-separated-item:nth-child(odd) { background-color: transparent; }
/* изменяем полоcу прокрутки */
::-webkit-scrollbar {    width: .65em; height: .65em; }
::-webkit-scrollbar-track {    background-color: rgba(217, 217, 217, 0.75); }
::-webkit-scrollbar-thumb {    background: rgba(170, 170, 170, 0.6);    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                                box-shadow: inset 0.05em 0.05em 0 rgba(0, 0, 0, 0.1), inset 0 -0.05em 0 rgba(0, 0, 0, 0.07); }
.input_none,
.input_none:focus,
select:focus  { outline: none !important; box-shadow: none !important; border: 1px solid transparent; }
.rounded-bottom-end-0 { border-radius:  .25rem .25rem 0 .25rem; -webkit-border-radius: .25rem .25rem 0 .25rem; -moz-border-radius: .25rem .25rem 0 .25rem; }
.w-6em { width: 6em; max-width: 6em; }
.w-3em { width: 3em; max-width: 3em; }

.fs-08 { font-size: 0.8em; }
.fs-06 { font-size: 0.6em; }
.fs-05 { font-size: 0.5em; }
.backlight { border: 0; }
.backlight:hover, .backlight:focus, .backlight:active { background-color:rgba(14, 51, 239, 0.2); color: #1051F3; border: 0; }
.bg-traparent-2 { background-color:rgba(0, 0, 0, 0.2); }
.bg-margenta {background-color: #e0f7fa;}
.color-margenta {background-color:rgba(14, 51, 239, 0.2); color: #1051F3;}
.color-grey {background-color: rgba(100, 100, 100, 0.2); color: #555555;} 
.color-green {background-color: #e0f7fa; color: #1b5e20;}
.text-swarm {color:#ff9900; }
.logo { display: flex; align-items: center; gap: 8px; } /* center */
.logo .txt {
  align-self: flex-end;
}
.align-bottom { display: flex; align-items: flex-end;} /* push to bottom */
.collapsar-ico { padding: 1px; margin-right: -3px; }
.nowrap {
  white-space: nowrap;  display: inline-block;
}
.outline-none:focus, 
.outline-none:active:focus {
  outline: none !important;
  box-shadow: none !important;
}
ul.menu-list {z-index: 1200;}
.z-1200 {z-index: 1200;}
.z-1210 {z-index: 1210;}