.boxContainerClass_elementsCollectionUserProfile
{
	
	width:150px;
	float:left;
	margin:5px;
	border: 1px solid #e8e6e6;
	transition: all 0.5s ease;
	/*display:inline-block;*/
	position:relative;
}
.boxContainerClass_elementsCollectionUserProfile:hover
{
	opacity:0.8;
	transform: scale(1.1);
}

.boxContainerClass_elementsCollectionUserProfile:hover .gameTitleBoxCollectionProfile
{
	background:#807e7e;
}

.boxContainerClass_elementsCollectionUserProfile2
{
	
	/*float:left;*/
	margin:5px;
	border: 1px solid #e8e6e6;
	transition: all 0.5s ease;
	display:inline-block;
	position:relative;
	cursor:pointer;
	margin-top:25px;
        width:14%;
	min-height: 150px;
}
.boxContainerClass_elementsCollectionUserProfile2:hover
{
	opacity:0.8;
	transform: scale(1);
}
.boxContainerClass_elementsCollectionUserProfile2:nth-child(4n):after {

}



.boxContainerClass_elementsCollectionUserProfile2:hover .gameTitleBoxCollectionProfile
{
	background:#807e7e;
}

.div_class_userColectionGamesProfile_list
{
	/*
    background: url(/imgs/bg_collection_1.jpg);
    background-size: inherit;
    background-repeat-x: no-repeat;
    background-position-x: center;
    text-align: center;
    padding-bottom: 138px;
    background-position-y: 378px;
	max-width: 1465px;
	
	*/
	text-align:center;
}


.btn_slider_profile
{
    position: relative;
    padding:4px;
    margin: 4px;
    
}
.btn_prev_slider_profile
{
 background: #444444;
 color:white;
 padding: 4px;
 padding-left: 9px;
 padding-right: 9px;
 font-size: 18px;
 border-radius: 50%;
 float: left;
 margin-top:5%;
 font-family: Raleway;
 cursor: pointer;
}
.btn_next_slider_profile
{
 background: #444444;
 color:white;
 padding: 4px;
 padding-left: 9px;
 padding-right: 9px;
 font-size: 18px;
 border-radius: 50%;
 float: right;
 margin-top:5%;
 font-family: Raleway;
 cursor: pointer;
}
.btn_next_slider_profile:hover,.btn_prev_slider_profile:hover
{
    background: #7d7b7b;
}


.2navigationContainer_userProfile_gameList::before {
  content: "<";
  border:2px solid black;
  left:0px;
  position:absolute;
  padding:4px;
  background:blue;
}
.2navigationContainer_userProfile_gameList::after {
  content: ">";
  border:2px solid black;
  right:0px;
  position:absolute;
  padding:4px;
  background:blue;
}
.navigationContainer_userProfile_gameList_button
{
  position:absolute;
  padding:4px;
  border-radius: 50%;
  background: #6aaedf;
  font-weight: bold;
  font-family: Roboto;
  font-size: 20px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  color: white;
  box-shadow: 2px 2px 0px #6385c4;
  margin: 10px;
  margin-top: 10%;
  cursor: pointer;
  z-index:9999;
}
.navigationContainer_userProfile_gameList_button:hover
{
    background:#bbdcf5 !important;
}
.navigationContainer_userProfile_gameList_leftButton
{
  left:0px; 
}

.navigationContainer_userProfile_gameList_rightButton
{
  right:0px;
}

/* CHECK GAME IN DB OUTPUT MINI */
.boxContainerClass_elementsCollectionUserCheckInDB
{
	
	/*float:left;*/
	margin:5px;
	border: 1px solid #e8e6e6;
	transition: all 0.5s ease;
	display:inline-block;
	position:relative;
	cursor:pointer;
	margin-top:25px;
	
}
.boxContainerClass_elementsCollectionUserCheckInDB:hover
{
	opacity:0.8;
	transform: scale(1);
}


.gameTitleBoxCollectionProfile
{
	/*
	height:25px;
	overflow:hidden;
    background: #f7f7f7;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;*/
	
	background: #2d2d2d;
    color: white;
    padding: 2px;
    text-align: center;
    font-size: 13px;
	
}

.divImageUserProfCollectionBox
{
	
	width:150px;
	height:150px;
	background-position: center !important;
    background-size: cover !important;
	
}

.wybranaGra_
{
	border: 1px solid #6a7f51;
    background: #8BC34A;
    padding: 4px;
	
}
.gameBox_class_1_outputDB
{
	
	display:inline-block;
	cursor:pointer;
	transition: all 0.5s ease;
	margin:10px;
}
.classTitleBoxGameCollectionResponseDB
{
	background: #2d2d2d;
    color: white;
    padding: 2px;
    text-align: center;
    font-size: 13px;
}


