.hidden {
    display: none;
}

.hidden_finnal {
    display: none !important;
}

.hammer_yse_or_no_checkbox_label > input[type="checkbox"][class="hidden"] + span::after {
    content: '❌';
    padding: 0.3em;
    line-height: 1.8em;
    font-size: 1.3em;
}

.hammer_yse_or_no_checkbox_label > input[type="checkbox"][class="hidden"]:checked + span::after {
    content: '✔️';
    background: #F00;
}


.hammer_radio_group_label {
    display: inline-block;
    padding-left: 10px;
}

.hammer_radio_group_label input[type="radio"] {
    display: none;
}

.hammer_radio_group_label input[type="radio"] + i {
    display: inline-block;
    color: #c2c2c2;
    font-size: 22px;
    vertical-align: middle;
    font-family: layui-icon !important;
    font-style: normal;
    -moz-osx-font-smoothing: grayscale;
    -ms-user-select: none;
    -moz-user-select: none;
    line-height: 28px;
    margin: 3px 10px 0 0;
    /* padding-right: 10px; */
    cursor: pointer;
}

.hammer_radio_group_label input[type="radio"] + i:before {
    content: '';

}

.hammer_radio_group_label input[type="radio"]:checked + i:before {
    color: #5FB878;
    content: '';
}

.hammer_radio_group_label > i + div {
    display: inline-block;
}


.hammer-ui-icon-ok:before {
    content: "\e605";
}


.hammer-ui-checkbox-group {
    border: 1px solid #DDD;
    padding: 6px;
}

.hammer-ui-checkbox-group > input[type="checkbox"] {
    display: none !important;
}

.hammer-ui-checkbox-group > input[type="checkbox"] + span {
    user-select: none;
    cursor: pointer;
}

.hammer-ui-checkbox-group > input[type="checkbox"] + span:after {
    content: '❌';
}

.hammer-ui-checkbox-group > input[type="checkbox"]:checked + span:after {
    content: '✔️';
    background: #F00;
}

.hammer-ui-checkbox-group_2 *, .hammer-ui-checkbox-group_3 * {
    cursor: context-menu;
    user-select: none;
}

.hammer-ui-checkbox-group_2 > input[type=checkbox], .hammer-ui-checkbox-group_3 > input[type=checkbox] {
    display: none !important;
}

.hammer-ui-checkbox-group_2 > input[type=checkbox] + span {
    /*cursor: pointer;*/
    padding-left: 0.5em;
    user-select: none;
}

.hammer-ui-checkbox-group_2 > input[type=checkbox] + span::after {

    content: "\2716";
    background-color: #DDD;
    color: #FFF;
    border-color: #037DF3;
    padding: 2px;
}

.hammer-ui-checkbox-group_2 > input[type=checkbox]:checked + span::after {
    content: "\2714";
    background-color: #0075ff;
    color: #FFF;
    border-color: #00F;
}

.hammer-ui-checkbox-group_3 > span {
    background-color: #DDD;
    color: #FFF;
    border-color: #037DF3;
    text-decoration: line-through 1px #00F;
    padding: 5px;
}

.hammer-ui-checkbox-group_3 > .selected {
    background-color: #0075ff;
    color: #FFF;
    border-color: #00F;
    text-decoration: none;
}


.hammer-element-group blockquote, .hammer-element-group button, .hammer-element-group dd, .hammer-element-group div, .hammer-element-group dl, .hammer-element-group dt, .hammer-element-group form, .hammer-element-group h1, .hammer-element-group h2, .hammer-element-group h3, .hammer-element-group h4, .hammer-element-group h5, .hammer-element-group h6, .hammer-element-group input, .hammer-element-group li, .hammer-element-group ol, .hammer-element-group p, .hammer-element-group pre, .hammer-element-group td, .hammer-element-group textarea, .hammer-element-group th, .hammer-element-group ul {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.hammer-element-group label {
    cursor: default;
}


.hammer-element-group {

    margin: 10px 0;
    text-align: left !important;

    position: relative;
    padding: 10px 15px;
    line-height: 24px;


    line-height: 24px;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}

.hammer-multiple-select-group {
    border: 1px solid #000;
    padding: 1px;
}

.hammer-selected-items-container {
    -width: calc(100% - 1em);
}


.hammer-un-selected-items-container {
    max-height: 30em;
    overflow-y: scroll;
}


.hammer-un-selected-items-container .layui-icon-close {
    display: none;
}

.hammer-un-selected-items-container > span {
    display: block;
    border: 1px solid #C9C9C9;
    background-color: #fff;
    color: #555;
}


.table-header-fixed {
    position: fixed;
    top: 0;
    z-index: 99
}