.tab-resum {
    background: var(--white-official);
    min-height: 200px;
    margin-bottom: 50px;
    width: 100%;
}

.tab-resum tr {
    cursor: pointer;
}

.tab-resum tr td li,
.option-group li {
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}

.tab-resum tr th {
    background: var(--black-official);
    color: var(--color-official);
}

.disabled {
    background: transparent;
    color: var(--gray-official);
    border: .5px solid var(--black-official);
    pointer-events: none;
}


.options-resum .header {
    text-align: center;
}

.options-resum .body {
    position: relative;
}

.options-resum .body ul {
    position: absolute;
    background: var(--white-official);
    border: .5px solid var(--gray-official);
    list-style: none;
    padding: 0;
    width: 100%;
    z-index: 99;
}

.options-resum .body ul li {
    padding: 10px;
    border-top: .5px solid var(--gray-official);
    cursor: pointer;
}

.options-resum .body ul li:hover {
    background: var(--black-official)
    color: var(--color-official);
}

.options-resum .body ul li form button {
    width: 100%;
    height: 35px;
    background: var(--white-official);
    text-align: left;
}

.options-resum .body ul li:hover,
.options-resum .body ul li form button:hover {
    background: var(--black-official);
    color: var(--color-official);
}

.table-once-order-resum .head,
.cmd .head {
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    margin-bottom: 10px;
    border-bottom: .5px solid var(--gray-official);
}

.table-once-order-resum .line,
.cmd .line {
    padding: 5px;
}

.table-once-order-resum .line:hover,
.cmd .line:hover {
    background: var(--white-official);
} 

/* ------------------------------- */
.content-resum {
    background: var(--white-official);
    cursor: pointer;
    box-shadow: 1px 2px 2px var(--gray-official);
    border-radius: 8px;
}

.content-resum .top {
    background: var(--black-official);
    color: var(--color-official-x-fade);
    padding: 15px;
    position: relative;
    font-size: 80%;
}

.content-resum .top label {
    position: absolute;
    top: 7.5px;
}

.content-resum .right {
    color: var(--black-official);
    border-left: .5px solid var(--color-official);
}

.content-resum .right,
.content-resum .left {
    padding: 10px;
    font-size: 90%;
}


.content-resum .top .dot {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    cursor: pointer;
    font-size: 120%;
}


.content-resum .top .options {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--white-official);
    min-width: 300px;
    z-index: 10;
    border: .5px solid var(--gray-official);
}

.content-resum .top .options .header {
    background: var(--black-official);
    padding: 15px;
    text-align: center;
}

.content-resum .top .options .header i {
    float: right;
}



.content-resum .top .options .body {
    background: var(--color-official-x-fade);
    padding: 15px;
    text-align: center;
}

.content-resum .top .options .body ul {
    list-style: none;
    padding: 0;
}

.content-resum .top .options .body ul li {
    text-align: left;
    padding: 10px;
    color: var(--black-official);
    cursor: pointer;
}

.content-resum .top .options .body ul button {
    text-align: left;
    color: var(--black-official);
    cursor: pointer;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 10px;
}

.content-resum .top .options .body ul button:hover {
    background: var(--black-official);
    color: var(--color-official-x-fade);
}

.content-resum .top .options .body ul li:hover {
    background: var(--black-official);
    color: var(--color-official-x-fade);
}

.content-resum .content-checkbox {
    border: 1px solid var(--black-official);
    width: 100%;
}

.bgd-green {
    background: var(--green-official);
    color: var(--white-official)fff;
}

.bgd-red {
    background: var(--color-official);
    color: var(--white-official)fff;
} 

/* ----------------------------------------------------------- */

 input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

input[type=checkbox] {
    border-radius: 4px;
    height: 25px;
    width: 25px;
    background: var(--white-official);
    margin-top: 10px;
    border: 1px solid var(--color-official);
}

input[type="checkbox"]:checked {
    background: var(--yellow-official);
    position: relative;

    &:before {
        font-family: FontAwesome;
        content: '\f00c';
        display: block;
        color: var(--gray-official);
        font-size: 20px;
        position: absolute;
        top: -17px;
        right: 3px;
    }
} 

.filter-recap .filter-form, .filter-recap .filter-button{
    background: var(--white-official);
}

.filter-recap .filter-button{
    padding: 20px 10px 30px 10px;
}

.filter-recap .filter-form{
    border-top: .5px solid var(--gray-official);
    padding: 10px 10px 40px 10px;
}

.filter-recap .info-resum{
    color: var(--white-official);
    background: var(--color-official);
    padding: 10px 15px;
    font-size: 90%;
}