.mydefault {color:darkgreen;background-color:lightyellow;font-weight:bold}

.jqgridcolssorter_container {
    margin:-0.38em 0 0 0;padding:0.05em 0.3em;width:fit-content;border:4px silver groove;height:fit-content;
}

BUTTON.jqgridcolssorter_button {
    cursor:pointer;
    font-size:1.1em;
    color:green;
    font-weight: bold;
    font-family: lato, serif;
    height:34px;
    margin:0; padding: 0.1em 1em;
    text-align: center;
    transition: 0.2s;
    transform: perspective(1000px) rotateY(5deg);
    background: linear-gradient(to right, gray, whitesmoke, white);
    border-style: outset;
    box-shadow: 1px 0 0 1px rgba(0, 0, 0, 0.2);
}

BUTTON.jqgridcolssorter_button_off {
    color:black;
    transform: perspective(1000px) rotateY(-5deg);
    border-style: inset;
    box-shadow: -1px 0 0 1px rgba(0, 0, 0, 0.2);
}

BUTTON.jqgridcolssorter_button:hover {
    color:black;
    transform: perspective(1000px) rotateY(-5deg);
    border-style: inset;
    box-shadow: -1px 0 0 1px rgba(0, 0, 0, 0.2);
}
BUTTON.jqgridcolssorter_button:active {
    border-style:none;
}

.jqgridcolssorter_label {
    font-weight: 100;font-family: smaller, x-small, monospace ;margin:0;padding: 0 0.2em;text-align:center
}
.clasificameLabel {
    font-weight: 100;
    font-family: smaller, x-small, monospace ;
    font-size:0.8em;
    margin:0;padding: 0 0.2em;
}
.jqgridcolssorter_del {visibility: hidden;}
.jqgridcolssorter_select:valid + .jqgridcolssorter_del { visibility: visible;cursor:pointer;}


SELECT.jqgridcolssorter_select {
    font-size:0.95em;
    font-weight: 100;
    font-family: smaller, x-small, monospace;
    border:3px silver outset;
    margin:2px;padding:6px;
    text-overflow: ellipsis;

}

.jqgridcolssorter_option_coded {color:blue!important;}
.jqgridcolssorter_para_todos_Si {color:turquoise}
.jqgridcolssorter_para_todos_No {}

.jqgridcolssorter_dialog {width:fit-content;border:3px whitesmoke groove;margin:0.2em;padding:0.2em; }