/* Переключение темы */
body {
--background-url:url('../images/background.jpg') repeat fixed;
--background:#fff;
--background-red:#ff9797;
--background-lightred:#f1cccc;
--background-yellow:#ffff56;
--background-th:#dbdbdb;
--background-hover:#35f1bd;
--background-video:#75c575;
--background-zebra:#ebebeb;
--color:#000
}
body.dark-theme {
--background-url:url('../images/background_black.jpg') repeat fixed;
--background:#3a3a3a;
--background-red:#9f494a;
--background-lightred:#784d4d;
--background-yellow:#747422;
--background-th:#9d9d9d;
--background-hover:#17624e;
--background-video:#446e44;
--background-zebra:#4b4b4b;
--color:#b5b5b5
}

/* Основные стили */
html {
overflow-y:scroll
}
@font-face {
font-family:GolosText;
src:url("../fonts/GolosText.ttf");
format("truetype");
font-weight:400
}
* {
box-sizing:border-box;
font-family:GolosText;
font-size:12px;
margin:0;
padding:0
}
:active, :hover, :focus {
outline:0;
outline-offset:0
}
body {
background:var(--background-url)
}
img {
border:0
}
a {
text-decoration:none
}
.clearfix:before,
.clearfix:after {
content:"";
display:table
}
.clearfix:after {
clear:both
}
.clearfix {
zoom:1
}

/* Адаптация шапки под старые мониторы */
@media (max-width: 1650px) {
.adminlink {
display:none
}
.minilink {
display:block
}
.divsearch {
margin-left:7px !important
}
}
@media (min-width: 1650px) {
.adminlink {
display:block
}
.minilink {
display:none
}
}

