@import url('https://fonts.googleapis.com/css?family=Exo+2');

* {
	font-family:"Exo 2";
}

/* 
 * osu!Stats Light Theme
 * Made By : Adri
 *
*/
 

/* [ COULEUR DU THEME ] */

input, textarea, select, a { outline-color: #f6c6e1; }

.nav>li>span {    
    position: relative;
    display: block;
    padding: 15px 15px;
}

.navbar-brand:hover, .nav li a:hover, .dropdown-menu li a:hover, .fisrt th {
	color: #fff!important;
}

.number {
    font-family: "Calibri";
    padding: 5px;
}

.number img {
    margin-right: 2px;
    margin-bottom: 3px;
}

.left {
    text-align: left;
}

.leaderboard_rank {
    width: 3%;
}
.real_rank {
    width: 6%;
    font-style: italic;
    color: #444;
}

.leaderboard_content > table > tbody > tr {
    font-size: 85% !important;
}

.leaderboard_content > table > tbody > tr:hover {
    background-color: rgba(255,255,128,0.4);
}

/* flemme de faire joli dsl */
.topdonatorback1 {
    background-color: rgba(232,109,178,0.6);
}
.topdonatorback2 {
    background-color: rgba(232,109,178,0.5);
}
.topdonatorback3 {
    background-color: rgba(232,109,178,0.4);
}
.topdonatorback0 {
    background-color: rgba(232,109,178,0.3);
}

.even {
    background-color: rgba(0,0,0,0.04);
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.navbar-default {
    background: #e660ab; /* Old browsers */
background: -moz-linear-gradient(top, #e660ab 0%, #e660ab 94%, #d25a9d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e660ab 0%,#e660ab 94%,#d25a9d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e660ab 0%,#e660ab 94%,#d25a9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e660ab', endColorstr='#d25a9d',GradientType=0 ); /* IE6-9 */
	border-color: #d25a9d;
        box-shadow: 0 0px 2px rgba(0,0,0,0.1);
}

.dropdown-menu {
    position: absolute;
    z-index: 999;
}

.dropdown-menu li a:hover {
	background-color:inherit;
}

nav, .navbar, .container, .dropdown-menu, body, html {
	background-color: #f3d8f7;
}

navbar {
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

.container {
    min-width: 1170px;
    max-width: 1170px;
}

body {
    color: black;
}

.bodycontainer {
    margin-top: 51px;
    border: 0px 5px 5px 5px solid white;
    border-radius: 0px 0px 12px 12px;
    margin-bottom: 40px;
    box-shadow: 0px 0px 120px 0px rgba(0,0,0,0.2);
}
    
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background: #222; /* Old browsers */
background: -moz-linear-gradient(top, #e86db2 0%, #e86db2 94%, #d25a9d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e86db2 0%,#e86db2 94%,#d25a9d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e86db2 0%,#e86db2 94%,#d25a9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e86db2', endColorstr='#d25a9d',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

.navbar-under {
    height: 37px;
    min-width: fit-content;
    width: 190px;
    float: left;
    border-radius: 0px 0px 10px 5px;
}

.mini-input {
    margin-top: 8px;
    height: 24px;
}

.navbar-fixed-under {
  position: fixed;
  right: 0;
  left: 0;
  top: 50px;
  background-color: transparent;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.bar__fill {
    height: 100%;
    border-radius: 10px;
}
.bar--user-profile {
    height: 10px;
    background-color: #ddd;
    margin-bottom: 5px;
    border-radius: 10px;
}

.deltaPos {
    font-size: 70%;
    color: green;
}

.deltaNeg {
    font-size: 70%;
    color: red;
}

.open {
	background-color: #222;
}

.dropdown-menu li a {
	color: #e86db2;
}


input[type=submit] {
	border-color: #f9d8eb;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    white;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    white;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    white;
}

input {
	height:25px;
	margin-top:13px;
	margin-right:5px;
	border: 1px solid #d25a9d;
	padding: 0 10px 0 10px;
	background-color: #e86db2;
	color: #fff;
}

.leaderboard {
	padding: 0px 20px 20px 20px;
}

.first th {
	text-align:center;
}

table td {
	width: 10%;
}

.bodycontainer {
    background-color: #fff;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color:#e86db2;
	color: #f6c6e1;
}

.leaderboard_mods {
    margin-top: 15px;
    margin-bottom: 20px;
}

.leaderboard_mods li{
    display: inline-block;
    width: 17%;
}

.leaderboard_mods li a {
    color: black;
}

.leaderboard_mods .active img {
  -webkit-filter: drop-shadow(0px 0px 1px #000);
  filter: drop-shadow(0px 0px 1px #000);
}

.navbar-default .navbar-nav>li>a {
    color: #f9d8eb;
}

.navbar-default .navbar-brand {
    color: #f9d8eb!important;
}

.navbar-default {
    color: #f9d8eb;
}

.colorfull {
    color: #f9d8eb;
}

.leaderboard_content {
    color: black;
}

.leaderboard_navpages {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.title {
    text-align: center;
    font-size: 170%;
    color: #555;
}

.settings_mods > li {
    display: inline-block;
    list-style: none;
    width: 125px;
    text-align: center;
    margin: 0 0 0 0;
}

.settings_modsbutton {
    background-color: #ffd6f3;
    border: 1px solid #f9d8eb;
    color: #333;
}

.settings_modsbutton:hover {
    background-color: #e86db2;
}

.index_list > li{
    list-style: none;
}

.footerprompt {
    text-align: center;
}

#selectbuttons > div {
    display: inline-block;
    margin-left: 4%;
    width: 28%;
}

.beatmap {
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    width: 95%;
    height: 110px;
}

.beatmap_bg {
    border-radius: 5px 5px 0px 0px;
    height: 65px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;   
}

.lb_click:hover {
    cursor: pointer;
}

.lb_click {
    background-color: #f2f8ff;
}

.lb_clickmain {
    background-color: #ddedff;
}

.lb_head {
    font-size: 150%;
    text-align : center;
}

.lb_name {
    font-size: 120%;
}

.lb_votes {
    font-size: 150%;
}

.lb_count {
    font-size : 150%;
}

/* PROFILE */

.profile-achievements__percentage  {
    display:block;
    text-align:right
}
.profile-achievements__list  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center
}
.profile-badge  {
    height:50px;
    margin-bottom:5px;
    text-align:center;
    background-position:50%;
    background-repeat:no-repeat
}
.profile-badge--level  {
    background-image:url(/images/badges/levelbadge.png)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx)  {
    .profile-badge--level  {
        background-image:url(/images/badges/levelbadge@2x.png);
        background-size:50px 50px
    }
}
.profile-badge__number  {
    position: relative;
    font-size:16px;
    font-weight:700;
    color:#fff;
    top:6px
}
.profile-cover-change-popup  {
    border-radius:4px;
    box-shadow:0 1px 3px rgba(0,0,0,.25);
    position:absolute;
    top:200px;
    right:10px;
    width:285px;
    background:#fff;
    font-size:10px;
    text-align:center
}
.profile-cover-change-popup__defaults  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-5px;
    margin-bottom:-5px;
    padding:10px
}
.profile-cover-change-popup__selection  {
    -ms-flex:0 0 85px;
    flex:0 0 85px;
    height:85px;
    margin-right:5px;
    margin-bottom:5px;
    cursor:pointer;
    background-size:cover;
    background-position:50%
}
.profile-cover-change-popup__selected-mark  {
    text-shadow:0 1px 3px rgba(0,0,0,.75);
    color:#fff;
    font-size:24px;
    position:absolute;
    bottom:10px;
    left:10px
}
.profile-cover-change-popup__selections-info  {
    padding:10px;
    margin-bottom:0;
    width:100%
}
.profile-cover-change-popup__drop-overlay  {
    border-radius:4px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    font-size:24px;
    padding:20px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:rgba(0,0,0,.5)
}
.profile-cover-change-popup__drop-overlay--hover  {
    background-color:rgba(0,0,0,.7)
}
.profile-cover-uploader  {
    padding:10px;
    padding-right:5px;
    border-top:1px solid #ccc
}
.profile-cover-uploader__button  {
    text-transform:none;
    height:30px;
    margin-right:5px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.profile-cover-uploader__info  {
    padding:10px;
    margin-bottom:-10px
}
.profile-cover-uploader__info-entry  {
    margin-bottom:5px
}
.profile-extra-entries  {
    list-style:none;
    padding:0;
    margin:0
}
.profile-extra-entries__item  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:5px;
    height:25px;
    white-space:nowrap
}
.profile-extra-entries__item--show-more  {
    -ms-flex-pack:center;
    justify-content:center
}
.profile-extra-entries__item--top-ranks  {
    height:auto;
    border-bottom:1px solid #eee;
    margin:0;
    padding:10px 0
}
.profile-extra-entries__item--top-ranks:before  {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    content:' ';
    margin:0 -10px;
    width:calc(100% + 20px);
    pointer-events:none;
    will-change:opacity;
    transition:all 25ms ease-out;
    opacity:0;
    background-color:#eee;
    box-shadow:0 1px 3px rgba(0,0,0,.25)
}
.profile-extra-entries__item--top-ranks:hover:before  {
    opacity:1;
    transition:all 50ms ease-out
}
.profile-extra-entries__detail  {
    -ms-flex:1;
    flex:1;
    min-width:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.profile-extra-entries__detail--vertical  {
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:stretch;
    align-items:stretch
}
.profile-extra-entries__detail-column  {
    -ms-flex:none;
    flex:none;
    overflow:hidden;
    text-overflow:ellipsis
}
.profile-extra-entries__detail-column--full  {
    min-width:0;
    -ms-flex:1;
    flex:1
}
.profile-extra-entries__detail-row  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:end;
    align-items:flex-end
}
.profile-extra-entries__text  {
    overflow:hidden;
    text-overflow:ellipsis;
    margin-right:20px
}
.profile-extra-entries__text-score  {
    font-style:italic;
    font-size:11px
}
.profile-extra-entries__text-score--title  {
    font-size:16px;
    font-weight:400
}
.profile-extra-entries__text-score--pp  {
    font-size:18px;
    font-weight:700;
    color:#cc5288
}
.profile-extra-entries__text-score--time  {
    font-style:normal
}
.profile-extra-entries__icon  {
    -ms-flex:none;
    flex:none;
    width:25px;
    height:25px;
    margin-right:10px
}
.profile-extra-user-page--new  {
    text-align:center
}
.profile-extra-user-page__new-content  {
    margin-bottom:40px
}
.profile-extra-user-page__new-content--icon  {
    font-size:125px
}
.profile-extra-user-page-editor  {
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    width:100%;
    resize:none;
    border:none;
    outline:none;
    min-height:200px;
    font-family:Menlo,Monaco,Consolas,Courier New,monospace
}
.profile-header  {
    background-color:#333;
    height:250px;
    padding:0
}
.profile-header__cover  {
    background-size:cover;
    background-position:50% 50%;
    position:absolute;
    width:100%;
    height:100%;
    opacity:.5;
    transition:background-image .2s ease-in-out
}
@media (min-width:840px)  {
    .profile-header__cover  {
        opacity:1
    }

}
.profile-header__avatar-container  {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    padding-bottom:60px;
    -ms-flex-item-align:center;
    align-self:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media (min-width:840px)  {
    .profile-header__avatar-container  {
        height:60px;
        padding-bottom:0;
        bottom:0;
        top:auto;
        width:110px;
        margin-left:30px
    }

}
.profile-header__uploading-spinner-container  {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-bottom:60px;
    font-size:80px;
    color:#fff;
    background:rgba(0,0,0,.7);
    transition:opacity .12s;
    opacity:0;
    pointer-events:none
}
.profile-header__uploading-spinner-container[data-state=enabled]  {
    opacity:1;
    pointer-events:auto
}
.profile-header__userbar-container  {
    position:absolute;
    bottom:0;
    width:100%;
    background:hsla(0,0%,100%,.8);
    height:60px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:0
}
.profile-header__change-cover-button  {
    border-radius:4px;
    text-shadow:0 1px 3px rgba(0,0,0,.75);
    position:absolute;
    bottom:70px;
    right:10px;
    padding:5px 10px;
    font-size:12px;
    font-weight:700;
    background-color:rgba(0,0,0,.5);
    color:#fff;
    cursor:pointer;
    display:none
}
@media (min-width:840px)  {
    .profile-header__change-cover-button  {
        display:block
    }

}
.profile-info__icons  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
.profile-info__icon  {
    border-radius:50%;
    width:50px;
    height:50px;
    border-width:5px;
    font-size:20px
}
.profile-info__title  {
    font-weight:700;
    margin:0
}
.profile-info__title--supporter  {
    color:#cc5288
}
.profile-info__location  {
    margin:0
}
.profile-info__data-key  {
    font-weight:400;
    font-size:12px
}
.profile-info__data-value  {
    font-weight:700;
    margin-bottom:10px
}
.profile-info__data-value:last-child  {
    margin-bottom:0
}
.profile-info {
    float: left;
}
.profile-stats {
    margin-left: 30%;
    margin-right: auto;
    width: 60%;
}

.profile-div-wrapper {
    margin-bottom: 25px;
    background-color: rgba(230,96,171,0.09);
    border: 10px solid rgba(0,0,0,0);
    border-radius: 15px;
}

.profile-div-title {
    color: #333;
    font-size: 200%;
    font-style: oblique;
    text-align: center;
    margin: 0px 0px 15px 0px;
}
    
.profile-stats__stat  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:5px;
}
.profile-stats__stat--full  {
    -ms-flex-direction:column;
    flex-direction:column
}
.profile-stats__stat-key  {
    font-weight:400
}
.profile-stats__stat-value  {
    font-weight:700
}
.profile-stats__stat-value--light  {
    font-weight:400
}
.profile-stats__ranks  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-top:10px
}
.profile-stats__rank  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center
}

.bar--user-profile {
    height: 10px;
    background-color: #ddd;
    margin-bottom: 5px;
}

.bar__fill {
    background-color: #4ad;
}
.bar__fill {
    height: 100%;
}

.profile-desc {
    margin: 0;
    padding: 0;
    color: #555;
    font-size: 24px;
    font-style: normal;
    line-height: 1.1;
}

.profile-desc {
    text-align: center !important;
}

.profile-badgecustom {
    float: left;
    width: 220px;
    height: 234px;
    margin-left: 28px;
}

.profile-badgetext {
    text-align: left;
    font-style: italic;
    color: grey;
}

.profile-info {
    width: 138px;
    padding: 0px 5px 15px 5px;
    z-index: 30;
}

.profile-info > img {
    position: absolute;
}

.profile-pic > div > img {
    background: #3A6F9A;
    vertical-align: middle;
    max-height: 128px;
    max-width: 128px;
}

.profile-pic {
    margin-left: 11px; 
}

.profile-mods {
    float: left;
    padding: 0px 5px 0px 0px;
}


.profile-mods > img {
    margin-left: 6px;
}

.profile-mods > li {
    margin: 0px 0px 0px 0px;
    list-style-type: none;
}

.profile-mods > li > a > input[type=button] {
    width: 110px;
    background-image: url('../../images/interact/button_on.png');
    border: none;
    color: #FAE6F1;
    margin: 0px 0px 0px 6px;
    padding: 0px 0px 0px 0px;
}

.profile-mods > li > a > input[type=button]:hover {
    background-image: url('../../images/interact/button.png');
    color: #FAE6F1;
}

.profile-mods > li > a > .active{
    background-image: url('../../images/interact/button.png') !important;
    color: #FAE6F1;
}

.profile-mods > li > a > .btn-ignore {
    background-image: url('../../images/interact/button_title.png') !important;
    font-size: 110%;
    font-style: italic;
}

#time-container > div {
    display: inline-block;
}

#time-container-left {
    width: 25px;
    height: 86px;
    background-image: url('../../images/time-container/time_left.png');
}

#time-container-right {
    width: 25px;
    height: 86px;
    background-image: url('../../images/time-container/time_right.png');
}

#time-container-middle {
    width: calc(100% - 50px);
    height: 86px;
    background-image: url('../../images/time-container/time_mid.png');
    background-repeat: repeat-x;
}

