/* resets */
* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
   
}


.maincontainer1s{
   width:100%;
   height:82px;

   
   cursor:pointer; 
   font-size:17px;
}  

.maincontainer1s .btnlive:hover{
    background:#00B8D4;
    color:white;
}


.btnlive{
  border:none; width:100%; border-bottom:1px solid lightgrey; background-color:#f7f9f9; height:80px;cursor:pointer; 
}

.livetime{
    width:18%; 
    float:left;
     height:80px;
    text-align:right;
     font-size:18px;
     font-weight:700;

}
#livetime{
 margin-left:10px; 
float:left;
 margin-top:25px;
  font-size:18px;
   text-align:center; 
}
#livetime1{
 
float:left;
 margin-top:9px;
  
  font-size:16px;
   text-align:center; 
}
.teamnameand{
    
   width:82%;
   margin-top:2px;
   float:right; 
   height:50px;
   font-size:16px;
}
.teamnames{
    width:79%; 
    float:left;
    height:50px;
}

.hometeamN{
   width:100%; 
   height:38px;
   font-size:17px;
  font-family:'Public Sans';
  color:#404040;

}
.awayteamN{
   width:100%; 
   height:38px;
   font-size:17px;
  font-family:'Public Sans'; 
  color:#404040;
  
}
.hometeamimg{
  width:25px; 
  height:25px; 
  float:left;
  margin-right:10px; 
  margin-top:7px;
}
.awayteamimg1{
   width:25px; 
  height:25px; 
  float:left;
  margin-right:10px;
  
}
.awayteamimg{
 width:25px; 
  height:25px; 
  float:left;
  margin-right:10px;
  margin-top:7px;
}
.livestatus{
 width:20.4%;
 float:right;
 height:80px; 
  
}
#league-holder{height:40px; border:1px solid red; width:100%; margin-top:10px; margin-bottom:15px;}
#emptylivechild{width:100%; height:200px;  position:absolute; top:35%; left:0; text-align:center; font-size:18px;}
#emptylive{height:100vh;  width:100%; position:relative; background:white;}
#subedDiv_names_main{width:80%;  height:45px; }
#subedDiv_names_baby{width:20%;height:45px;}
#playernewname{  margin-left:5px; color:grey; font-size:18px; border:1px solid red; margin-right:5px; display: -webkit-box; max-width: 80%; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
#sub_goal{position:absolute; bottom:50%; left:70%; padding-left:2px;padding-right:2px; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);padding-bottom:2px; font-weight:900; height:10px; border:1px solid orange; background:white; font-size:8px;}
.playerimgs-sub{width:100%;height:40px;  mrgin-left:5px; border-radius:8px; border:1px solid lightgrey; background-image: url('img11/prof1.png');background-size: cover;background-position: center;background-repeat: no-repeat;}
.subedDiv_names{width:73%; height:45px;}
.subedDiv_images{width:25%; height:45px; border:1px solid lightgrey; border-radius:8px;}
#subedplayer_child{display: -webkit-box; max-width: 80%; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;  }
#new_subedplaye_child{display: -webkit-box; max-width: 80%; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
.subedDiv{height:45px; width:98%; margin:auto; border-radius:5px; margin-bottom:5px;  border:1px solid lightgrey; }
.subedplayer{height:22.4px; width:100; font-size:14px; position:relative;}
.new_subedplayer{height:22.4px; width:100; font-size:14px; color:grey;position:relative; }
#sub_header_child{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.sub_player_div{width:100%; margin-top:20px;}
.sub_header{width:90%; height:40px; margin:auto; border:1px solid #F2F3F4; margin-top:20px; box-shadow:2px 2px 7px;position:relative; font-size:18px; color:#36454F; background:#F2F3F4; border-radius:10px; }
#home_player_side{width:50%;  flat:left;}
#away_player_side{width:50%;  foat:right; }
.moreplayers{width:100%;  margin-top:15px; }
#playernums{position:absolute; top:50%; left:50%;transform: translate(-50%, -45%);}
.playerimgs{width:40px; height:40px; border-radius:50%;background-image: url('img11/prof1.png');background-size: cover;background-position: center;background-repeat: no-repeat;}
.playersname{color:#f5f5f5;Z-index:1;   position:relative; font-size:13px;font-weight:900; margin:auto;  display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
.goalfirst1-away{width:50%; height:70px; border:3px solid gray; position:absolute; bottom:1%; border-bottom:none; left:50%;transform: translate( -50%);}
.goalpost-away{width:50%; height:30px; border:3px solid gray; position:absolute; bottom:5%; border-bottom:none; left:50%;transform: translate( -50%);}
.goalpost{width:50%; height:30px; border:3px solid gray; position:absolute; top:0; border-top:none; left:50%;transform: translate( -50%);}
.goalfirst2{width:100%; height:70px; position:relative;}
.goalfirst2-away{width:100%; height:70px; position:relative;}
.homeside-field1{width:100%; height:310px;position:relative; }
.awayside-field1{width:100%; height:310px;position:relative; }
.goalfirst1{width:50%; height:70px; border:3px solid gray; position:absolute; top:0; border-top:none; left:50%;transform: translate( -50%);}
.awayside-field{height:310px; position:absolute; width:100%; left:0;bottom:0;}
.homeside-field{height:310px; position:absolute; boder-bottom:3px solid gray ;width:100%; left:0;top:0;}
.mainfield-circle{width:150px; height:150px; border:3px solid gray; position:absolute; top:50%; left:50%; border-radius:50%;transform: translate(-50%, -50%);}
.mainfield-center-line{width:100% ; border-bottom:3px solid gray; position:absolute; top:50%; left:50%;transform: translate(-50%, -50%);}
.mainfield-inside-child{width:100%; height:670px;position:relative;}
.mainfield-inside{width:95%; border:3px solid gray; height:670px; position:absolute; left:2.7%;top:2%;}
#mainlineupdiv{width:100%; min-height:700px; position:relative; }
#mainfield{width:100%;height:700px; margin:auto;   background:#26a69a;}
#sportcatDiv{width:90%; border-bottom:2px solid lightgrey; height:40px; margin:auto; margin-top:10px; font-size:20px;  color:#2e86c1;overflow-x: auto; overflow-y: hidden;white-space: nowrap;}
#mobile-side-containers-main{width:95%; margin:auto; height:100%;  margin-top:20px;}
#mobile-side-containers-cancel{width:100%; height:50px;  margin-top:10px; text-align:right; color:grey; font-size:20px;  border-bottom:1px solid #f39c12;}
#mobile-side-containers-cancel span{ margin-right:10px; font-size:50px;}
#mobile-side-containers{width:90%; position:fixed; height:100vh; background:white; Z-index:4; display:none; }
#match_countryDiv img{width:26px; height:22px; border-radius:3px;  margin-left:10px; margin-top:8px; margin-right:10px; }
#match_countryDiv{height:42px; background:none ;     width:100%;  text-align:left; }
.getmore-post{width:50%; height:40px; margin:auto;  border-radius:10px; color:#78281f;  font-size:20px; margin-top:20px; margin-bottom:20px; border:none; text-align:center}
.getmore-post button{height:48px; width:100%; background:white; border:2px solid lightgrey;color:#78281f;font-size:20px; border-radius:10px;   }
#postBoxs-topic-more-text{width:69%;  height:120px;  margin-right:4px; color:grey;}
#postBoxs-topic-more-img{width:30%;  height:150px; border:1px solid lightgrey; position:relative; border-radius:10px;}
#postBoxs-topic-more-img img{width:100%; height:100%; border-radius:15px; border:1px solid grey;}
#postBoxs-topic-more{width:95%; margin:auto;  display:flex;}
#postBoxs{ margin-botom:10px; width:98%; margin:auto; border-bottom:1px solid lightgrey;  padding-bottom:10px; padding-top:5px; cursor:pointer;}
#postBoxs-topic{width:95%; margin:auto; margin-top:10px;  font-size:20px; color:#1f618d; border-left:3px solid #a3e4d7; padding-left:8px;  margin-bottom:10px;}
#relateContentsImgs{width:20%; height:100px;border:1px solid lightgrey; float:left; border-radius:10px; position:relative;}
#videosbtnplay{width:100%; height:20%;  color:black; position:absolute; text-align:center; bottom:50%;}
#videosbtnplay button{background:white; height:35px; width:35px; border-radius:50px; border:1px solid grey;}
#relateContentsPosts{width:78%; height:100px; float:right; margin-left:7px; }
#relateContents{width:100%; display:flex; margin-top:20px; margin-bottom:4px; border-bottom:1px solid lightgrey; padding-bottom:12px;height:120px;}
#relatedPost-header{height:30px; margin:auto; width:90%; margin-top:30px; margin-bottom:30px;  text-align:center; border-bottom:2px solid lightgrey; color:#784212 ;}
#tagDisplay{margin-top:15px;margin-bottom:15px; width:100%; height:100px; border:1px solid grey;}
#image_desc{min-height:40px; color:grey; font-size:13px;font-family:'Slabo 27px'; width:95%; margin:auto;}
#readmain_top{width:98%; margin:auto; font-size:30px; font-weight:700; margin-top:15px;  color:#2e4053;}
#readHolderTop1{width:98%; margin:auto;   border-bottom:1px solid lightgrey; overflow-x: auto; overflow-y: hidden;white-space: nowrap;}
#readHolderTop1 p{color:#566573; margin-top:10px;font-size:14px;font-family:'Slabo 27px';margin-bottom:10px;}
#readHolder{width:98%; margin:auto; border-radius:10px; background-color:white; min-height:500px;}
#sportholder2_text{width:74%;float:right; height:110px; }
#sportimg2{width:25%; height:110px;  margin-top:0px; border-radius:10px;}
#sportimg1{width:100%; height:100%;  border-radius:10px; border:1px solid lightgrey;}
#sportholder1Post{position:absolute;bottom:1%; left:0%; width:100%; height:200px; color:white; font-weight:900; font-size:23px; background-color: rgba(0, 0, 0, 0.5);}
#pageselectname1{ width:95%; margin:auto; margin-top:15px; font-family:Gowun Batang; border-left:4px solid red; padding-left:10px; display: -webkit-box;  -webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden; }
#sportholder1{width:95%; margin:auto;   position:relative;  margin-top:10px;  margin-bottom:15px; border-radius:10px;color:#2e4053;}
#sportnews a{text-decoration:none;}
#sportholder2{width:95%; margin:auto;  height:120px;  magin-top:10px; padding:5px; cursor:pointer;  font-family:'Slabo 27px'; font-size:18px; color:#2e4053; font-weight:700;}
#sportholder2:hover{border:2px solid lightgrey; border-radius:10px;}
#sport_cats{width:95%; margin:auto; height:40px; border-bottom:1px solid lightgrey; text-align:left; font-size:18px; color:#243454;}
#sportnews{width:98%; margin:auto; padding-bottom:10px; border:1px solid lightgrey; border-bottom:none; margin-bottom:10px; backgound:#f7f9f9; border-radius:10px;}
body{background:white ;}
#teamformdiv{width:20px; height:20px; margin:auto; margin-right:5px;}
#mainform2{height:40px;  width:60%; margin:auto; display:flex; }
#mainform1{height:40px; margin:auto;  width:60%; display:flex;}
#bothformsH{width:49%;float:left;height:20px; text-align:center;}
#bothformsW{width:49%;float:right; height:20px;text-align:center}
#bothforms{width:95%; margin:auto;  height:90px; margin-top:10px;margin-bottom:10px; border:1px solid lightgrey; padding:5px;}
#wins{width:20px;height:20px; padding:2px; margin:auto;  margin-top:12px; color:white; border-radius:4px; background:#117864; border:1px solid white; font-size:11px;}
#Loss{width:20px;height:20px;margin:auto;padding:2px;margin-top:12px; color:white; border-radius:4px; background:#e74c3c;border:1px solid white; font-size:11px;}
#Draws{width:20px;height:20px;margin:auto;padding:2px; margin-top:12px; color:white; border-radius:4px; background:#f39c12;border:1px solid white; font-size:11px;}
#formteam{width:20%; height:40px; float:right;}
#match_topinfo{width:100%;  height:30px; margin-bottom:20px; margin-top:8px; color:#616a6b ; border-bottom:1px solid #eaeded;}
#widthdrawamountsend{background:#148f77;color:white;border-radius:5px; position:absolute; width:50px; height:25px; bottom:0%; right:1%; border:1px solid green;}
#widthdrawamount{border:2px solid lightgrey; width:70%; margin-top:5px;}
#amountwanted{ margin:auto; width:90%; height:150px; margin-top:30px;text-align:center; position:relative; }
#bankholder{width:90%; border:1px solid lightgrey; height:35px; border-radius:5px;}
#bankname{width:90%; border:1px solid lightgrey; height:35px; border-radius:5px;}
#bankno{width:90%; border:1px solid lightgrey; height:35px; border-radius:5px;}
#paypalsavecancelbtn{ padding:3px; border:1px solid lightgrey;  border-radius:5px; width:55px;}
#paypalsavebtn{float:right; background:#117a65; color:white; padding:3px; border:1px solid white; border-radius:5px; width:45px;}
#paypalAccountholder{width:90%; border:1px solid lightgrey; height:35px; border-radius:5px;}
#bankdetails{width:80%; border:1px solid lightgrey; position:absolute;top:5%; left:7%; background:white; height:160px; border-radius:8px; display:none;box-shadow:2px 2px 5px; Z-index:3;}
#mainbtnwithdraw button{ padding:6px; border:1px solid lightgrey; height:25px; border:none; background:white; width:100%; cursor:pointer; text-align:left;}
#mainbtnwithdraw button:hover{background:#ccd1d1;}
#mainbtnwithdraw{width:40%;position:absolute;left:1.5%;top:102%; border:1px solid lightgrey; background:white; height:100px;box-shadow:2px 2px 5px; Z-index:3; text-align:left; display:none;}
#selectPayMethodbtn{width:40%; border:1px solid lightgrey; background-color:white; float:left; height:40px; padding:8px; margin-left:6px; color:grey;}
#selectPayMethod{width:100%; height:40px; position:relative; }
#widthdrawmethod{color:#186a3b ;}
#widthdrawcash{width:98%; background:white; border:1px solid lightgrey; height:360px; position:absolute; Z-index:3; top:22%; left:1%; display:none;}
#insightpost{width:80%; height:25px; margin-top:15px;}
#insightViewChild{width:100%; margin:auto; border:1px solid lightgrey; margin-top:15px; background:white; box-shadow:2px 2px 5px; height:300px;}
#insightView{ width:95%; margin:auto;  text-align:left;  margin-bottom:20px; height:350px;}
#insightCashAvaliable{width:100%; text-align:center; margin-top:20px; height:100px;  background-image:url(img11/withs.png); margin-bottom:25px; padding:20px;}
#insightContainer{width:90%; margin:auto;  margin-top:35px; min-height:570px; text-align:center; position:relative; }
#withdrawsbtn{ width:100%; margin:auto;font-size:16px; height:40px; color:white; background:#2874a6 ; margin-top:40px; border:1px solid white; border-radius:10px;}
#creatorscards-text{width:87%; margin:auto; text-align:left;}
#createbtns{width:100%; margin-top:20px; margin-bottom:20px; text-align:left;}
#creatorscards{width:100%; min-height:900px; position:relative; text-align:center;  }
#creatorscards-child{width:90%; margin:auto; margin-top:20px; text-align:left;padding:20px; margin-bottom:30px; border:1px solid lightgrey;  color:#34495e ;   border-radius:10px;box-shadow:2px 2px 5px;}
#creatorscards-child button{padding:7px; border:1px solid white; background:#7dcea0; color:white; border-radius:7px; cursor:pointer;}
#creatorlink{text-decoration:none;}
#usercrreator{float:right; color:#34495e; margin-right:10px; border-bottom:1px solid lightgrey;font-size:14px; cursor:pointer;}
#scorebts-left{width:60%; margin:auto; text-align:center;  position:relative;   height:55px; padding:10px;}
#scorebts-left button{border:none; background: none;margin:7px; margin-top:0px; height:30px; color:white ; font-weight:700; cursor:pointer;}
#scorebts-left button:hover{border:1px solid lightgrey; padding:2px;}
#scorebts{ width:100%; height:55px;  margin-bottom:0px; background: radial-gradient(circle at center,#3b5770 0%,#34495e 20%,#1f2d3a 100%); color:white; border-bottom:1px solid #34495e;padding-bottom:10px; }
#searchbarss{width:100%;  height:39px; position:absolute; top:5px; left:0%; Z-index:3; background:#1f2f3e; display:none;}
#searchbars-inputholder{width:90%; border:1px solid lightgrey; height:40px; margin:auto; border-radius:8px; text-align:left; }
#searchbars-inputs{width:80%; height:37px; margin-left:8px; color:white;border:none;background: radial-gradient(circle at center,#3b5770 0%,#34495e 20%,#1f2d3a 100%); font-size:18px; font-weight:900;}
#searchbars-inputs::placeholder {color: white;}
#searchbars-inputss{width:10%; font-size:25px; float:right; border:none;  margin-top:5px; color:gray; cursor:pointer; margin-right:10px;}
#sportssearchholder{width:100%; min-height:200px;  position:absolute; left:0; top:100%; cursor:pointer;}
#main-search-holder-close{width:95%; height:40px; margin:auto; text-align:left; color:grey;}
#search-results-sports{width:95%; margin:auto; margin-top:10px;  height:300px;}
#sportssearchholder-main{width:90%; margin:auto; min-height:200px; border-radius:8px; background:white; Z-index:3;box-shadow:2px 2px 5px; border:1px solid lightgrey; display:none; }
#main-search-holder{height:400px;padding:10px; position:absolute;display:none; top:110%; left:43%; border:1px solid lightgrey;  border-radius:10px;  transform: translate(-50%); background:white;Z-index:4;box-shadow:2px 2px 10px; width:56%;}
#scorefooter{height:70px; width:100%;  }
#livescrespage{width:100%;  min-hight:100%; position:relative; overflow:hidden;}
#mainscoresholder{width:100%; position:relative;  }
#mainscoresholder1{width:100%; position:absolute;  left:0; top:5%;height:90vh;}
#login-inpuholder button{width:85%; background:#2471a3; border:1px solid #2471a3; color:white; margin-top:30px; height:40px; border-radius:5px;}
#login-inpuholder a{text-decoration:none; color:#145a32;}
#loginmaindiv{width:100%; height:700px; position:relative; }
#loginmaindiv input{width:95%; margin:auto;  border:1px solid lightgrey; border-radius:7px; height:40px;}
#loginmaindiv1{left:2%; top:10%; width:95%; border:1px solid lightgrey; position:absolute;  height:500px;}
#loginmaindiv2{left:2%; top:10%; width:95%; border:1px solid lightgrey; position:absolute;  height:550px;}
#login-sitename{width:100%; background:#eaf2f8; height:100px; font-size:25px; font-weight:600; text-align:center}
#login-inpuholder{text-align:center;}
#passwordl{width:95%; margin:auto;  border:1px solid lightgrey; border-radius:7px; height:40px;}
#user_namel{width:95%; margin:auto;  border:1px solid lightgrey; border-radius:7px; height:40px;}
#textmi{  display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
#folio_subject{ margin:auto; background:white; border:1px solid lightgrey; margin-bottom:3px; width:98%; border-radius:9px;}
#folio_subject #inside_folo{ width:100%; border-bottom:1px solid lightgrey; min-height:65px; display:flex;}
#folio_subject #inside_folo1{ width:100%; border-bottom:1px solid lightgrey; min-height:55px; display:flex;} 
#inside_folo .flo_sub{ color:black; font-weight:700; font-size:20px; margin-left:5px; margin-top:5px;}
#inside_folo1 .flo_sub1{ color:#21618c; font-weight:700; font-size:18px; margin-left:5px; margin-top:5px;}
#inside_folo img{height:60px; width:60px; border-radius:3px; border:1px solid lightgrey; margin-top:5px; margin-left:5px;}
#inside_folo1 img{ height:25px; width:25px; border-radius:50%; border:1px solid lightgrey; margin-top:5px; margin-right:5px; margin-left:5px;}
#Publish_Folio{margin:auto; width:100%;  color:white; border:none;background:#2980b9; font-size:16px; height:35px; border-radius:5px;}
#pagenameselect-main{width:95%; margin:auto; height:120px; border:2px solid lightgrey; margin-left:8px; margin-top:10px;margin-bottom:10px; border-radius:10px;}
#pagenameselect{width:95%; margin:auto; height:90px; border:2px solid lightgrey; margin-left:8px; margin-top:10px;margin-bottom:10px; border-radius:10px;}
#catSelects-child{ width:100%; border:1px solid lightgrey; display:none; height:80%; overflow:auto; border-radius:10px;}
#catSelectsinside{ margin:5px;  }
#catSelectsbtn{text-align:right; width:90%;}
#catSelects{width:90%;  margin:auto; height:200px; margin-top:30px; border-radius:10px;  }
#main-indside-image{ width:100%; border-radius:10px; border:1px solid lightgrey; max-height:600px; margin-top:10px; }
#main-indside-images{ width:100%; border-radius:10px; border:1px solid lightgrey; max-height:600px; margin-top:10px; }
#inputcancel{width:90%;  height:40px; margin:auto; margin-top:30px; font-size:25px; color:grey;}
#mytextholder{ margin-left:10px; text-align:left; position:absolute; bottom:2%; left:0; z-index:2; width:95%; }
#tagsfetch{ display:none;  width:80%;   border-radius:10px; box-shadow: 6px 4px 8px 6px grey;position:absolute; top:55%;   left:0; min-height:100px;  background:white; Z-index:4;}
#Tags{ height:30px; color:red;  border:none; border-top:1px solid black;width:80%; margin-bottom:25px; font-size:15px; color:black; float:left;}
#TagBtn{height:30px; width:17%; float:right; border:1px solid lightgrey; border-radius:5px; }
#TagBtn1{height:30px; width:17%; float:right; border:1px solid lightgrey; background:#3498db; color:white; border-radius:5px; }
#tagsMaindiv{ width:100%;  height:100px; position:relative;margin-bottom:10px; display:none; }
#pagenameholder{display:none;  margin-right:20px; font-weight:600; border:2px solid #f2f3f4 ;}
#selectpages_php{border:1px solid lightgrey; text-align:left; font-size:15px; margin-bottom:2px; min-height:35px;}
#selectpages_php img{width:25px; height:25px; margin-left:8px; margin-right:4px; border-radius:4px; float:left; margin-top:4px; border:1px solid lightgrey; }
#main-submitbtn{float:right; margin:10px; margin-bottom:15px; margin-right:20px; border:1px solid lightgrey;  padding:7px; border-radius:5px;  background:#0e6655; color:white;box-shadow:2px 2px 5px;}
#main-submitbtnfiles{display:none;float:right; margin:10px; margin-bottom:15px;margin-top:0px; margin-right:20px; border:1px solid lightgrey;  padding:7px; border-radius:5px;  background:#0e6655; color:white;box-shadow:2px 2px 5px;}
#main-submitbtnQ{float:right; margin:10px;margin-bottom:15px; margin-right:20px; border:1px solid lightgrey;  padding:7px; border-radius:5px;  background:#0e6655; color:white;box-shadow:2px 2px 5px;}
#page_container{height:300px; background:white; width:60%; display:none; position:absolute; left:0; top:90%; border:1px solid lightgrey;Z-index:5;box-shadow:2px 2px 10px;}
#input_topdivs{margin:auto; width:95%; min-height:100px;  margin-bottom:10px; position:relative; }
#input_topdivs button{margin:10px;  font-size:15px; color:#2e4053; border:none; cursor:pointer; background:white;}
#vidimgP{margin-top:8px; margin-left:15px; margin-bottom:8px; color:grey; display:none; font-size:14px;}
#imagephoto{ margin-left:20px;}
#pageselectname{ margin-left:4px;  text-align:left; display: -webkit-box; max-width: 85%; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
#input_topdivs #pageselectbtn{border:2px solid #f2f3f4 ; height:40px; border-radius:4px; padding:5px;width:60%; margin-right:0; margin-top:20px;}
#postbtns.active{color:grey; border-bottom:2px solid red; padding-bottom:5px;}
#Questionbtns.active{color:grey; border-bottom:2px solid red; padding-bottom:5px;}
#videoing.active{color:grey; border-bottom:2px solid red; padding-bottom:5px;}
#imageing.active{color:grey; border-bottom:2px solid red; padding-bottom:5px;}
#quotes{margin-bottom:8px; width:95%; margin-left:10px; min-height:130px; margin-top:8px; border:1px solid lightgrey;border-radius:8px;}
#inputadcancelP{float:right; background:#eaeded; color:black; border:grey;}
#inputaddbtn{  text-align:center; margin-top:8px; border:1px solid  #fcf3cf; margin-left:10px; margin-bottom:8px; background:#138d75; color:white; cursor:pointer;}
.tablenu{ margin-left:10px; height:30px; border:1px solid lightgrey; width:50%; margin-top:10px; border-radius:5px;}
#textholders{ margin-left:3px;  width:98%; border:1px solid lightgrey; position:absolute; top:20%; border-radius:10px; display:none; background:white;box-shadow:2px 2px 5px;}
#inputbbtns1.active{display:block;}
#inputbbtns2.active{display:block;}
#inputbbtns3.active{display:block;}
#inputbbtns4.active{display:block;}
.inputbbtns{dispay:none;}
.fotoholder{display:none; width:100%; height:400px;}
#picsimg{width:15%; height:50px; float:right; font-size:20px;line-height: 0.7; }
#picsimg span{font-size:11px; }
#picsimg button{ width:40px; height:40px;}#main-indside-image
.fotoholder{position:relative; width:100%;white-space: nowrap; overflow-y:hidden; }
.fotoholder-footers{position:absolute; right:0; top:4%; height:28px;  text-align:right; width:100%;  Z-index:3;display:none;}
.fotoholder-footers button{margin-right:8px; height:25px; border-radius:5px;border:1px solid lightgrey; width:80px;box-shadow:2px 2px 5px; }
#mainImageupload{height:360px; width:300px; margin:2px; border:3px solid lightgrey; border-radius:9px;}
#mainImageupload1{height:360px; width:500px; margin-left:8px; border:3px solid lightgrey; border-radius:9px;}
#selectmainimage{width:95%; margin:auto; border:1px solid grey; border-radius:9px; min-height:205px; max-height:400px;display:none; margin-top:23px; position:relative;}
#mainImage{width:100%; height:200px; border:none; font-size:30px; color:grey; background:#f8f9f9 ;border-radius:9px; cursor:pointer; display:none;}
#mainfilm{width:100%; height:200px; border:none; font-size:30px; color:grey; background:#f8f9f9 ;border-radius:9px; cursor:pointer;}
#videosmain{width:100%; height:400px; border:none; font-size:30px; color:grey; border-radius:9px; cursor:pointer;display:none; position:relative;display:none;}
#selectmainimage video{width:100%;height:400px; object-fit:cover;border-radius:9px;}
#videoclose{width:80%; position:absolute; text-align:right;left:0; top:0; color:white; Z-index:3; height:40px;}
#main_input{width:95%; margin:auto; margin-left:10px; border:none;outline:none; display:nne; min-height:200px; max-height:2000px; overflow-X:auto;}
#inputbtns{width:100%; height:60px; display:flex;  overflow-x: auto; }
#inputbtns button{margin:4px; background:white; border:none;color:grey; margin-top:8px; cursor:pointer;}
#inputbtns button:hover{margin:4px; background:white; color:grey; margin-top:8px; cursor:pointer;}
#inputbtns button span{font-size:11px; }
#main_inputDiv{border:2px solid grey; width:95%; margin:auto; border-radius:9px; min-height:150px; margin-top:50px; position:relative;}
#topicDiv-input{border:2px solid grey; width:95%; margin:auto; border-radius:9px; min-height:80px; }
#topicDiv-input #span1{margin-left:10px; color:grey; float:left; margin-top:10px; height:30px; }
#topic_input{width:95%; margin:auto; margin-left:10px; border:none; display:none; height:30px; max-height:70px;  }
#topiDiv-input.focused{outline: none; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}
#main_inpuDiv.focused{outline: none; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}
#mainpostholder{position:relative; margin-top:20px;}
#input_contents{width:100%; top:10%; height:100vh;   position:relative; }
#input_container{width:29.3%; position:fixed; top:5.5%; height:94.5%;Z-index:5;display:none;background:white;overflow:auto;  border:1px solid lightgrey; }

#homeDive{width:100%; position:relative;margin: 0 auto; }
#postbtbn_main{width:450px;   position:fixed; top:80%; text-align:right;Z-index:4;}
#postbtbn_main button{border-radius:50%; color:white;background:#5499c7; border:1px solid #d5f5e3 ; width:45px;height:45px;  cursor:pointer; }
#postbtbn_main button:hover{border:1px solid #f0b27a ;width:50px;height:50px;background:white; color:#5499c7;}
#editingbox{height:400px; background:white; position:fixed; margin:auto; width:29%; display:none; border:1px solid lightgrey; top:30%; border-radius:10px; display:nne; Z-index:4;}
#folio{width:100%;  height:90px; border-radius:9px; display:flex; text-align:left; 	}
#nameofnames-edit{float:right; margin-right:5px; font-size:14px; color:red;  cursor:pointer; }
#folioImg{ height:85px; width:15%; border:1px solid lightgrey;  float:left; border-radius:8px;  margin-top:2px; margin-left:8px;}
#folio_names{width:82%;  float:right; height:85px; margin-top:2px;}
#editfolio{width:94%; height:10px; position:absolute; bottom:0; left:0; }
#nameofnames{width:100%; height:35px;  }
#nameofnames1{width:100%; height:50px;  position:relative; text-align:left;}
#foliobtns{height:40px; border:1px solid lightgrey;  width:98%; margin:auto; margin-bottom:10px; margin-top:7px; diplay:flex; font-weight:600;}
#foliobtns span{margin:15px; color:gray; margin-top:8px; float:left; cursor:pointer;}
#folionQ.active{  padding-bottom:5px; border-bottom:2px solid red;}
#folionP.active{ padding-bottom:5px; border-bottom:2px solid red;}
#folofollobtn{  background:blue; color:white; border-radius:4px; padding-right:8px; padding-left:8px; height:20px; border:1px solid blue; margin-top:5px;}
#nameofnames1 span{color:#7f8c8d;margin-left:7px;}
#nameofnames-edit1{float:left; margin-left:7px; margin-tp:3px; font-size:23px; font-weight:600;}
#folioImg img{width:100%; height:85px;}
#headpage{color:#616a6b; font-size:13px; margin-left:7px; font-weight:700; cursor:pointer;}
#subjecttopbtn{height:33px; width:95%;  margin-top:5px; margin-bottom:5px;}
#subjecttopbtn span{margin:8px; color:#5d6d7e; cursor:pointer;  font-weight:700;}
#catdescr{width:98%; font-size:16px; margin-left:7px; color:#a98875; margin-top:3px;}
#catnames{width:98%; font-size:25px; font-weight:700; margin-top:20px; margin-left:7px; }
#subject{height:70px; boder:1px solid lightgrey; width:100%; border-radius:8px;}
#followdivbtn{float:right; margin-right:5px; margin-top:13px;}
#followname{  font-size:17px; font-weight:700; color:#34495e ; float:left; margin-top:5px;}
#followname a{color:#34495e; text-decoration:none;}
#followerdiv{height:50px; margin:auto; border-bottom:1px solid lightgrey; width:95%;}
#followbox{height:400px;margin:auto; width:100%; border-top:1px solid grey; }
#Answered{float:right; margin-right:10px; color:grey;}
#comment-marked{float:right; margin-right:10px; background:white; border:1px solid lightgrey; border-radius:4px; color:#5c6061; box-shadow:0px 0px 3px lightgrey;  }
#comment-marks{float:right; margin-right:10px; background:#9bd6ea; border:1px solid white; border-radius:4px; color:#5c6061; box-shadow:0px 0px 3px lightgrey;}
#messagedivs a{text-decoration:none;}
#maintagcontainer{width:98%; margin-left:5px; margin-top:13px; margin-bottom:13px;  }
#maintagcontainer a{  display: inline-block;margin:4px; font-size:15px;   background:#d6dbdf; height:20px; border-radius:4px; padding:3px; color:#34495e;   cursor:pointer; text-decoration:none; }
#maintagcontainer a:hover{background:red; color:white;}
#profmainbtn{border-bottom:1px solid lightgrey; height:25px; width:95%; margin:auto; margin-top:10px;color:grey;font-size:14px;}
#profmainbtn span{margin:10px; cursor:pointer;}
#propost.active{border-bottom:2px solid red;padding-bottom:6px;}
#proasked.active{border-bottom:2px solid red;padding-bottom:6px;}
#proanswered.active{border-bottom:2px solid red;padding-bottom:6px;}
#profollowers.active{border-bottom:2px solid red;padding-bottom:6px;}
#profollowing.active{border-bottom:2px solid red;padding-bottom:6px;}
#subjecttopbtnP.active{border-bottom:2px solid red;padding-bottom:6px; padding-right:2px;padding-left:2px; cursor:pointer;}
#subjecttopbtnQ.active{border-bottom:2px solid red;padding-bottom:6px; padding-right:2px;padding-left:2px; cursor:pointer;}
#desriptionboxss{ width:90%; margin-left:23px; margin-top:8px;}
#mainprofimage{width:30px; height:30px;}
#descupdatend{width:80px; height:30px;  background:lightgrey; margin-right:10px; border:1px solid lightblue; border-radius:5px;}
#descupdate{width:80px; height:30px; color:white; background:blue; margin-right:10px; border:1px solid white; border-radius:5px; display:none;}
#showmorepro{display:none;}
#showlesspro{display:none;}
#descupdate.active{display:inline-block;}
#descupdatend.active{display:none;}
#usereditbox-foot{width:100%; position:absolute; bottom:0%; left:0%; text-align:right; height:40px; }
#descrinput{min-height:40px; max-height:150px; border:none; width:95%; margin-right:10px;}
#desc2{width:100%; border:1px solid lightgrey; border-radius:7px; text-align:right; display:none;}
#desripbtn{color:blue; cursor:pointer; }
#desrip1{ color:grey; margin-left:20px;}
#desriptionbox{ width:90%; margin:auto; margin-top:20px; position:relative;}
#profilimgview1{display:none;}
#editpicholder{width:100px; height:80px; border:1px solid lightgrey; margin-top:8px; margin-left:8px;box-shadow:0px 0px 3px lightgrey; position:relative;}
#editpicholder #piceditends{position:absolute; left:90%; color:red; top:0%; cursor:pointer; display:none;}
#editpicholder #piceditends.active{display:block;}
#editpicholder img{width:100%; height:80px; }
#profileDiv #profilepicbtn{float:right;  margin-right:20px; color:grey; font-size:23px; margin-top:5px; cursor:pointer;}
#problackout{width:100%; display:none; height:1000px; position:fixed; background-color:#212f3c;opacity: 0.8; /* 50% opacity */ Z-index:4;}
#profileDiv{height:100px; width:90%; margin:auto; border:1px solid lightgrey; margin-top:20px;}
#usereditbox{height:400px; background:white; position:fixed; margin:auto; width:29%; lft:1%; border:1px solid lightgrey; top:30%; border-radius:10px; display:none; Z-index:5;}
#followtbn{padding:3px; color:white; background:blue; border:1px solid white; border-radius:5px;   margin-left:8px; padding-left:8px;padding-right:8px;cursor:pointer;}
#followtbn1{padding:3px; border:1px solid #aed6f1; color:blue;border-radius:5px; margin-left:8px; padding-left:8px;padding-right:8px;cursor:pointer;} 
#user-holder{width:100%; display:flex; }
#user-image{width:100px; height:100px; margin-top:10px; position:relative;}
#editshow{ color:grey;   cursor:pointer; border-bottom:1px solid grey; font-size:14px; margin-left:20px;color:#34495e;}
#descriptionbox{text-align:left;  display: -webkit-box;max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; color:grey; }
#descriptionbox2{display:none;}
#user_names{width:80%; height:100px; ;margin-top:10px; position:relative; }
#namesofuser{width:100%; height:49px; position:relative;}
#namesofuser span{font-size:25px; float:left; margin-top:10px;font-weight:600; }
#user-image img{width:100px; height:100px; border-radius:50%;}
#userinfo{width:100%;   position:relative;  text-align:left;}
#userinfo #description{ color:gray;}
#user-container{width:100%;  position:relative;}
#morepostholder{width:100%; height:40px; border:1px solid red;}
#mobile-side-container2{height:100%; position:relative;   background-color: rgba(0, 0, 0, 0.5); display:none;}
#mobile-side-container2 span{color:#5d6d7e ; position:relative;  Z-index:4;  margin-right:10px; float:right; margin-top:10px; font-size:30px;}
#mobile-side-container{width:100%; position:absolute;  Z-index:5;  height:100%;  display:none;}
#comment-imgs{width:80%; margin:auto;}
#comment-imgs img{width:100%; border-radius:10px; border:2px solid #5d6d7e;}
#previwImageClose{position:absolute; right:4px; top:10; color:red; cursor:pointer;}
#previwImage{width:200px; height:200px; margin:auto; display:none;border-radius:10px; position:relative; margin-top:10px;margin-bottom:10px;}
#imgPreview{width:100%; height:100%; border-radius:10px;}
 #image-file{ font-size:20px;  float:left; margin-left:10px; cursor:pointer; color:#5d6d7e;}
#image-file:hover{font-size:25px;}
.viewcommentreplypute{ width:90%;  margin:auto;  margin-bottom:10px; text-align:left;display:none;}
.viewcommentreplypute textarea{width:100%; border:1px solid lightgrey; height:33px; border-radius:5px;resize: none;overflow: hidden; max-height:200px; }
.viewcommentreplypute button{background:#2980b9; color:white; height:17px; border-radius:5px;padding-left:6px;padding-right:6px; border:none; float:right; margin-top:5px; font-size:12px; cursor:pointer;}
.viewreply.active{animation: shake 0.5s;  box-shadow: 0 0 5px rgb(205, 92, 92); border:1px solid red;}
.commentreplycontainer{ width:95%; border-left:2px solid #e5e7e9;margin-left:15px; margin-bottom:10px; }
#commentbtnsV{width:100%;  height:30px; display:flex; font-size:15px; }
#comment-reply i{color:#424949; font-size:15px; margin-left:8px; }
#comment-reply{ display:flex; margin-bottom:5px; margin-top:10px;}
#postcarrier-comment{width:90%;margin-left:10px;font-size:18px; color:#283747;  }
#maincommentdiv{border:1px solid lightgrey;margin:auto; margin-bottom:3px; box-shadow:0px 0px 3px lightgrey; width:99%;  border-radius:5px;}
#maincommentdiv1{border:1px solid #108678 ;margin:auto; margin-bottom:3px; box-shadow:0px 0px 3px #108678 ; width:99%;  border-radius:5px;}
#comment-container{width:100%; margin-top:8px;}
#comment-input-btn{display:none;}
#commentspostnew{background:#2471a3; border-radius:4px; border:none; height:23px; margin-right:8px; padding-left:10px; padding-right:10px; color:white;}
#comment-input-btn{text-align:right; margin-bottom:3px;}
.commment-input-textarea{height:40px; width:98%; border:none; margin-left:3px; max-height:400px; margin-top:3px; }
#main-comment-container{width:100%; }
#commment-inputsmain{width:98%; margin-left:3px; border:2px solid #283747; border-radius:10px;}
#commment-inputsmain.active{ animation: shake 0.5s;  box-shadow: 0 0 5px rgb(205, 92, 92); border:1px solid red;}
#postcarrier{width:95%; margin-left:10px; font-size:19px;  color:black; font-weight:500;}
#view-maintopic{width:95%; margin-left:10px; font-size:26px; margin-top:8px; margin-bottom:15px; font-weight:1000;color:#273746 ; text-align:left;}
 #likerestbtn{width:78%; position:relative; }
 .sharebtns{position:absolute; width:40%; border-radius:5px; border:1px solid lightgrey; height:200px; background:white;Z-index:2;box-shadow:2px 2px 5px;display:none;}
 .sharebtns button{height:40px; width:100%; border:1px solid lightgrey; font-size:16px; color:#2e86c1; background:white; font-weight:700; cursor:pointer; }
 .sharebtns button:hover{background:#f2f3f4;}
 #likerestbtn a{color:#566573;  }
 #likeandcommentsholder{ width:100%; height:30px; margin-top:13px; display:flex; font-weight:800;}
  #likeandcommentsholder span{ font-size:18px; color:#566573;}
 #likeandcomments{height:40px; width:100%; }
 #likebtnsss{width:10%;  margin-left:8px;}
  #likerestbtn span{ margin:10px;}
.video-check.act #playbtns{ display:block;}
.video-check.act #view-videos-con{ display:block;}
.unmutebtn{ color:white; width:30px; height:20px; background:black; font-size:20px; border:1px solid red; float:right; margin-right:10px; margin-top:10px; border:none; background:none; font-weight:800; }
.mutebtn{ color:white; width:30px; height:20px; background:black; font-size:20px; border:1px solid red; float:right; margin-right:10px; margin-top:10px; border:none; background:none; font-weight:800;display:none;}
.playBtnmain2{ color:white; width:30px; height:20px; background:black; font-size:20px; border:1px solid red; float:left; margin-left:10px; margin-top:10px; border:none; background:none; font-weight:800; display:nne; }
.playBtnmain{ color:white; width:30px; height:20px; background:black; font-size:20px; border:1px solid red; float:left; margin-left:10px; margin-top:10px; border:none; background:none; font-weight:800; display:none; }
.pauseBtnmain{ color:white; width:30px; height:20px; background:black; font-size:20px; border:1px solid red; float:left; margin-left:10px; margin-top:10px; border:none; background:none; font-weight:800; display:none;}
#view-videos-con{width:97%; height:40px; position:absolute; bottom:1%; display:none; left:5px; }
#view-videos-con.active{display:block;border:1px solid red;}
#view-videos-con-time{width:100%; height:50%;  text-align:left; color:white; font-size:15px;}
#view-videos-con-progretion{width:100%; height:50%;  text-align:left; }
.img-views-video{width:98%;margin-left:5px; margin-top:15px;margin-bottom:10px; position:relative; height:400px;}
.img-views-video video{width:100%;  height:400px; border-radius:6px; border:1px solid lightgrey; background:black; object-fit:cover; }
.img-views-video #playbtns{position:absolute;  Z-index:2;height:400px;   left:0%; font-size:30px; color:white; font-weight:900;  width:100%;  display:nne;}
.img-views-video #playbtns.active{display:block; background:rgba(0, 0, 0, 0.2);}

.img-views-video2{width:98%;margin-left:5px; margin-top:15px;margin-bottom:10px; position:relative; height:400px;}
.img-views-video2 video{width:100%;  height:400px; border-radius:6px; border:1px solid lightgrey; background:black; object-fit:cover; }
.img-views-video2 #playbtns{position:absolute;  Z-index:2;height:400px;   left:0%; font-size:30px; color:white; font-weight:900;  width:100%;  display:nne; }
.img-views-video2 #playbtns.active{display:block; background:rgba(0, 0, 0, 0.2);}
#messageimg img{width:98%; margin-left:5px; max-height:500px; margin-top:10px; border-radius:8px; border:1px solid grey;}
#messageimg1 img{width:100%;height:100px; border-radius:7px; border:1px solid grey;}
#messageimg1{width:20%; float:right; height:100px; margin-right:7px; margin-top:10px;}
#messagedivs1{width:78%; float:left;height:100px; }
#messageimg2{display:none; border:1px solid blue;}
#messagedivs2{width:100%; height:100px; }
#messagecontainer-child{width:98%; margin-left:4px; margin-top:8px;}
#messagetopic {font-size:19px; margin-top:10px; margin-bottom:15px; margin-left:4px; color:#154360 ; font-weight:1000;}
#textmini{color:#797d7f; font-family:Barlow; font-size:17px; margin:auto; margin-left:4px;  text-align:left; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; }
#textmini1{color:#154360 ;  display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
#topcorector{ margin-left:4px;  text-align:left; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; }
#messagetopq{height:40px; margin-top:12px; display:flex; margin-bottom:12px;  position:relative;}
#messagetopq img{ margin-left:8px;width:20px; height:20px; border-radius:50%; border:2px solid #5dade2; float:left; margin-top:5px;}
#messagetopq a{color: lightcoral; margin-left:5px; margin-top:8px; font-size:16px; text-decoration:none;float:left; }
#messagetopq #times{font-size:16px; float:left; margin-top:8px;}
#messagetopq #likebtnsss{ width:45px; float:left;height:40px; margin-top:0px; position:absolute; top:2%;}
#messagetopq #likebtnsss span{font-size:14px; float:left; margin-top:10px; margin-right:1px; font-weight:700;}
#messagetop{height:40px;margin-top:12px; boder-bottom:1px solid lightgrey; diplay:flex; padding-bottom:3px; width:100%; margin-bottom:14px;text-align:left;}
#messagetop img{ margin-left:8px; border-radius:50%; border:1px solid blue; float:left;}
#messagetop a{color: lightcoral; margin-left:5px; margin-top:5px; text-decoration:none; font-weight:700; }
#times{ margin-top:6px; color:grey; margin-left:7px; font-size:15px;}
#messagebox{width:99.6%;   margin-bottom:2px;border:1px solid lightgrey;}
#sidebartitle{ font-size:23px; width:70%; margin:auto; margin-left:10px;color:#2e86c1;  margin-bottom:7px; font-weight:700;border-bottom:1px solid lightgrey;}
#siebartitle {margin-left:10px;}
#sidebarnames{width:100%; height:30px; font-size:18px; }


#aboutus-child{width:95%; margin:auto; margin-top:15px;}
#aboutus-child a{text-decoration:none; color:#2874a6;}
#aboutus{width:100%;  border:1px solid lightgrey; border-bottom:none; font-family:Robot; font-size:19px; padding:10px; padding-bottom:20px;}
#sidebardiv{ float:left;height:1000px;border-left:1px solid lightgrey;width:15%;position:sticky; bottom:0%; top:5%;  }
#sidebarnames a{text-decoration:none; color:#34495e ; margin-left:10px;}
#sidebarbarcontent{width:100%;  height:50%;  position:absolute; top:8%;}
#sidebarinnerdiv{width:100%;  height:100%; position:relative; background:none; margin-top:20px;}
#sidebar_foot{height:150px; width:100%; position:absolute; bottom:5%; color:#1f618d; text-align:center; font-size:20px; }
#sidebar_foot button{ height:35px; width:100%; border-radius:7px; border:1px solid white; color:white; background:red;}
#mainPostsidebar{width:35%; height:100%;  position:relative; }
#sidebarpageholder{ margin:auto;width:290px;margin-left:3px;  position:fixed; top:6%; }
#maincontents{ width:60%; margin:auto;  display:flex;   }
#main-container{width:100%;    position:relative;}
#sportsfooter{width:100%;  height:380px; background:#2e4053;}
#lastfooter-social{width:100%; height:50%; text-align:center; font-size:30px; font-weight:900; color:white;}
#lastfooter-social span{ margin:10px;}
#lastfooter-sporst{width:100%; height:50%;  text-align:center; font-size:20px; font-weight:900; color:white;}
#lastfooter{width:100%;  position:absolute; height:30%; left:0; bottom:0;}
#sportsfooter-child{width:60%; height:100%; margin:auto;  position:relative;}
#main-footer-top{width:100%; height:70%; position:absolute; top:0; left:0;  display:flex;}
#main-footer-top-right{height:100%; width:50%;height:95%; margin-top:10px; }
#main-footer-top-right a{text-decoration:none; color:white; font-size:16px; font-weight:900;}
#main-footer-top-right p{margin-bottom:10px;}
#main-footer-top-left{height:95%; margin-top:10px; margin-left:10px; width:45%; color:white; tet-align:center;}
#main-footer-top-left a{text-decoration:none; color:white; font-size:16px; font-weight:900;}
#mainPost{width:65%; border:1px solid lightgrey; min-height:1000px; margin-top:120px;  }
#mainPost-topBtn{width:99.7%;  height:40px; position:sticky; top:5%; display:flex; justify-content:center; background:white; border-bottom:1px solid lightgrey; border-top:1px solid lightgrey;Z-index:3;}
#mainPost-topBtn span{margin:40px; margin-top:10px;}
#mainPost-topBtn button{background:white; border:none; font-weight:600; cursor:pointer;}
#postbtn.active{border-bottom:3px solid red;font-weight:800;}
#questionsbtn.active{border-bottom:3px solid red;font-weight:800;}
#Scoresbtn.active{border-bottom:3px solid red;font-weight:800;}
#logmobil{display:none;}
.logmobil{display:none;}
#contentDive{  width:75%;   border-right:1px solid lightgrey; float:right; display:flex; }
#closeser{float:right; font-size:30px; color:grey;}
#searchINtext{text-align:left; font-size:15px; color:grey;}
#page_search{width:98%; min-height:50px; text-align:left; display:flex; border-bottom:1px solid lightgrey; font-size:16px; font-weight:700; padding:10px;  margin-bottom:2px; border-left:none;border-right:none; margin-left:3px; padding:5px; color:#34495e ;}
#page_search img{ margin-top:3px;  width:40px; height:100%px;  margin-left:8px;  margin-right:3px; border:1px solid lightgrey; }
#page_search span{ margin-top:7px; }
.page_searchss{  text-decoration:none;}
.page_searchss1{  text-decoration:none;}
#topMenu{width:100%; }
#topMenueholder{width:100%; position:fixed; height:110px; top:0; left:0;  background: radial-gradient(circle at center,#3b5770 0%,#34495e 20%,#1f2d3a 100%);Z-index:3; }
#sitename-holder{width:60%; margin:auto; height:80px;  magin-bottom:0px;  }
#sitename-holder span{ float:left; margin-top:10px; }
#sitename-holder a{text-decoration:none; font-size:30px;color:white; margin-top:8px;  margin-left:10px; float:left; font-family:Winky Sans; font-weight:900;}
#sitename-holder img{height:50px; width:50px; background:none; margin-top:8px; margin-right:8px;float:left;}
#sitename-holder button{ background:#34495e; color:white;font-family:Winky Sans; border:none; font-size:px; margin-left:40px; margin-top:15px;}
#mobile-bar{ margin-left:1px; font-size:40px;  display:none;}

#searchDiv{ width:50%; height:34px; border:1px solid lightgrey; margin-top:5px; border-radius:10px; background:white; position:relative; }
#searchDiv .active{display:block}
#searchresults{width:100%; position:absolute; border:1px solid lightgrey; border-radius:10px;  top:110%; display:none;}
#searchresults.active{ display:block; Z-index:4; background:white;}
#searchDiv input{width:90%;float:left; height:30px; border:none; border-right:none; border-radius:10px 0px 0px 10px;}
#searchDiv button{width:8%;float:right; height:30px;border: none; border-left:1px solid white; background:white; border-radius:0px 10px 10px 0px; cursor:pointer;}
#loginDive{width:25%; height:50px; }
#loginsbtn{border: 1px solid  #cd6155; margin-left:5px;  background:white; border-radius:7px; color:grey; font-weight:900; font-size:25px; }
#logoutsbthn{border: 1px solid  #cd6155; height:25px; float:left; margin-left:5px; margin-top:10px; background:red; border-radius:7px; color:white;}
#userimglogin img{ height:25px; width:25px; border:2px solid #5499c7; border-radius:50%; float:left; margin-top:8px; margin-left:5px;}
#mobil_ser_btn{display:none; font-size:24px;}
#serach_hide{float:left; margin-right:8px; font-size:18px; color:#5d6d7e; margin-left:8px; margin-top:7px; display:none;}

@keyframes ring{
    0%{
        transform: rotate(0deg);
        box-shadow:1px 1px 2px #e65c00;
        
    }
   50%{
        transform: rotate(180deg);
        box-shadow:1px 1px 2px #18b201;
        
    }
   100%{
        transform: rotate(360deg);
        box-shadow:1px 1px 2px #0456c8;
        
    } 
}
.ring:before{
    position:absolute;
    content'';
    left:0;
    top:0;
       width:100%;
    height:100%; 
    box-shadow: 0 0 5px rgba(255,255,255,.3);
    text-transform:uppercase;
    letter-spacing:1px;
    
}
 #kiss{
     color:#737373;
     font-size:8px;
     text-transform:uppercase;
   animation: text 3s ease-in-out infinite;
    
 }
  @keyframes text{
     0%{
         color:white;
     }
 }
.ring{position:absolute;width:45px; height:45px; border-radius:50%; animation: ring 2s linear infinite;}
.center{display:flex;width:100%;text-align:center; justify-content:center;align-items:center; height:45px;border:8px; position:absolute; top:30%;}
.center1{display:flex;width:100%;text-align:center; justify-content:center;align-items:center; height:45px;border:8px; position:absolute; top:100%;left:0;}
input:focus,textarea:focus{outline:none;}
html, body {margin: 0;height: 100%}
textarea::-webkit-scrollbar{
     
  width:0px;  
}
input::-webkit-scrollbar{
  width:0px;  
}
textarea {
  resize: none;
}
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
}
 table, th, td {
            border: 1px solid #ddd;
            
  width: 100%;
  table-layout: fixed;
  margin-bottom:20px;

        }

        th, td {
            padding: 10px;
            text-align: left;
        }

        th {
            background-color: #f2f2f2;
        }

        tr:nth-child(even) {
            background-color: #f9f9f9;
           ;
        }

        ol {
            margin: 20px 0;
          padding-left: 20px;
          
        }

        ul{padding-left: 20px;}
        
    blockquote {
           margin-left:3px;
            width:95%;
            padding-left: 1px;
            border-left: 5px solid #5b9bd5;
            font-style: italic;
            color: #555;
            background:#f8f9f9;
    
    
}    
h1{font-size:23px;}

input[type=range] {height: 0px; -webkit-appearance: none;margin: 10px 0;width: 100%;display:block;background:red;}
input[type=range]:focus { outline: none;}
input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 3px;cursor: pointer;animate: 0.2s;box-shadow: 0px 0px 0px #000000;background: #d5d5d5;;border-radius: 1px;border: 0px solid #000000;}
input[type=range]::-webkit-slider-thumb {box-shadow: 0px 0px 0px #000000;border: 1px solid #2497E3;height: 13px;width: 13px;border-radius: 25px;background: #00acee;cursor: pointer;-webkit-appearance: none;margin-top: -5px;}
input[type=range]:focus::-webkit-slider-runnable-track {background: #2497E3;}
input[type=range]::-moz-range-track { width: 100%;height: 5px;cursor: pointer;animate: 0.2s;box-shadow: 0px 0px 0px #000000;background: #2497E3;border-radius: 1px;border: 0px solid #000000;}
input[type=range]::-ms-track { width: 100%;height: 5px;cursor: pointer;animate: 0.2s;background: transparent;border-color: transparent; color: transparent;}
input[type=range]::-ms-fill-lower {background: #2497E3;border: 0px solid #000000;border-radius: 2px;box-shadow: 0px 0px 0px #000000;}
input[type=range]::-ms-fill-upper {background: #2497E3;border: 0px solid #000000;border-radius: 2px;box-shadow: 0px 0px 0px #000000;}



input[type=range]:focus::-ms-fill-upper { background: #2497E3;}



#tabe-name{
    width:100%;
  height:35px;
}
#maintextts{
  

    display: -webkit-box;
 
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
   
}

#maintextts1{
  

    display: -webkit-box;
 
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
   
}

#maintexttsj{
  

    display: -webkit-box;
 
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
   
}
.table-subs{
    height:35px;
    width:100%;text-align:center;
    margin-bottom:6px;
    display:none;
    border-bottom:1px solid #f2f3f4;
    
}

.table-subs-btn{
   padding:5px;
    border:1px solid #f2f3f4;
    background-color:#f2f3f4;
    border-radius:6px; 
    float:left;
    color:grey;
    margin:3px; 
   
}


.main-t-child1{
    height:25px;
    width:22%;
    float:left;
    text-align:center;
}
.main-t-child{
    height:25px;
    borer:1px solid red;
    width:15.6%;
    float:left;
    text-align:center;
    font-weight:-700;
}
.main-t-pointes{
    width:55%;
    height:25px;
  overflow-x:auto;
  overflow-y:hidden;
    float:right;
}
.main-t-names{
     float:left;
    width:45%;
    height:25px;
    borer:1px solid blue;
}
.main-t{
    width:100%;
    border:0.3px solid #eaecee;
    height:35px;
    text-align:left;
    font-size:15px;
    font-family:'Slabo 27px';
}
.H2H-btn{
    height:25px; border:1px solid lightblue; border-radius:15px; padding:4px;color:grey;
}

#heads{
  height:30px; width:100%;  text-align:left; margin:3px; 
}
#summary{
    width:100%;
   
   
    display:none;
}
#info-holder{
    width:100%;
   
   
}
#summary1{width:98%; margin:auto; border:1px solid lightgrey;  margin-top:10px; min-height:200px;}
.subs-btn{
   color:grey;
    background:white;
    width:19%;
    font-size:15px;
    margin-top:2px;
    height:40px;
    border:none;
    font-weight:900;
    
    
    
}
.subs-btn.active{border-bottom:2px solid #a93226 ; color:#a93226 ; font-weight:700; }

.subs{
    margin:auto;
    height:45px;
    width:95%;
    border:1px solid #e5e7e9;
    margin-bottom:20px;
     margin-top:20px;
}
.teambadge{
    margin:auto;
    height:70px;
    border-radius:50%;
    border:1px solid lightgrey;
    width:70px;
}
.team-both1-child{
    width:35%;
    float:left;
   
    height:70px;
}
.team-both1-child2{
    width:35%;
    float:right;
   
    height:70px;
    
}
.team-both1-child1{
    width:30%;
    float:left;
font-size:27px;
    height:70px;
    color:white;
    text-align:center;
    font-family: Science Gothic;
}
.team-both2-child{
    width:35%;
    float:left;
   text-align:center;
    height:30px;
    font-size:14px;
    color:white;
    font-family: Barlow;
    
}
.team-both2-child2{
    width:35%;
    float:right;
   text-align:center;
    height:30px;
    font-size:14px;
    color:white;
    font-family: Barlow;
    
}
.team-both2-child1{
    width:30%;
    float:left;
text-align:center;
    height:30px;
    font-size:18px;
  color:white;
   font-family: Science Gothic;
   
}
#scoredates{height:20px;  width:100%; text-align:center; color:white;font-family: Science Gothic;}
.team-both{
    height:200px;
   margin-top:0px;
    width:100%;
    background: radial-gradient(
  circle at center,
  #3b5770 0%,
  #34495e 40%,
  #1f2d3a 100%
);

    position:relative;
  
}

  

.team-both1{
 width:100%;
 height:70px;
 position:absolute;
 left:0;
 top:20%;
}
.team-both2{
 width:100%;
 height:30px;
position:absolute;
 left:0;
 top:60%;
   
}
.start-names{
    width:100%;
    height:450px;
    border:1px solid lightgrey;
}
.start-home1{
   
    height:35px;
   border:1px solid lightgrey;
   margin-bottom:2px; 
  
    
}
.start-home{
    width:49.5%;
    height:450px;
    float:left;
    bordr:1px solid red;
    
}
.start-away{
    width:49.5%;
    height:450px;
    float:right;
    bordr:1px solid blue;
    
}
#team-both1{border:none; margin-top:10px;}