:root{

    --font2:  'Ubuntu', sans-serif;
    --Primary: #0075FF;
    --Secondary: #FFFFFF;
    --Disabled: #252627;
    --Black: #000000;
    --Gris2: #b1b1b1;
}

a:hover {
    color: var(--Primary)!important;
}

a{
    color: var(--Secondary)!important;
}

.bg-2 {
    background-color: var(--Fond2);
}

.bg-3 {
    background-color: var(--Primary);
    color: var(--Secondary);
}

.account_pseudo, .account_teams {
    margin: 5px 0 5px 0;
    font-size: 18px;
    font-weight: bold;
}

.account_active_row {
    border-right: var(--Primary) 6px solid!important;
}

.account_connexion, .account_creation, .account_liste, .account_myteam, .account_rejoindre, .account_order, .account_security, .account_stream, .account_soloq {
    display: none;
}

.account_message_false {
    text-align: center;
    margin-top: 15px;
    border-radius: 10px;
    padding: 5px;
    border: 1px solid red;
    background-color: rgba(238, 11, 11, 0.2);
}

.account_message_true {
    text-align: center;
    margin-top: 15px;
    border-radius: 10px;
    padding: 5px;
    border: 1px solid green;
    background-color: rgba(5, 48, 15, 0.2);
}

/* NEW UI */

.account-div {
    border-radius: 15px;
    /* min-height: 250px; */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20);
}

.account-avatar-img {
    margin-top: 15px;
    width: 128px;
    height: 128px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20);
    border-radius: 15px;
}

.account-pseudo {
    color: white;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
}

.account-left-section-name{
    padding: 10px 10px;
    font-weight: bold;
    font-size: 20px;
}

.account-leave {
    padding: 10px 10px;
    font-weight: bold;
    font-size: 16px;
}

/* .account-leave a:hover {
    color: var(--Primary)!important;
} */

.list-group {
    margin-bottom: 0px;
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group-item {
    background-color: var(--Disabled);
    color: white;
    text-align: left;
    border-left: 0px;
    border-right: 0px;
    padding: 15px 15px;
    cursor: pointer;
}

.list-group-item:hover {
    background-color: var(--Black);
    border-right: var(--Secondary) 6px solid!important;
}

.list-group-item svg {
    margin-right: 5px;
}

.account-right-div {
    padding: 30px;
}

.account-div h6 {
    padding-top: 0px;
    ;
}

/* .account-div i, .account-div a {
    color: var(--Secondary);
} */

.div-rounded-new {
    border-radius: 15px;
    background-color: var(--Fond2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.20);
}

.users-div-top {
    padding: 10px;
    height: 150px;
}

.account-player-img, .player-img {
    /* margin-top: 15px; */
    width: 128px;
    height: 128px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

/* ORDER LIST */

.order-list-container {
    margin-bottom: 10px;
}

.order-list-table {
    margin-bottom: 0px;
}

.order-list-header {
    text-align: center;
    font-family: var(--font1);
    color: black!important;
    ;
    /* background-color: var(--Gris2); */
    background-color: var(--Fond3);
    margin: 0px!important;
    margin-top: 13px!important;
    border-radius: 15px;
    border-top-right-radius: 15px;
    padding: 15px 20px 15px 20px;
    font-weight: 600;
    /* border: 1px solid grey; */
}

.order-list-header.active {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.order-list-footer {
    text-align: center;
    font-family: var(--font1);
    color: grey!important;
    ;
    background-color: var(--Fond3);
    margin: 0px!important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 15px 20px 15px 20px;
}

.order-list-content {
    background-color: var(--Fond3);
}

.order-list-id, .order-list-price, .order-list-date {
    color: white;
    font-size: 14px;
}

.order-list-status {
    border-radius: .5rem !important;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: normal;
    color: white;
}

.order-list-status.progress {
    border: 1px solid var(--Primary);
    background-color: rgba(20, 83, 209, 0.2);
}

.order-list-status.validated {
    border: 1px solid green;
    background-color: rgba(5, 48, 15, 0.2);
}

.order-list-status.canceled {
    border: 1px solid red;
    background-color: rgba(238, 11, 11, 0.2);
}

.order-list-item-img {
    width: 120px;
    padding: 10px;
    /* margin: 5px; */
}

.order-list-item-img img {
    background-color: #dddddd;
    border-radius: 10px;
}

.team-paid {
    margin-top: 15px;
    padding: 10px;
    font-family: var(--font1);
    font-size: 18px;
    font-weight: 700;
}

.user-link-row {
    background-color: #141414;
    border-radius: 15px;
    padding: 10px;
    /* padding-top: 15px; */
    text-align: left;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}

.user-link-row>div>img {
    width: 48px;
    border-radius: 5px;
}

.launcher_icon_head {
    width: 48px;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
}

.launcher:not(.active) {
    cursor: pointer;
    margin: 15px;
}

.launcher.active {
    border: 3px solid var(--Primary);
    border-radius: 8px;
    margin: 15px;
}

.launcher, .icon_launcher {
    margin: 15px;
}

.user-link-row>.tittle {
    line-height: 45px!important;
    text-transform: uppercase;
    align-items: center;
}

.user-link-row>.informations {
    margin-left: 15px;
    min-width: 200px;
    line-height: 23px!important;
}

.user-link-row>.informations>span.plateform>img {
    width: 16px;
    margin-left: 5px;
    line-height: 15px;
    margin-top: -4px;
}

.user-link-row>.actions {
    line-height: 48px;
    width: 100%;
}

.user-link-row>div>.sub_tittle {
    color: var(--Gris2);
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    color: white;
    line-height: 20px;
}

.user-link-row>div>.plateform {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--Primary);
    font-style: normal;
    font-weight: bold;
    display: block;
}

.user-link-row>div>.pseudo {
    font-size: 14px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-style: normal;
    /* font-weight: bold; */
}