#time-container-middle-text {
    width: 634px;
    position:absolute;
    padding-top: 9px;
    font-size: 250%;
    text-align: center;
    color: white;
    text-shadow: 2px 2px rgba(0,0,0,0.25);
}

input[type=range] {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0px solid transparent;
}
input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #e660ab;
  border-radius: 20px;
  
}
input[type=range]::-webkit-slider-thumb {
  border: 1px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e660ab;
}


input[type=range]::-moz-range-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: #e660ab;
  border-radius: 20px;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 23px;
  width: 23px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}

.label_travel {
    margin: 5px 0px 0px 55px;
    font-size: 75%;
    color: #e660ab;
}


.profile-graphs {
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
}

.profile-graphlist > li {
    display: inline-block;
    list-style: none;
}

.profile-graphlist > li > input {
    margin: 0 0 0 0;
}

.profile-graphlist > li .active {
    background-color: #F28AC4;
}

.frame {
    height: 128px;
    width: 128px;
    white-space: nowrap;
    
    text-align: center; margin: 1em 0;
    margin: 0 0 0 0; 
}

.frame:before,
.frame_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.navtopbar {
    z-index: 998;
    margin-top: 50px; 
    min-height: 20px; 
    background: linear-gradient(to bottom, #e876b6 0%,#e876b6 94%,#d25a9d 100%);
}

.timebar_button {
    background: linear-gradient(to bottom, #e876b6 0%,#e876b6 94%,#d25a9d 100%);
}
.timebar_button:hover {
	background: linear-gradient(to bottom, #cc5f9d 0%,#ce639f 94%,#bb4988 100%);
}