.us-plugin-lotto-result-list {

    display: block;

    width: auto;
    height: auto;

    margin: 20px 0 0 0;
    padding: 0 0 0 0;

    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #000;

}

.us-plugin-lotto-result-list .widget-container {

    display: block;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

}



/* FILTERS - START */

.us-plugin-lotto-result-list ul.result-filters {
    
    list-style: none;
    
    margin: 0 0 0 0;
    padding: 0 0 0 0;

    text-align: left;

}

ul.result-filters li {

    display: inline-block;

    width: calc(33.3333% - 16px);
    height: auto;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    text-align: left;
    vertical-align: top;
}

ul.result-filters li { margin-right: 20px; }
ul.result-filters li:last-child { margin-right: 0px; }

.us-plugin-lotto-result-list[data-filter-count="4"] ul.result-filters li { width: calc(25% - 18px); }


.result-filters .l-filter-brand .select2-selection.select2-selection--single:focus-visible {
    outline: auto;
}

.result-filters .l-filter-month .select2-selection.select2-selection--single:focus-visible {
    outline: auto;
}

.result-filters .l-filter-state .select2-selection.select2-selection--single:focus-visible {
    outline: auto;
}
.select2-selection__placeholder {
    color: #545454 !important;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #545454;
}
/* FILTERS - END */



/* LOADING SCREEN - START */

ul.result-filters.loading li > div {

    display: block;

    width: auto;
    height: 45px;

    margin: 0 0 0 0;
    padding: 13px 24px 6px 12px;

    border: 1px solid #d1d2d3;
    border-radius: 4px;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #999;

}

ul.result-filters.loading li > div i { 
    float: right; 

    margin-right: -12px;
    margin-top: 3px;

    font-size: 12px;

}


.us-plugin-lotto-result-list .widget-result-items.loading > div {
    
    display: block;
    
    width: auto;
    height: 52px;

    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
    
    background: rgb(240, 240, 240);
    border-radius: 10px;

    animation-name: row-loading-key;
    animation-duration: 1s;
    animation-iteration-count: infinite;

}

@keyframes row-loading-key {

    0% { opacity: 1; }
    10% { opacity: 0.9; }
    20% { opacity: 0.8; }
    30% { opacity: 0.7; }
    40% { opacity: 0.6; }
    50% { opacity: 0.5; }
    60% { opacity: 0.6; }
    70% { opacity: 0.7; }
    80% { opacity: 0.8; }
    90% { opacity: 0.9; }
    100% { opacity: 1; }
}


.us-plugin-lotto-result-list .select2-container--bootstrap.select2-container--focus .select2-selection,
.us-plugin-lotto-result-list .select2-container--bootstrap.select2-container--open .select2-selection {
    
    box-shadow: unset;
    -webkit-box-shadow: unset;
    border-color: #d1d2d3;
}

/* LOADING SCREEN - END */



/* TABLE - START */

.us-plugin-lotto-result-list .widget-result-items {

    display: block;

    width: auto;
    height: auto;

    margin: 20px 0 0 0;
    padding: 0 0 0 0;

}

.us-plugin-lotto-result-list .widget-result-items .dataTables_filter { display: none; }

.widget-result-items table { border-bottom: unset !important; }

.widget-result-items table thead { display: none; }
.widget-result-items table tbody {}