/* Исправление для FireFox и WebKit */
::-webkit-input-placeholder {color:#6f6f6f}
::-moz-placeholder {color:#6f6f6f; opacity:1}
:-moz-placeholder {color:#6f6f6f; opacity:1}

.close-icon {
border:1px solid transparent;
background-color:transparent;
display:inline-block;
vertical-align:middle;
outline:0;
cursor:pointer
}
.close-icon:after {
content:"X";
display:block;
width:9px;
height:9px;
position:absolute;
background-color:#fa9595;
z-index:1;
right:10px;
top:0;
bottom:0;
margin:auto;
padding:2px;
border-radius:50%;
text-align:center;
color:#fff;
font-weight:normal;
font-size:8px;
cursor:pointer
}
.search:not(:valid) ~ .close-icon {
display:none
}

/* Шапка сайта */
.header {
width:100%;
height:62px;
position:fixed;
top:0;
left:0;
z-index:100;
background:#090909;
user-select:none
}
.center {
padding:0 10px;
height:62px;
margin:0 auto
}
.logo {
height:62px;
margin-left:15px;
margin-right:30px;
line-height:62px;
font-size:16px;
color:#bbb;
float:left;
cursor:pointer;
transition:color .1s ease-in-out
}
.center a:hover {
color:#ddd
}
.divsearch {
width:270px;
vertical-align:middle;
white-space:nowrap;
position:relative;
margin-left:30px;
float:left
}
.search {
width:270px;
height:30px;
margin:16px 0;
border:1px solid #585858;
padding:0 30px 0 30px;
background:#353535;
color:#fff;
float:left;
box-sizing:border-box;
border-radius:2px
}
.divsearch .icon {
position:absolute;
top:25px;
left:11px;
z-index:1;
color:#737373
}
.screens {
width:160px;
height:30px;
float:left;
padding-left:5px;
margin:16px 0 0 7px;
background:#353535;
color:#6f6f6f;
border:1px solid #585858;
box-sizing:border-box;
border-radius:2px;
cursor:pointer;
-moz-appearance:auto;
-webkit-appearance:auto;
appearance:auto
}
.filter {
width:160px;
height:30px;
float:left;
padding-left:5px;
margin:16px 0 0 7px;
background:#353535;
color:#6f6f6f;
border:1px solid #585858;
box-sizing:border-box;
border-radius:2px;
cursor:pointer;
-moz-appearance:auto;
-webkit-appearance:auto;
appearance:auto
}
.disable {
color:#00bd9c
}
.org {
width:160px;
height:30px;
float:left;
padding-left:5px;
margin:16px 0 0 7px;
background:#353535;
color:#6f6f6f;
border:1px solid #585858;
box-sizing:border-box;
border-radius:2px;
cursor:pointer;
-moz-appearance:auto;
-webkit-appearance:auto;
appearance:auto
}
.download {
float:left;
margin:20px 0 0 18px
}
.fa-floppy-disk, .fa-square-up-right {
transition:color .2s ease-in-out
}
.fa-floppy-disk, .fa-square-up-right, .fa-bars {
font-size:22px;
color:#898989
}
.fa-floppy-disk:hover, .fa-square-up-right:hover {
color:#d1d1d1
}
.fa-camera, .fa-envelope, .fa-gear, .fa-circle-xmark, .fa-screwdriver-wrench, .fa-user-large, .fa-qrcode, .fa-arrow-up-right-from-square, .fa-code-compare {
color:#5a5a5a
}
.navi {
float:right;
position:relative;
display:inline-block
}
.navi a:hover {
background:#ddd;
color:#000
}
.menu {
padding:20px;
background:none;
font-size:22px;
border:none;
transition:background-color .2s ease-in-out;
cursor:pointer
}
.menu:hover, .menu:focus {
outline:0px solid #181818;
background:#1a1a1a;
outline-offset:-1px
}
.showmenu {
display:none;
position:absolute;
background:#f1f1f1;
border:1px solid #d3d3d3;
min-width:180px;
overflow:auto;
right:0;
z-index:1
}
.showmenu a {
color:#000;
font-size:13px;
padding:10px;
text-decoration:none;
transition:background-color .2s ease-in-out;
display:block
}
.show {
display:block
}
.adminlink {
text-align:center;
width:90px;
height:25px;
float:left;
color:#777;
margin-top:18px;
border:1px solid #ababab;
border-left:none;
padding:3px 0px;
transition:.3s ease
}
.adminlink:hover {
border-left:none;
background:#a3a3a3;
transition:.3s ease;
color:#000 !important
}
a.adminlink:nth-child(2) {
border-radius:4px 0 0 4px;
border-left:1px solid #ababab
}
a.adminlink:nth-child(7) {
border-radius:0 4px 4px 0;
border-left:none
}
a.act {
transition:none;
background:#ddd !important;
color:#000
}

/* Основной контент */
.content {
width:100%;
height:auto;
margin:0 auto;
padding:72px 10px 20px
}
.load {
width:14px;
cursor:help;
vertical-align:middle;
padding:0
}
.ping {
width:13px;
cursor:help;
vertical-align:middle;
padding:0
}
.open {
width:13px;
vertical-align:middle;
padding:0
}
.warning {
margin-left:5px;
vertical-align:middle;
cursor:help;
padding:0
}
.left {
text-align:left;
padding-left:10px
}
.rdm {
border-bottom:1px dotted gray
}
.clue {
color:var(--color)
}
.help {
cursor:help
}
.pointer {
cursor:pointer
}
.red {
background:var(--background-red) !important
}
.lightred {
background:var(--background-lightred) !important
}
.lightredcash {
background:var(--background-lightred) !important
}
.yellow {
background:var(--background-yellow) !important
}
.white {
background:var(--background) !important
}
.cash {
border-top:2px solid #7c7c7c
}
.table {
transform:rotateX(0deg);
border-collapse:separate;
border-spacing:0;
border:1px solid #7c7c7c;
border-width:0 0 1px 1px;
text-align:center;
width:100%
}
.table tr:not(.zebra) {
background:var(--background)
}
.table tr {
color:var(--color)
}
.table tr:hover td {
background:var(--background-hover)
}
.table thead th {
position:sticky;
top:61px;
background-color:var(--background-th);
z-index:100;
color:#000;
border-right:none;
box-shadow:1px 0 0 0 #7c7c7c, -1px 0 0 0 #7c7c7c
}
.isopen {
background:var(--background-th) !important;
font-weight:bold;
color:#000
}
.table th, .table td {
border:1px solid #7c7c7c;
border-width:1px 1px 0 0
}
.table th {
padding:5px 5px
}
.table td {
transition:background-color .1s ease-in-out;
padding:2px 5px
}
.line {
padding:5px 5px !important
}
.null {
margin:0 auto;
width:400px;
font-size:14px;
line-height:40px;
text-align:center
}
.none {
display:none;
line-height:40px
}
.tag {
display:none
}
.zebra {
background:var(--background-zebra)
}
.table .rzebra:nth-child(odd) {
background:var(--background-zebra)
}
#top {
display:inline-block;
background-color:#ababab;
width:40px;
height:40px;
text-align:center;
border-radius:4px;
position:fixed;
bottom:30px;
right:30px;
transition:.2s;
opacity:0;
visibility:hidden;
z-index:1000
}
#top::after {
content:"\f077";
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
font-size:1.5em;
line-height:40px;
color:#fff
}
#top:hover {
cursor:pointer;
background-color:#858585
}
#top:active {
background-color:#858585
}
#top.show {
opacity:0.8;
visibility:visible
}

