.tag_mark {
    display: inline-block;
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 5px;
    color: #fff;
}
.tag_mark.blue_mark {
    background-color: hsl(202, 85%, 66%);
}
.tag_mark.green_mark {
    background-color: hsl(104, 63%, 53%);
}
.tag_mark.violet_mark {
    background-color: hsl(274, 51%, 69%);
}
.imageFormat {
    margin: 2px 4px;
    padding: 0 4px;
    border-left: 1px solid #A7B7BF;
    font: 10px Verdana;
    color: #A7B7BF;
}
.form_actions {
    text-align: right;
    line-height: 28px;
}
.form_actions .back_link {
    float: left;
}
.nav_select {
    max-width: 350px;
}
.panel {
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
    padding: 4px 8px;
    margin-bottom: 12px;
}
#orders_graph, #hits_graph, #visitors_graph {
    width: 99%;
    height: 180px;
}
.bad-important {
    color:red !important;
}
.product_panel_admin {
    background:#EEE;
    border:1px solid #666;
    border-radius:10px;
    padding: 5px;
    margin: 10px;
}
.product_panel_admin img, .product_panel_admin .img {height: 240px; display:inline-block;}
.product_panel_admin .title { height: 48px; display:block;}
.product_panel_admin .date { color: #000; }
.custom_selected {
    text-decoration: underline;
}
.service-log-view {
    cursor: pointer;
    float:right;
    padding:10px;
    text-decoration: underline;
}
.float_message {
    background-color: #ffffaa;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 8px #ccc;
    padding: 10px 15px;
    position: fixed;
    top:0;
    right:0;
    margin: 20px 40px;
}
.analytics_data_sort_wrapper {
    border: 1px solid #e0e0e0;
    padding: 4px 10px;
    margin-bottom: 5px;
    cursor: move;
}
.analytics_data_sort_wrapper:hover {
    background-color: #f0f0f0;
}
.flag_mark {
    line-height: inherit;
    font-size: 10px;
    padding: 1px 3px;
    margin: 0 2px;
    border-radius: 5px;
    background: hsl(280,60%,70%);
    color: white;
}
.flag_mark.blue_mark {
    background: hsl(200,70%,70%);
}
.flag_mark.green_mark {
    background: hsl(100,60%,50%);
}
.flag_mark.red_mark {
    background: hsl(0,80%,60%);
}
.flag_mark.violet_mark {
    background: hsl(260,70%,70%);
}
.categories_tree {
    margin-top: 12px;
}
.categories_tree ul {
    margin-bottom: 10px;
    list-style-type: none;
}
.categories_tree > ul > li > span > a {
    font-size: 14px;
    font-weight: 700;
}
.categories_tree > ul li > span {
    display: inline-block;
    width:100%;
}
.categories_tree.catalog-page > ul li > span {
    width:auto;
}
.category_sort_wrapper {
    border: 1px solid #e0e0e0;
    padding: 4px 10px;
    margin-bottom: 5px;
    cursor: move;
}
.category_sort_wrapper:hover {
    background-color: #f0f0f0;
}
.show_categories_filters {
    cursor: pointer;
}
.input_audit {
    margin-left: 10px;
}
.input_audit .input_audit_ok, .input_audit .input_audit_error {
    padding: 1px 0 1px 20px;
    background: url('/resources/images/icons/ok_16.png') no-repeat 0 50%;
}
.input_audit .input_audit_ok {
    background-image: url('/resources/images/icons/ok_16.png');
    color: green;
}
.input_audit .input_audit_error {
    background-image: url('/resources/images/icons/error_16.png');
    color: red;
}
.presentation_table_wrapper .presentation_picture img {
    max-width: 100px;
    height: auto;
}
.need_key:after {
    content: '(нужен ключ)';
    margin-left: 4px;
    color: orange;
    font-weight: normal;
}
.item_sort_wrapper {
    border: 1px solid #e0e0e0;
    padding: 4px 10px;
    margin-bottom: 5px;
}
.item_sort_wrapper:hover {
    background-color: #f0f0f0;
}
.item_sort_wrapper .item_picture {
    float: left;
    width: 34px;
}
.item_sort_wrapper .item_picture img {
    max-width: 30px;
}

.call_table_wrapper.call_status_new td {
    background-color: hsl(290,90%,94%);
}
.call_table_wrapper.call_status_canceled td,
.call_table_wrapper.call_status_fake td {
    color: #aaa;
}
.item_photo_comment_moderation_wrapper {
    background: #f0f0f0;
    padding: 10px;
    margin-bottom: 15px;
    min-height: 100px;
}
.item_photo_comment_moderation_wrapper .item_picture {
    float: left;
    margin-right: 10px;
}

.comment_moderation_wrapper {
    background: #f0f0f0;
    margin-bottom: 15px;
    padding: 10px;
}
.comment_moderation_wrapper .comment_content {
    margin: 10px 0;
    border-left: 4px solid #ccc;
    padding-left: 10px;
}
.comment_moderation_wrapper .comment_date {
    float: right;
    color: #a0a0a0;
}
select.form-control {
    max-width: none;
}

.admin_items_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: end;
}
.admin_items_wrapper .item_wrapper {
    position: relative;
    width: 15%;
    padding-bottom: 35px;
}
.admin_items_wrapper > div {
    margin-top : 5px;
}
.admin_items_wrapper > .item_teaser_wrapper img,
.admin_items_wrapper > .item_teaser_wrapper video {
    max-width : 100%;
    height: auto;
}

.admin_items_wrapper .item_wrapper button.btn {
    position: absolute;
    bottom: 3px;
    z-index: 100;
    left:5%;
    right:5%;
    width: 90%;
    pointer-events: auto;
}

.admin_items_wrapper .completion_item {
    background: #b1dfbb;
}
.admin_items_wrapper .trash_item {
    background: #ddd;
}

.assembly label{
    margin: 0;
}

.assembly input{
    vertical-align: middle;
}

.cells > p {
    margin-bottom: 5px;
}

.cells {
    margin-top: 10px;
}

.cells > p > select {
    width: 100%;
}

.flash-sale {
    display: flex;
    background-color: #f0f0f0;
    margin-bottom: 12px;
    padding: 4px 8px 4px 8px;
}

.flash-sale > div {
    padding-right: 5px;
}
.delivery_code_widget {
    position: relative;
}

.admin_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.admin_menu a {
    display: block;
    width: 23.5%;
    min-width: 180px;
    border: 1px solid #e0e0e0;
    padding: 5px 8px;
    margin: 2px 0;
    text-align: center;
}
.admin_menu a:hover {
    background-color: #a6e1ec;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .navbar-expand .navbar-nav {
        flex-direction: column !important;
    }
}

.photo_link{
    float: right;
}
div.overlay {
    position: absolute;
    display: none;
    z-index: 10000;
    background-color: #fff;
    box-shadow: 3px 3px 5px #555;
    padding: 15px 20px 5px 20px;
}
#overlay_win {min-height:430px;}
#overlay_win .overlay-dialog, #overlay_win .overlay-content, #overlay_win .overlay-body {height:100%}
.bad { color: red;}
.good { color: darkgreen;}
.big_text_input { width: 100%; }