html { position: relative; min-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 {    backgroun-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; }
.w-3em { width: 3em; }

.fs-08 { font-size: 0.8em; }
.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); }
.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;}