:root {
        --item-box-back                : white;
    }

    img.icon {
        position            : absolute;
        left                : 50%;
        top                 : -10px;
        margin-left         : -62px;
        border              : none;
    }

    #drop_icon {
        position            : absolute;
        width               : 40px;
        height              : 40px;
        z-index             : 2000;
    }

    #drop_icon.accept {
        background-image    : url('/images/icons/drop_accept.png');
    }

    #drop_icon.refuse {
        background-image    : url('/images/icons/drop_refuse.png');
    }

    .item {
        position            : relative;
        text-align          : center;
    }
    
    .item.selected .container_item {
        border-color        : var(--main-hilighted-attention-hover);
        box-shadow: inset 0 0 0 2px var(--main-hilighted-attention-hover);
    }


    .container_toolbar .tool {
        display             : inline-block;
        padding             : 3px 6px;
        border-right        : 1px dashed #600;
        position            : relative;
    }

    .container_toolbar .tool:last-child {
        border-right        : none;
    }

    .ie .container_toolbar .tool {
        display             : inline;
    }

    .container_quantity {
        background          : var(--main-hilighted-attention); /* #FFFF99; */
    }

    .toolbar_tip {
        background          : black;
        color               : white;
        position            : absolute;
        top                 : -27px;
        left                : 20px;
        padding             : 2px 7px;
    }
    .toolbar_tip span:after {
        position            : absolute;
        width               : 0px;
        height              : 0px;
        content             : '';
        border-color        : black transparent transparent transparent;
        border-width        : 10px;
        border-style        : solid;
        display             : block;
        left                : 35px;
    }
    
    #groph_clothing_preview {
    	text-align			: center;
    	max-width			: 512px;
    	margin				: auto;
    	font-style			: italic;
    	margin-top			: 10px;
    }
    #groph_clothing_preview .dummy_holder > div, #groph_clothing_preview .groph_box {
    	margin				: auto;
    }
    #groph_clothing_preview .groph_box + .groph_box {
        margin-top          : 20px;
    }
    
    .get_item_box {
        margin                  : auto;
        display                 : flex;
        flex-direction          : column;
        width                   : 304px;
        margin-top              : 20px;
    }
    .item_details_box {
        background-color        : var(--item-box-back);
        margin-bottom           : 6px;
    }
    
    @media screen and (min-width:510px) {
    
        .get_item_box {
            flex-direction      : row;
            flex-wrap           : wrap;
            width               : 510px;
            padding             : 20px;
            border              : 2px solid var(--main-panel-border);
            background          : var(--main-panel-back);
            box-sizing          : content-box;
        }
        .get_item_box .title_band {
            width               : 100%;
        }
        .item_details_box {
            width               : 200px;
            margin-right        : 6px;
            margin-bottom       : 0px;
            padding             : 6px;
            box-sizing          : border-box;
        }
        
    }