.platforms {
    display: flex;
    overflow: auto;
    overflow-y: hidden;
}

.platforms__box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.platforms::-webkit-scrollbar {
    display: none;
}

.platforms__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.platforms__avatar img {
    max-width: 100%;
    width: 25px;
}

.platform__status {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    bottom: 4px;
    right: 4px;
    border: 2px solid #fff;
}

.platform__status--active {
    background: #68f436;
}

.platform__status--deactive {
    background: #f4364c;
}

.pricing__box {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    /* border-top: 1px solid #d9d9d9; */
    background: #e9ecef;
    margin-top: 5px;
    border-radius: 5px;
}

.pricing__heading label {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pricing__heading .active {
    transform: rotate(180deg);
}

.pricing__heading label span {
    font-weight: 600;
}

.pricing__box-title {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0 10px;
}

.pricing__box-inputs {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.pricing__inputs--error {
    color: #f4364c !important;
    background-color: #fff !important;
    border-color: #ff80805c !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 25%) !important;
}

span[class^='pricing__error'] {
    display: none;
    color: #f4364c;
    font-size: 11px;
}

.pricing__inputs::-webkit-outer-spin-button,
.pricing__inputs::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pricing__inputs {
  -moz-appearance: textfield;
}

@media only screen and (max-width: 1760px) { 
    .platform-button-list.special-fix-mobile {
        max-width: 78% !important; 
        width: auto;
    } 
} 

@media only screen and (max-width: 1300px) { 
    .platform-button-list.special-fix-mobile {
        max-width: 70% !important; 
        width: auto;
    } 
} 

@media only screen and (min-width: 781px) { 
    #order-filter-block { 
        display: flex; 
        flex-direction: column; 
    } 
     
    .platform-button-list { 
        width: 80%; 
        white-space: nowrap; 
        position: relative; 
        overflow-x: scroll; 
        overflow-y: hidden; 
        padding: 0; 
        padding-bottom: 10px; 
        scroll-behavior: smooth; 
    } 
    
    #order-filter-block ul, #filter-sub-tabs ul { 
        overflow-x: scroll; 
    } 
     
    .platform__row { 
        position: relative; 
        padding: 0 15px; 
    } 
     
    .dropdown__container { 
        width: 10%; 
        position: absolute; 
        right: 0; 
    } 
     
    .platform-button-list::-webkit-scrollbar{ 
        display: none; 
    } 
 
    #scroll_icon_right { 
        position: relative; 
        top: 10px; 
        right: -15px; 
        z-index: 2; 
        cursor: pointer; 
        color: #031b4d; 
        font-size: 18px; 
    } 
 
    .scroll_icon { 
        position: relative; 
        top: 10px; 
        z-index: 2; 
        cursor: pointer; 
        color: #031b4d; 
        font-size: 18px; 
    } 
 
    #scroll_icon_left { 
        position: absolute; 
        left: -5px; 
        display: none; 
    } 
 
    #scroll_icon_right { 
        right: -15px; 
    } 
} 
 
@media only screen and (max-width: 780px) { 
    #scroll_icon_left, #scroll_icon_right { 
        display: none; 
    } 
} 
 
@media only screen and (min-width: 992px) { 
    #scroll_icon_left { 
        left: -15px; 
    } 
} 
 
@media only screen and (min-width: 1300px) { 
    .platform-button-list { 
        width: 85%; 
    } 
     
    .platform-button-list.special-fix-mobile {
        max-width: 86%; 
        width: auto;
    } 
} 
 
@media only screen and (min-width: 1700px) { 
    .platform-button-list { 
        width: 88%; 
    } 
    .special-fix-mobile{
        max-width: 88%;
    }
}