.gameBox_class_1_outputDB img
{
	    transition: all 0.5s ease;
}

.gameBox_class_1_outputDB img:hover
{
	    opacity: 0.8;
}

.classOverlay_selectedGameOptions
{
	height:100%;
	background: #3131316b;
	align-items: center;
	opacity:1;
	transition: all 0.5s ease;
	position: absolute;
    z-index: 99;
    width: 100%;
	display:none;
	
}
.classOverlay_selectedGameOptions:hover
{
	opacity:1;
}



.classOverlay_selectedGameOption_url, .classOverlay_selectedGameOption_edit, .classOverlay_selectedGameOption_delete
{
	color:white !important;
	display:inline-block;
	padding:4px;
	z-index:999;
	margin-top:30%;
}

.classOverlay_selectedGameOption_url
{
	
	text-align:center;
}

.classOverlay_selectedGameOption_edit
{
	text-align:center;
	
}

.classOverlay_selectedGameOption_delete
{
	text-align:center;
	
}

.addNewGameToCollection_fixedPosition
{
	position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: right;
    margin: 10px;
    z-index: 9999999;
}

.icon_profile_gameBox
{
	width:42px;
	height:44px;
	
}
.icon_profile_gameBox:hover
{
	opacity:1;
	filter: contrast(1.75);
}
.containerUserTab_class1
{
	padding-left:10px;
	padding-right:10px;
}

/* TIMELINE */
.container_userProf {
   width: 80%;
   padding: 50px 0;
   margin: 50px auto;
   margin-top:0px;
   position: relative;
   overflow: hidden;
	   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   outline: none;
}

.container_userProf:before {
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -1px;
   width: 2px;
   height: 100%;
   background: #CCD1D9;
   z-index: 1
}

.timeline-block_userProf {
   width: -webkit-calc(50% + 8px);
   width: -moz-calc(50% + 8px);
   width: calc(50% + 8px);
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   justify-content: space-between;
   clear: both;
}

.timeline-block-right_userProf {
   float: right;
}

.timeline-block-left_userProf {
   float: left;
   direction: rtl
}
.timeline-block-left_userProf .dateDiff_ {
   direction: ltr
}

.marker_userProf {
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: 2px solid #F5F7FA;
   background: #4FC1E9;
   margin-top: 10px;
   z-index: 9
}

.timeline-block-right_userProf .timeline-content_userProf {
   width: 95%;
   padding: 0 15px;
   color: #666;
   text-align:left;
}
.timeline-block-left_userProf .timeline-content_userProf {
   width: 95%;
   padding: 0 15px;
   color: #666;
   text-align:right;
}

.timeline-content_userProf h3 {
  /*
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 20px;
   font-weight: 500
   */
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 30px;
    font-family: teko;
   
}

.timeline-content_userProf span {
   font-size: 15px;
   color: #a4a4a4;
}

.timeline-content_userProf p {
   font-size: 14px;
   line-height: 1.5em;
   word-spacing: 1px;
   color: #888;
}