/* Настройки и авторизация */
.navibox {
max-width:600px;
background:white;
margin-left:auto;
margin-right:auto;
line-height:30px;
margin-bottom:10px;
padding:0 10px;
color:#777;
user-select:none
}
.link {
color:#777;
margin-right:2px;
border:1px solid #fff;
border-radius:2px;
padding:2px 5px;
font-size:13px;
transition:.3s ease
}
.link:hover {
margin-right:2px;
border:1px solid #ddd;
border-radius:2px;
padding:2px 5px;
font-size:13px;
background:#f5f4f4;
transition:.3s ease
}
.navibox a.act {
border:1px solid #d2d2d2;
transition:none;
background:#ddd
}
.box {
max-width:600px;
position:relative;
background:white;
font-size:13px;
margin-left:auto;
margin-right:auto;
padding:15px
}
.box h1 {
font-size:14px;
margin-bottom:15px
}
.box form {
font-size:13px
}
.settings {
width:100%;
border-spacing:0;
border-collapse:collapse;
line-height:25px;
background-color:#fff;
background-image:linear-gradient(transparent 50%, #dee5eb 50%);
background-size:100% 50px
}
.settings tr:hover td {
transition:.1s ease;
background:#35f1bd !important
}
.settings td {
transition:.1s ease;
padding-right:10px
}
.ulink {
color:#3e5eff
}
.ulink:hover {
color:#002afb
}
.popup {
font-size:13px;
color:#000;
text-align:center;
width:500px;
height:100px;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
background-color:#ccc;
border:solid 1px #a3a3a3;
padding:4px 10px;
position:absolute
}
p {
margin:10px 0 20px
}
.popup a {
margin:5px;
padding:7px 25px;
background:#000;
color:#fff;
font-size:13px;
border:#000;
border-radius:.25rem;
transition:background-color .2s ease-in-out;
-webkit-appearance:none;
text-decoration:none
}
.popup a:hover {
background:#484848;
border:#484848
}
.field {
margin-bottom:1rem
}
.field label {
display:block;
font-size:13px;
margin-bottom:0.25rem
}
.field textarea {
width:100%;
min-height:300px;
resize:vertical;
padding:0.375rem 0.75rem;
font-size:13px;
font-weight:400;
line-height:1.5;
color:#212529;
background-color:#fff;
background-clip:padding-box;
border:1px solid #bdbdbd
}
.mark {
min-height:200px !important;
}
.field select {
display:block;
width:100%;
height:calc(2.25rem + 2px);
padding:0.375rem 0.5rem;
font-size:13px;
font-weight:400;
line-height:1.5;
cursor:pointer;
color:#212529;
background-color:#fff;
background-clip:padding-box;
border:1px solid #bdbdbd
}
.field select option {
font-size:13px
}
.checkbox {
border:1px solid #bdbdbd;
margin-bottom:1rem
}
.flex label {
margin-left:10px;
font-size:13px
}
.flex {
display:flex;
align-items:center;
padding:10px;
height:30px
}
.flex-all {
background:#dbdbdb
}
details > summary {
padding:5px;
background:#dbdbdb;
cursor:pointer
}
details[open] > summary {
padding:5px;
background:#979797
}
.input {
display:block;
width:100%;
height:calc(2.25rem + 2px);
padding:0.375rem 0.75rem;
font-size:13px;
font-weight:400;
line-height:1.5;
color:#212529;
background-color:#fff;
background-clip:padding-box;
border:1px solid #bdbdbd;
transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out
}
.input:focus {
color:#212529;
background-color:#fff;
border-color:#bdbdbd;
outline:0;
box-shadow:0 0 0 0.2rem rgba(158, 158, 158, 0.25)
}
input:disabled, textarea:disabled {
border:1px solid #bdbdbd;
cursor:not-allowed;
background:#cdcdcd
}
input:disabled:hover {
border:1px solid #bdbdbd;
cursor:not-allowed;
background:#cdcdcd
}
.field textarea:focus {
color:#212529;
background-color:#fff;
border-color:#bdbdbd;
outline:0;
box-shadow:0 0 0 0.2rem rgba(158, 158, 158, 0.25)
}
.invalid {
border-color:#dc3545;
padding-right:2.25rem;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat:no-repeat;
background-position:right 0.5625rem center;
background-size:1.125rem 1.125rem
}
.invalid:focus {
border-color:#dc3545;
box-shadow:0 0 0 0.25rem rgba(220, 53, 69, 0.25)
}
.message {
display:none;
width:100%;
margin-top:.25rem;
font-size:.875rem;
color:#dc3545
}
.invalid~.message {
display:block
}
.button {
display:inline-block;
font-weight:400;
line-height:1.5;
color:#fff;
text-align:center;
text-decoration:none;
vertical-align:middle;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
background-color:#2c2c2c;
border:1px solid #2c2c2c;
padding:.375rem .75rem;
font-size:13px;
border-radius:.25rem;
transition:background-color .2s ease-in-out
}
.button:hover {
color:#fff;
background-color:#606060;
border-color:#606060
}

/* alerts.php */
.result {
float:left;
line-height:30px;
margin-left:10px
}
.hidden {
display:none
}
.telegram {
width:30px;
height:30px;
float:left;
margin-right:10px
}

/* tasks.php */
.notice {
background:#dbdbdb;
border:1px solid #a5a5a5;
margin-bottom:1rem;
padding:5px 10px
}
.notice-green {
background:#86ffa0;
border:1px solid #0edb01;
margin-bottom:1rem;
padding:5px 10px
}
.notice-yellow {
background:#f7f995;
border:1px solid #d0d301;
margin-bottom:1rem;
padding:5px 10px
}
.right {
float:right
}
.success label {
font-weight:bold
}
.access_code {
display:block;
width:100%;
height:calc(2.25rem + 2px);
padding:0.375rem 0.75rem;
margin-bottom:10px;
font-size:13px;
font-weight:400;
line-height:1.5;
color:#212529;
background-color:#fff;
background-clip:padding-box;
border:1px solid #bdbdbd;
transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out
}
.access_code:focus {
color:#212529;
background-color:#fff;
border-color:#bdbdbd;
outline:0;
box-shadow:0 0 0 0.2rem rgba(158, 158, 158, 0.25)
}
.first {
padding-right:25px
}
.task-table {
width:100%;
border-collapse:collapse;
border-spacing:0
}
.task-table tr {
height:30px
}
.success-done {
background:#daffda
}
.task-code {
text-align:center;
border-spacing:0;
padding:2px 5px;
border:1px solid #7c7c7c
}
.task-code:nth-child(2) {
word-break:break-all
}
.task-name {
padding-left:5px;
border-spacing:0;
border:1px solid #7c7c7c
}
.task-success {
width:30px;
border-spacing:0;
border:1px solid #7c7c7c;
text-align:center
}
.log-table {
width:100%;
border-collapse:collapse;
border-spacing:0
}
.log-table tr {
height:40px
}
.log-table thead tr {
background:#cdcdcd;
height:30px
}
.log-table thead tr th {
text-align:center;
border-spacing:0;
border:1px solid #7c7c7c
}

/* 404.php */
.notfound {
margin:0 auto;
width:750px;
line-height:50px;
text-align:center;
font-size:25px
}
.desc {
margin:0 auto;
width:770px;
font-size:14px;
line-height:20px;
text-align:center
}

/* video.php */
.edit {
color:#bbb;
margin:0 10px
}
.edit:hover {
color:#ddd
}
.back {
font-size:14px;
line-height:30px;
margin-left:10px
}
.checked {
background:var(--background-video)
}

/* deadlines.php open */
.shop_center {
width:1000px;
padding:0 10px;
height:62px;
margin:0 auto
}
.shop_divsearch {
width:270px;
vertical-align:middle;
white-space:nowrap;
position:relative;
margin-left:0;
float:left
}
.shop_divsearch .icon {
position:absolute;
top:25px;
left:11px;
z-index:1;
color:#737373
}

/* shortcuts.php open */
.shop_center a:hover {
color:#ddd
}
.shop_box {
max-width:1000px;
position:relative;
background:white;
font-size:13px;
margin-left:auto;
margin-right:auto;
padding:15px
}
.shop_box h1 {
font-size:14px;
margin-bottom:15px
}
.shop_box form {
font-size:13px
}
.shop_settings {
width:100%;
cursor:pointer;
border-spacing:0;
border-collapse:collapse;
line-height:40px;
background-color:#fff;
background-image:linear-gradient(#dee5eb 50%, transparent 50%);
background-size:100% 80px
}
.shop_settings a {
display:block;
font-size:13px;
line-height:40px;
padding-left:10px;
transition:.1s ease-in-out;
padding-right:10px
}
.shop_settings a:hover {
background:#35f1bd !important
}
.notice-shop {
background:#dbdbdb;
border:1px solid #a5a5a5;
margin-bottom:1rem;
font-size:13px;
padding:5px 10px
}
.notice-yellow-shop {
background:#f7f995;
border:1px solid #d0d301;
margin-bottom:1rem;
font-size:13px;
padding:5px 10px
}
.notice-yellow-shop label {
font-size:13px
}
.scnav {
margin-left:15px;
font-size:13px
}
.scnone {
text-align:center;
display:none;
margin:0 auto;
line-height:40px
}
.fa-folder {
font-size:20px;
line-height:40px !important;
margin-right:10px;
color:#000;
float:left
}
.fa-file {
font-size:20px;
line-height:40px !important;
margin-right:10px;
color:#000;
float:left
}
.fa-display {
font-size:20px;
line-height:40px !important;
margin-right:10px;
color:#000;
float:left
}
.fa-arrow-right {
font-size:20px;
line-height:40px !important;
color:#898989;
float:right
}
.fa-floppy-rdp {
font-size:20px;
line-height:40px !important;
color:#898989 !important;
float:right
}

/* shortcuts.php open */
.fa-link {
font-size:20px;
line-height:40px !important;
margin-right:10px;
color:#000;
float:left
}
.fa-copy {
font-size:20px;
line-height:40px !important;
color:#898989;
float:right
}

/* response.php */
.selection {
width:270px;
height:30px;
margin:16px 7px;
border:1px solid #585858;
padding:0 5px;
background:#353535;
color:#fff;
float:left;
box-sizing:border-box;
border-radius:2px
}
.sbutton {
display:inline-block;
font-weight:400;
height:30px;
line-height:1.5;
float:left;
color:#bdbdbd;
text-align:center;
text-decoration:none;
vertical-align:middle;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
background-color:#2c2c2c;
border:1px solid #2c2c2c;
padding:.375rem .75rem;
margin:16px 5px 0 0;
font-size:12px;
border-radius:.25rem;
transition:background-color .2s ease-in-out
}
.sbutton:hover {
color:#bdbdbd;
background-color:#464646;
border-color:#464646
}
.rfield textarea {
width:100%;
min-height:100px;
resize:vertical;
padding:0.375rem 0.75rem;
margin-bottom:10px;
font-size:13px;
font-weight:400;
line-height:1.5;
color:#212529;
background-clip:padding-box;
border:1px solid #bdbdbd
}

/* alcohol.php open */
.alco_date {
margin-bottom:1rem;
height:calc(2.25rem + 2px);
font-size:13px;
padding-left:10px;
border:1px solid #bdbdbd;
float:left
}
.alco_text {
width:30px;
float:left;
line-height:calc(2.25rem + 2px);
padding:0 5px;
text-align:center;
font-size:13px
}
.alco_time {
display:block;
float:left;
width:100px;
height:calc(2.25rem + 2px);
padding:0.375rem 0.75rem;
font-size:13px;
font-weight:400;
line-height:1.5;
color:#212529;
background-color:#fff;
background-clip:padding-box;
border:1px solid #bdbdbd;
transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out
}
.alco_time:focus {
color:#212529;
background-color:#fff;
border-color:#bdbdbd;
outline:0;
box-shadow:0 0 0 0.2rem rgba(158, 158, 158, 0.25)
}
.create_center {
width:620px;
padding:0 10px;
height:62px;
margin:0 auto
}
.store-red {
color:red
}
.alco-invalid {
border-color:#dc3545 !important;
}
.alco-invalid:focus {
border-color:#dc3545 !important;
box-shadow:0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important
}
.edit-button {
display:inline-block;
font-weight:400;
line-height:1.5;
color:#fff;
text-align:center;
text-decoration:none;
vertical-align:middle;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
background-color:#009688;
border:1px solid #009688;
padding:.375rem .75rem;
font-size:13px;
border-radius:.25rem;
transition:background-color .2s ease-in-out
}
.edit-button:hover {
color:#fff;
background-color:#00b3a2;
border-color:#00b3a2
}
.cancel-button {
display:inline-block;
font-weight:400;
line-height:1.5;
color:#fff;
text-align:center;
text-decoration:none;
vertical-align:middle;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
background-color:#ed594f;
border:1px solid #ed594f;
padding:.375rem .75rem;
font-size:13px;
border-radius:.25rem;
transition:background-color .2s ease-in-out
}
.cancel-button:hover {
color:#fff;
background-color:#ff6359;
border-color:#ff6359
}
.alco-table {
border-collapse:separate;
border-spacing:0;
border:1px solid #7c7c7c;
border-width:0 0 1px 1px;
width:100%
}
.alco-table th, .alco-table td {
border:1px solid #7c7c7c;
border-width:1px 1px 0 0
}
.alco-table th {
padding:5px
}
.alco-table td {
padding:5px
}
.alco-checked {
background:var(--background-video) !important
}
.rbutton {
display:inline-block;
font-weight:400;
height:30px;
line-height:1.5;
float:left;
color:#bdbdbd;
text-align:center;
text-decoration:none;
vertical-align:middle;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
background-color:#2c2c2c;
border:1px solid #2c2c2c;
padding:.375rem .75rem;
margin:16px 0 0 5px;
font-size:12px;
border-radius:.25rem;
transition:background-color .2s ease-in-out
}
.rbutton:hover {
color:#bdbdbd;
background-color:#464646;
border-color:#464646
}

/* reports.php open */
.search-container {
position:relative;
width:100%;
margin-bottom:1rem
}
.supplierInput {
width:100%;
padding:0.5rem 2.7rem 0.5rem 0.75rem;
box-sizing:border-box;
color:#212529;
background-color:#fff;
background-clip:padding-box;
border:1px solid #bdbdbd;
font-size:13px;
outline:none
}
.suggestions {
position:absolute;
top:100%;
left:0;
right:0;
background:#fff;
border:1px solid #ccc;
box-sizing:border-box;
max-height:200px;
overflow-y:auto;
border-top:none;
border-radius:0;
z-index:1000;
display:none;
width:100%
}
.suggestion-item {
padding:10px;
cursor:pointer;
border-bottom:1px solid #eee;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.suggestion-item:hover {
background:#e7e7e7
}
.suggestion-item:last-child {
border-bottom:none
}
.suggestion-item.no-results {
color:#999;
font-style:italic;
text-align:center;
cursor:default;
pointer-events:none
}
.clearInput {
display:none;
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
width:15px;
height:15px;
background-color:#fa9595;
color:white;
border-radius:50%;
text-align:center;
line-height:15px;
font-size:14px;
cursor:pointer
}

/* action.php open */
.sum {
display:block;
margin-bottom:1rem;
float:left;
width:100px;
height:calc(2.25rem + 2px);
padding:0.375rem 0.75rem;
font-size:13px;
font-weight:400;
line-height:1.5;
color:#212529;
background-color:#fff;
background-clip:padding-box;
border:1px solid #bdbdbd;
transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out
}
.sum:focus {
color:#212529;
background-color:#fff;
border-color:#bdbdbd;
outline:0;
box-shadow:0 0 0 0.2rem rgba(158, 158, 158, 0.25)
}
.action_date {
margin-bottom:1rem;
height:calc(2.25rem + 2px);
font-size:13px;
padding-left:10px;
border:1px solid #bdbdbd;
float:left
}
.action_time {
display:block;
float:left;
width:100px;
height:calc(2.25rem + 2px);
padding:0.375rem 0.75rem;
font-size:13px;
font-weight:400;
line-height:1.5;
color:#212529;
background-color:#fff;
background-clip:padding-box;
border:1px solid #bdbdbd;
transition:border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out
}
.action_time:focus {
color:#212529;
background-color:#fff;
border-color:#bdbdbd;
outline:0;
box-shadow:0 0 0 0.2rem rgba(158, 158, 158, 0.25)
}
.action_text {
width:100px;
float:left;
text-align:left;
line-height:calc(2.25rem + 2px);
padding:0 5px;
font-size:13px
}
.users {
width:100%;
border-spacing:0;
border-collapse:collapse;
line-height:20px;
background-color:#fff;
background-image:linear-gradient(transparent 50%, #dee5eb 50%);
background-size:100% 80px
}
.users tr:hover td {
transition:.1s ease;
background:#35f1bd !important
}
.users td {
transition:.1s ease;
padding-right:10px
}