@media (max-width: 2048px) {

    #select-sport:hover,
    #select-match:hover {
        background-color: yellow !important;
        border: 1px solid;
        border-radius: 5px;
        padding: 5px;
        font-weight: bold;
    }

    #select-sport.active,
    #select-match.active {
        background-color: var(--themeColor1) !important;
        border: 1px solid;
        border-radius: 5px;
        padding: 5px;
        font-weight: bold;
    }

    .position-absolute-0-0-0-0 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: auto;
    }

    .sport-type-container {
        min-width: 200px;
        margin-right: 10px;
        position: relative;
    }

    .sport-type-container input {
        margin-bottom: 5px;
    }

    .search-container {
        min-width: 300px;
        margin-right: 10px;
        position: relative;
    }

    .search-container input {
        margin-right: 5px;
    }

    .markets-container {
        flex: 1;
        padding-right: 10px;
        display: flex;
        width: 100%;
        position: relative;
    }

    .markets-container input {
        margin-right: 5px;
    }

    .betslip-container {
        max-width: 400px;
        min-width: 400px;
        position: relative;
    }

    #betslip-container2 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow-y: auto;
    }

    .accordion {
        border: none !important;
        padding-left: 15px;
    }

    .filtered-markets-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        overflow-y: auto;

        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .filtered-markets-container label {
        padding: 0 !important;
        margin: 0 !important;
    }

    .filtered-markets-container .market {
        width: 50%;
        min-width: 400px;
        max-width: 400px;
        padding-right: 10px;
    }

    .market>.market-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: end;
    }

    .market-item label {
        flex: 1;
        padding-left: 20px !important;
    }

    .market-item .add-button {
        max-width: 50px !important;
    }

    #select-match {
        /* max-width: 600px; */
        border-bottom: 1px solid;
    }

    .markets-accordion {
        border: none !important;
        padding-left: 15px;
        padding-right: 15px;
        flex: 1;
    }

    .sport-type-current {
        background-color: yellow !important;
        border: 1px solid;
        border-radius: 5px;
        padding: 5px;
        font-weight: bold;
    }

    #betslip-container:focus-within,
    #sportList:focus-within,
    #searchResultList:focus-within,
    #filteredMarkets:focus-within {
        border: 3px solid;
        border-radius: 5px;
        border-color: red !important;
    }

    .header-hint {
        margin-bottom: 5px;
    }

    .header-hint span {
        font-weight: bold;
    }

    .market-item.selected {
        border: 1px solid;
        border-radius: 5px;
        padding: 2px;
        border-color: red !important;
        outline: none;
        box-shadow: 0 0 5px red;
    }

    .flex-shrink-0 {
        flex: 1 !important;
    }

    body {
        overflow: hidden !important;
    }

    .container-fluid.p-0.m-0 {
        height: 100%;
    }

    #sb {
        height: 100%;
    }

    .container-fluid.pl-0 {
        height: 100%;
    }

    .main {
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: end;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;


        position: relative;

        overflow: unset;
    }

    #sp-betslip-wrapper>.tab-content {
        overflow-y: hidden;
    }

    #sp-bet-static:focus,
    #sp-remove-all:focus,
    #sp-bet-in-dialog:focus,
    .close.btn-close-confirmModal:focus,
    #sp-remove-all-close:focus,
    .w-100.text-center.sp-btn-bet:focus,
    #sl-promotion-id:focus {
        border: 3px solid !important;
        border-radius: 5px !important;
        border-color: red !important;
    }

    #sp-remove-all-modal:focus,
    #sp-remove-all-no:focus,
    #sp-bet-in-dialog-close:focus {
        border: 3px solid !important;
        border-radius: 5px !important;
        border-color: white !important;
    }

    .sport-type-container,
    .search-container,
    .markets-container,
    .betslip-container {
        display: block;
    }
}