.widget-result-items table tbody tr {  }
.widget-result-items table tbody tr td { padding: 15px 0 15px 0; border-bottom: 1px solid #a0a0a0; }

.widget-result-items table tbody tr td.td-logo { width: 140px; }
.widget-result-items table tbody tr td.td-brand-id { display: none; width: 0%; }
.widget-result-items table tbody tr td.td-brand-name { width: 15%; }
.widget-result-items table tbody tr td.td-date { width: 10%; }
.widget-result-items table tbody tr td.td-month { display: none; width: 0%; }
.widget-result-items table tbody tr td.td-comb { width: calc(58% - 140px); }
.widget-result-items table tbody tr td.td-command { width: 17%; }

.widget-result-items table tbody tr td > div {

    display: block;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    text-align: left;

}

.widget-result-items table .item-logo { text-align: center; }
.widget-result-items table .item-logo img { height: 34px; }

.widget-result-items table .item-name { font-size: 16px; }
.widget-result-items table .item-date { font-size: 16px; }

.widget-result-items table ul.item-comb { }

.widget-result-items table ul.item-comb > li { 
    
    display: inline-block; 
    float: left;

    width: 34px;
    height: 34px;

    margin: 0 10px 0 0;
    padding: 5px 0 0 0;

    border: 1px solid #888;
    border-radius: 50%;

    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #666;

    text-align: center;

}
.widget-result-items table ul.item-comb > li:last-child { margin-right: 0px; }

.widget-result-items table ul.item-comb > li[data-type="1"] { }
.widget-result-items table ul.item-comb > li[data-type="2"] { border-color: #ef8633; background-color: #ef8633; color: #333; }
.widget-result-items table ul.item-comb > li[data-type="3"] { border-color: #041A17; background-color: #041A17 ; color: #fff; }

.widget-result-items table .item-command { text-align: right; }
.widget-result-items table .item-command a {

    display: inline-block;

    width: auto;
    height: auto;

    margin: 0 0 0 0;
    padding: 7px 25px;

    border: 1px solid var(--jp-btn-border-color);
    border-radius: 7px;

    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 600;

}
html[lang="es"] .widget-result-items table .item-command a { padding: 7px 20px; font-size: 15px; }

.widget-result-items table .item-command a.btn-details {

    float: right;
    background-color: #fff;
    color: var(--jp-btn-font-color);

}
.widget-result-items table .item-command a.btn-details:focus-visible{
    outline:auto;
}
.widget-result-items table .item-command a.btn-play { float: left; }


.widget-result-items .dataTables_paginate {

    margin-top: 10px;

    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;

}

.widget-result-items .dataTables_paginate a.paginate_button {

    padding: 5px 8px 5px 8px;
    border-radius: 5px;

}
.widget-result-items .dataTables_paginate a.paginate_button:hover { border-color: #539C2C; background: unset; background-color: #e9e9e9; color: #000 !important; }

.widget-result-items .dataTables_paginate a.paginate_button.current {

    border-color: #539C2C;

    background: unset;
    background-color: transparent;

}
.widget-result-items .dataTables_paginate a.paginate_button.current:hover { border-color: #539C2C; background: unset; background-color: #e9e9e9; }

.widget-result-items .dataTables_paginate a.paginate_button:focus { -webkit-box-shadow: unset !important; }


.widget-result-items .dataTables_paginate a.paginate_button.previous.disabled,
.widget-result-items .dataTables_paginate a.paginate_button.next.disabled {
    color: #adadad !important;
    cursor: not-allowed;
}

.widget-result-items .dataTables_paginate a.paginate_button.previous:hover { border-color: transparent; background: unset; background-color: unset; color: #000; color: #539C2C !important; }
.widget-result-items .dataTables_paginate a.paginate_button.next:hover { border-color: transparent; background: unset; background-color: unset; color: #000; color: #539C2C !important; }

.widget-result-items .dataTables_paginate a.paginate_button.previous.disabled:hover,
.widget-result-items .dataTables_paginate a.paginate_button.next.disabled:hover {
    color: #adadad !important;
}
/* TABLE - END */





/* SMALL DESKTOP SCREEN - START */

@media (min-width: 900px) and (max-width: 999px) {

    .widget-result-items table tbody tr td.td-comb { width: calc(48% - 140px); }
    .widget-result-items table tbody tr td.td-command { width: 22%; }

    .widget-result-items table ul.item-comb > li { width: 28px; height: 28px; padding: 4px 0 0 0; margin: 0 5px 5px 0; font-size: 14px; }

}

@media (min-width: 1000px) and (max-width: 1099px) {

    .widget-result-items table tbody tr td.td-comb { width: calc(50% - 140px); }
    .widget-result-items table tbody tr td.td-command { width: 20%; }

    .widget-result-items table ul.item-comb > li { width: 32px; height: 32px; padding: 5px 0 0 0; margin: 0 5px 5px 0; font-size: 15px; }

}

@media (min-width: 1100px) and (max-width: 1199px) {

    .widget-result-items table tbody tr td.td-comb { width: calc(52% - 140px); }
    .widget-result-items table tbody tr td.td-command { width: 18%; }

    .widget-result-items table ul.item-comb > li { width: 34px; height: 34px; padding: 5px 0 0 0; margin: 0 7px 5px 0; font-size: 16px; }

}

/* SMALL DESKTOP SCREEN - END */