/*body { font-family: Verdana; font-size: 12px; color: #000000 }*/

.critical_error { padding: 50px; font-family: 'Open Sans', sans-serif; color: #333; line-height: 1.4 }
.critical_message { color:#990000; background: #fee5e5; display: inline; padding: 15px; }

#save_prefixnamecolor_cnt { margin-top: -30px; background: #edeff1; border-bottom: 1px solid #fff; display: flex; align-items: center; padding: 5px; flex-wrap: wrap; }
#save_prefixnamecolor_cnt .inp-o { margin: 1px 5px 1px 0; }
.list-tr-images { display: flex; flex-wrap: wrap; margin-bottom: 30px; background: #edeff1; align-items: center; }
.list-tr-images > div { margin: 5px; position: relative; }
.list-tr-images > div img { display: block; width: 100px; height: 100px; background: #fff; }
.list-tr-images > div i { height: 16px; line-height: 16px; text-align: center; font-size: 10px; width: 16px; color: #fff; background: #3387ea; border-radius: 50%; }
.list-tr-images > div i.fa-times { position: absolute; top: 0px; right: 0px; cursor: pointer; }
.list-tr-images > div i.fa-thumb-tack { position: absolute; top: 0px; left: 0px; cursor: pointer; }
.list-tr-images > div i.fa-thumb-tack.red { background: #f25529; }

.file-upload, .btn, a.btn {
     position: relative; /* Даем возможность делать позиционирование, внутри данного элемента */
     overflow: hidden; /* Все что выходит за пределы - скрываем */
     width: 80px; /* Задаем ширину кнопки выбора файла */
     height: 30px;
     font-size: 12px; color: #333; text-decoration: none;
     line-height: 30px; display: inline-block;
     background: #e7e9f5;color: #000;border-radius: 3px;border: 1px solid #BEC5DF;
     text-align: center;
}
.file-upload:hover, .btn:hover, a.btn:hover {
     background: #BEC5DF;
}
.file-upload input[type="file"]{
    display: none; /* Обязательно скрываем настоящий Input File */
}
.file-upload label {
     /* Растягиваем label на всю возможную площадь блока .file-upload */
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
}
.file-upload i { padding-right: 10px; }

.menu_edit_cnt { display: block; position: absolute; margin-top: -20px;height: 20px; width: 57px; white-space: nowrap; }
.menu_edit_cnt:after { content: ''; border-top: 5px solid #32c5d2; border-left: 7px solid transparent; border-right: 5px solid transparent; position: absolute; bottom: -5px; right: 5px; }
.menu_edit { border: 1px dashed #32c5d2; padding: 0px; position: absolute; z-index: 1; right: 0; top: 0; }
.menu_edit liz { display: inline-block; color: #32c5d2; font-size: 12px; }
.menu_edit liz az { cursor:pointer; text-decoration: none;  font-size: 14px; color: #fff;height: auto;background: #32c5d2; display: inline-block; padding: 1px 3px; margin: -1px; position: relative; text-align: center; }

@media (max-width: 768px) {
    .menu_edit_cnt { display: none; }
}