span.multiselect-native-select {
    position: relative;
}
span.multiselect-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px -1px -1px -3px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    left: 50%;
    top: 30px;
}
.multiselect.dropdown-toggle:after {
    display: none;
}
.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.multiselect-container .multiselect-reset .input-group {
    width: 93%;
}
.multiselect-container .multiselect-group.dropdown-item,
.multiselect-container .multiselect-group.dropdown-toggle,
.multiselect-container > .multiselect-option.dropdown-item,
.multiselect-container > .multiselect-option.dropdown-toggle {
    cursor: pointer;
}
.multiselect-container .multiselect-group > span,
.multiselect-container > .multiselect-option > span {
    padding: 3px 20px;
}
.multiselect-container .multiselect-group > span > .form-check-label,
.multiselect-container > .multiselect-option > span > .form-check-label {
    cursor: pointer;
}
.form-inline .multiselect-container span.form-check {
    padding: 3px 20px 3px 40px;
}

.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: scroll !important;
    overflow-x: scroll !important;
    height: 500px;
}

#doublescroll {
    overflow: auto;
    overflow-y: hidden;
}

#doublescroll p {
    margin: 0;
    padding: 0.5em;
    white-space: nowrap;
}

.badge-menu {
    margin-top: 5px;
    cursor: pointer;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.table-scroll table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.table-wrap {
    position: relative;
}

.table-scroll th,
.table-scroll td {
    padding: 5px 10px;
    border-bottom: 1px dashed #ebedf2 !important;
    background: #fff;
}

.table-scroll thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    color: #fff;
    z-index: 4;
}

.table-scroll th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
}

.table-scroll thead th:first-child,
.table-scroll tfoot th:first-child {
    z-index: 5;
}

tr.hide-table-padding td {
    padding: 0;
    display: none;
}

.expand-trade-button:before {
    position: absolute;
    top: 25%;
    left: 0.75rem;
    cursor: pointer;
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAARUlEQVQ4y2NgGJ7AxcVlCRDzU2LAfyC+B8RWlBgAwr+BuAGIWcg1AIaPArEiJQaA8Acgjh4wA8j2AkWBSFE0UpaQhhYAALw6R4effTRhAAAAAElFTkSuQmCC");
}

.collapse-trade-button:before {
    position: absolute;
    top: 25%;
    left: 0.75rem;
    cursor: pointer;
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAAUklEQVQ4y2NgGAUowMXFZQkQ/yeAl+AzgB+I7+HRDJLjJ+QKKyD+jUUzSMyKWK80YDGgnpSwYAHio0iaQWwWUgNUEYg/QLEiubESDcKj6ZPGAAAU4UeGTY9q3wAAAABJRU5ErkJggg==");
}

#loadingComparison {
    background: url(../../img/trade-agreements-loading.gif) top center no-repeat;
    padding-top: 100px !important;
    background-size: 105px;
}

.front,
.back {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    backface-visibility: hidden;
}

.res-pub:before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAiQAAAIkBOZtwtgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADqSURBVDiN7dMxSgNAEIXhb2NETCVaWEYEG2sLb2AjXkERvIG9nZ138ACCF7AKaGOvNiqpAoIgmAQ0wrPIRuxSpLBxyjcz/+wOb0oSs0Rjpm40oZSygz0s4QtPOE/Srfk2DrBee95wmeSq4AKb2EoyLKXMYwPHFQRtnOExyaiU0sIt7hvoo5NkCElGSe6SHGKAQZKjJA9JRrVmWAH95pQvPk/bwcxL/AdQcI4e1vBZ9SFu8FGHLGAbLaRqPaw2q3ht7LA2XrGMU6xgDi8VOMl10cF+E+8VcjIx08/zxq40MdAvfRG76Jc/v8ZvqFde4cUH2cwAAAAASUVORK5CYII=");
}

.res-vid:before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD0SURBVDiNxZOhTgNBFEXPnWwTKipahSN1yLrKGgT8Ca624QsWDEjQfAS1NehKXFNX1YqKNmngInibbDalWbKCl0wmmXvPmzvJPNmmSQl4ATZAN/Y6VXi7AHmkyG1TZ5WZBIwk5UW3ugmCGSVgZnvyh/gAm2BmCRhIugU6hSrpTNLwRINOMIMELIApsCsZzoE7SU+SLo402AWzyIAecAm0KqY34BUYSzLwYPsztFYwvVTrxT/1dewwA9bAB3BV0W7ilkfby4p2CGadAX3gGmiXDCvg3vb7L2nawfQTMLf9DGwL1fb+BAywDWb+/x+p8TCp6Th/A1ykfjX9kpwgAAAAAElFTkSuQmCC");
}

.comparespan:before {
    content: url("data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==");
    position: relative;
    top: 0.3em;
}

.cls-pointer-compare:hover {
    border: 1px #808080 solid;
}

.multiselect-group {
    font-weight: bold !important;
    background-color: gray !important;
    color: white !important;
    padding: 10px !important;
}

/* for mobile */
/* for mobile */
@media screen and (max-width: 768px) {
    .table-scroll {
        display: none;
    }

    #dss_trade_agreement_filter {
        display: none;
    }

    #filtertxtindicator {
        display: none;
    }

    #dss_table_trade_agreements_result_loading_mobile {
        display: block;
    }

    #dss_options_trade_agreement_mobile {
        display: block;
    }

    #dss_cards_trade_agreement_mobile {
        display: block;
    }

    #dss_trade_agreement_mobile_filter {
        display: block;
    }

    #filtertxtindicator-mb {
        display: initial;
    }
}

@media only screen and (min-width: 768px) {
    .table-scroll {
        display: block;
    }

    #dss_trade_agreement_filter {
        display: block;
    }

    #filtertxtindicator {
        display: initial;
    }

    #dss_options_trade_agreement_mobile {
        display: none;
    }

    #dss_cards_trade_agreement_mobile {
        display: none;
    }

    #dss_trade_agreement_mobile_filter {
        display: none;
    }

    #dss_table_trade_agreements_result_loading {
        display: none;
    }

    #dss_table_trade_agreements_result_loading_mobile {
        display: none;
    }

    #filtertxtindicator-mb {
        display: none;
    }
}