.um-header
{
	background: url(/imgs/tlo_profil_5.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
	padding-top: 30px;
}
.um-profile.um .um-name a
{
	
	/*color:white !important;*/
	
}
.um-meta-text {
        margin: 6px 0 0 0;
    color: #666;
    line-height: 1.4em;
    font-size: 13px;
    background: white;
    display: inline-block;
    padding: 20px;
    border-radius: 20px;
    min-width: 100px;
    box-shadow: 2px 2px 0px #6385c4;
    border: 2px solid #6aaedf;
    clear: both;
    margin-bottom:15px;
}
.um-profile.um .um-profile-headericon a
{
    color: #ffffff;
    border-bottom: 1px solid #bbd4e2 !important;
}
.um-profile-edit a
{
    color: white !important;
    background: #444444;
    padding: 5px;
    font-size: 20px;
    font-family: teko;
    padding-top: 0px;
    padding-bottom: 0px;
}

.btn_more_games_profile
{
    background: #44baff;
    display: inline-block;
    padding: 5px;
    min-width: 100px;
    color: white;
    font-family: teko;
    font-size: 22px;

}

.countDaysLastGame_userProfileTimeLine
{
	font-family: teko;
    font-size: 22px;
	
}
.classActivitiGamesUserProfileTimeLinie
{
	
	text-align: center;
    font-family: teko;
    font-size: 2.2em;
	
}

.text_notification_class_user_profile
{
	
	display:none;
	
	
}

.imgUserCollectionBox_
{
	
	
	width:210px;
	
}
.shelf_after_listCollectionEnd
{
	
	/*background: url(/imgs/bg_collection_1.jpg);*/
    background-size: contain;
    background-repeat-x: no-repeat;
    background-position-x: center;
    width: 100%;
    margin-top: -185px;
	
}

.userGamesCollectionContainerList
{
	
	
}

.userGamesCollectionContainerList
{
    text-align: center;
}
.listTitle__gamesUserProfile
{
    font-size: 20px;
    padding: 5px;
    font-family: Roboto;
    font-weight: bold;
    border-bottom: 1px solid #c1c1c1;
}
/*.boxContainerClass_elementsCollectionUserProfile2_after:nth-child(6n)*/
.boxContainerClass_elementsCollectionUserProfile2_after:first-child
{
	content: '';
    background: url(/imgs/bg_collection_1.jpg);
    background-size: contain;
    background-repeat-x: no-repeat;
    background-position-x: center;
    width: 100%;
    height: 260px;
    margin-top: -120px;
    display: block;
	
}
.btnShowAllCollection
{
	z-index: 999;
        position: relative;
}

.btnShowAllCollection div
{
	padding:4px;;
}

.btn_next_page {
    padding: 4px;
    background: #008de2;
    color: white;
    font-size: 24px;
    font-family: Roboto;
    margin: 10px;
    display: inline-block;
    cursor: pointer;
}
.btn_next_page:hover {
    background: #0088da;
}


/*notice*/

.centeredDivFixedPopup_profile {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    background: white;
    z-index: 9999999;
    padding: 10px;
    font-size: 30px;
    font-family: Roboto;
    box-shadow: 2px 2px 0px #a7a7a7;
}


.profile_title_userCollection_list
{
    padding: 5px;
    font-size: 35px;
    font-family: Teko;
    color: white;
    margin-top:5px;
}

.list_bg_title_1
{
    background: linear-gradient(0deg, rgb(167 195 34) 0%, #9ac530ad 35%);
    box-shadow: 1px 2px 0px #96b152;
}
.list_bg_title_2
{
    background: linear-gradient(0deg, #dc3545cc 0%, #dc3545d1 35%);
    box-shadow: 1px 2px 0px #d84554;
}
.list_bg_title_3
{
    background: linear-gradient(0deg, #ff9007 0%, #ef7a16c7 35%);
    /*border-top: 2px solid #d68139;*/
    box-shadow: 1px 2px 0px #c36514;
    
}
.iconContainer__profileStats
{
    display: inline-block;
    background: #ffffff;
    padding: 10px;
    min-width: 90px;
    border-radius: 10%;
    margin:4px;
    transform: rotate(45deg);
}
.box_container__
{
    transform: rotate(-45deg);
}
.iconContainer___up
{
    display: inline-grid;
}
.iconContainer__profileStats_list1
{
    border: 4px solid #8BC34A;
}
.iconContainer__profileStats_list2
{
    border: 4px solid #e18736;
}
.iconContainer__profileStats_list3
{
    border: 4px solid #e35a67;
}
.iconContainer__profileStats_number
{
    font-size: 30px;
    color: #444444;
    font-family: fantasy;
}


.um-profile .um-profile-body
{
    padding:0px;
}

.div_class_userColectionGamesProfile_list_single
{
    text-align: center;
}

@media (max-width: 1130px) {
	
	.imgUserCollectionBox_
	{
		width:150px;
	}
	.shelf_after_listCollectionEnd
	{
		margin-top:-100px;
                display:none;
	}
	
	.boxContainerClass_elementsCollectionUserProfile2_after:nth-child(6n) {
    content: '';
    background: url(/imgs/bg_collection_1.jpg);
    background-size: contain;
    background-repeat-x: no-repeat;
    background-position-x: center;
    width: 100%;
    height: 200px;
    margin-top: -85px;
    display: block;
}

.boxContainerClass_elementsCollectionUserProfile2
{
    width:auto;
}
	
}


@media (max-width: 820px) {
	
	.imgUserCollectionBox_
	{
		width:120px;
	}

	.shelf_after_listCollectionEnd
	{
		margin-top:-80px;
	}
	.titleSlider_2
	{
		font-size:16px;
	}
	
	
}


@media screen and (max-width: 768px) {
   .container_userProf:before {
      left: 8px;
      width: 2px;
   }
   .timeline-block_userProf {
      width: 100%;
      margin-bottom: 30px;
   }
   .timeline-block-right_userProf {
      float: none;
   }

   .timeline-block-left_userProf {
      float: none;
      direction: ltr;
   }
   
   .boxContainerClass_elementsCollectionUserProfile2_after:nth-child(6n) 
	{
                display:none;
	}
}