@media (max-width: 768px) {

    #select-sport:hover,
    #select-match:hover {
        background-color: yellow !important;
        border: 1px solid;
        border-radius: 5px;
        padding: 5px;
        font-weight: bold;
    }

    #select-sport.active,
    #select-match.active {
        background-color: var(--themeColor1) !important;
        border: 1px solid;
        border-radius: 5px;
        padding: 5px;
        font-weight: bold;
    }

    .sport-type-container {
        margin: 10px;
        flex: 1;
        position: relative;
    }

    .sport-type-container input {
        margin-bottom: 5px;
    }

    .search-container {
        min-width: unset;
        padding-right: unset;
        flex: 1;
        position: relative;
        margin: 10px;
    }

    .search-container input {
        margin-right: 5px;
    }

    .markets-container {
        flex: 1;
        padding-right: 10px;
        display: flex;
        width: 100%;
        position: relative;
        margin: 0;
    }

    .markets-container input {
        margin-right: 5px;
    }

    .betslip-container {
        max-width: unset;
        min-width: unset;
        position: relative;
        flex: 1;
        display: flex;
    }

    #betslip-container2 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow-y: auto;
    }

    .accordion {
        border: none !important;
        padding-left: 15px;
    }

    .filtered-markets-container {
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        overflow-y: auto;

        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .filtered-markets-container label {
        padding: 0 !important;
        margin: 0 !important;
    }

    .filtered-markets-container .market {
        width: unset;
        min-width: unset;
        max-width: unset;
        padding-right: unset;
    }

    .market>.market-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: end;
    }

    .market-item label {
        flex: 1;
        padding-left: 20px !important;
    }

    .market-item .add-button {
        max-width: 50px !important;
    }

    #select-match {
        /* max-width: 600px; */
        border-bottom: 1px solid;
    }

    .markets-accordion {
        border: none !important;
        padding-left: 15px;
        padding-right: 15px;
        flex: 1;
    }

    .sport-type-current {
        background-color: yellow !important;
        border: 1px solid;
        border-radius: 5px;
        padding: 5px;
        font-weight: bold;
    }

    #betslip-container:focus-within,
    #sportList:focus-within,
    #searchResultList:focus-within,
    #filteredMarkets:focus-within {
        border: unset;
        border-radius: unset;
        border-color: unset;
    }

    .header-hint {
        margin-bottom: 5px;
    }

    .header-hint span {
        font-weight: bold;
    }

    .market-item.selected {
        border: 1px solid;
        border-radius: 5px;
        padding: 2px;
        border-color: red !important;
        outline: none;
        box-shadow: 0 0 5px red;
    }

    .flex-shrink-0 {
        flex: 1 !important;
    }

    body {
        overflow: hidden !important;
    }

    .container-fluid.p-0.m-0 {
        height: 100%;
    }

    #sb {
        height: 100%;
    }

    .container-fluid.pl-0 {
        height: 100%;
    }

    .main {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: unset;
        justify-content: unset;
        padding: 0;
        margin: 0;

        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;

        overflow: auto;
    }

    #sp-betslip-wrapper>.tab-content {
        overflow-y: hidden;
    }

    #sp-bet-static:focus,
    #sp-remove-all:focus,
    #sp-bet-in-dialog:focus,
    .close.btn-close-confirmModal:focus,
    #sp-remove-all-close:focus,
    .w-100.text-center.sp-btn-bet:focus,
    #sl-promotion-id:focus {
        border: unset;
        border-radius: unset;
        border-color: unset;
    }

    #sp-remove-all-modal:focus,
    #sp-remove-all-no:focus,
    #sp-bet-in-dialog-close:focus {
        border: unset;
        border-radius: unset;
        border-color: unset;
    }

    #sp-betslip {
        display: block !important;
        position: unset !important;
    }

    #filteredMarkets {
        margin: 10px;
    }

    .card.container {
        max-width: 100%;
    }
}