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


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

   
   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:48px;cursor:pointer; 
}

.livetime{
    width:18%; 
    float:left;
     height:40px;
    text-align:right;
     font-size:14px;
     

}
#livetime{
 margin-left:20px; 
float:left;
 margin-top:9px;
  
  font-size:14px;
   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:25px;
   font-size:15px;
  font-family:'Public Sans';
}
.awayteamN{
   width:100%; 
   height:25px;
   font-size:15px;
  font-family:'Public Sans'; 
}
.hometeamimg{
  width:16px; 
  height:16px; 
  float:left;
  margin-right:10px;  
}

.awayteamimg{
  width:16px; 
  height:16px; 
  float:left;
  margin-right:10px;  
}
.livestatus{
 width:20.4%;
 float:right;
 height:40px; 
 brder:1px solid pink;   
}

#createtextreturnbtn button{width:60px;  color:white; background:#5dade2; border:1px solid #5dade2; height:25px; border-radius:5px;}
#createtextreturn1{width:95%; margin:auto; min-height:200px;}
#createtextreturnbtn{width:90%; height:25px;  text-align:right; margin-top:15px;margin-bottom:15px;}
#createtextreturn{display:none; width:95%; margin:auto;  border:1px solid lightgrey;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); margin-top:20px;margin-bottom:20px; border-radius:10px; position:relative;}
#createtextinputholdermainBTN{width:90%; margin:auto; margin-top:10px;}
#createtextinputholdermainBTN button{height:30px; width:70px;color:white; background:#14487c; border-radius:5px; border:1px solid #14487c;} 
#createtextinputholdermain{width:98%; margin:auto; min-height:100%; border:1px solid lightgrey; border-radius:10px;}
#createtextContainermain{width:95%; margin:auto; min-height:200px; }
#createtextinputholdermaintextarea{width:95%; margin:auto;  min-height:100px;  max-height:400px; border:none;  margin-top:20px; margin-left:8px;overflow-X:auto;outline:none; }
#createtextDV{display:none;}
#inputtextcontainer-post{margin:10px; background:#e5e7e9; border:1px solid #e5e7e9; color:black; border-radius:5px;width:100px;height:35px; display:none;}
#inputtextcontainer-text{margin:10px; background:#2471a3; border:1px solid #2471a3; color:white; border-radius:5px;width:100px;height:35px;}
#inputtextcontainer-topic{margin:10px; background:#117a65; border: 1px solid #117a65; color:white; border-radius:5px;width:100px;height:35px;}
#inputtextcontainer{width:90%; margin:auto; height:40px;  display:flex; margin-bottom:20px;}
#createtextdivtextholder1{width:95%;border-radius:10px; margin:auto; border:1px solid grey;margin-top:20px;}
#createtextdiv1copy{float:right; padding:5px; border-radius:4px; margin-right:15px;  font-size:18px;}
#createtextdiv12{height:120px; width:95%; margin:auto; margin-top:20px; font-size:20px; }
#createtextdiv1{ display:none; width:95%; border:1px solid lightgrey; margin:auto; height:200px; margin-top:20px; border-radius:10px;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);}
#createtextdivtextholder{width:95%; margin:auto;  min-height:100px;  max-height:200px; border:none;  margin-top:20px; margin-left:8px;overflow-X:auto;outline:none; }
#createtextdivBTN{padding:5px; border:white; color:white; background:#1f618d; margin-left:8px; font-size:15px; border-radius:8px; margin-top:10px;}
#createtextdiv{width:100%; margin:auto; min-height:400px;  display:none;}
#overlayname{width:100%; height:20px;  margin-top:10px; font-size:13px; color:#ec7063; text-align:right}
#downloadcreateBtn{height:30px; padding:5px; border:1px solid white; border-radius:8px; color:white; background:#0e6655;}
#imageContainerD img {width: 100%;height: 100%;object-fit: cover; }
#SelectImageBTN{height:30px; padding:5px; border:1px solid white; border-radius:8px; color:white; background:#6e2c00;}
#downloadBtn{height:30px; padding:5px; border:1px solid white; border-radius:8px; color:white; background:#1f618d;}
 #overlayText1 { position: absolute;bottom: 40px; left: 40px;color:white;width:85%;font-size:25px;  font-weight: 900; border-radius:10px; background:rgba(0, 0, 0, 0.8);min-height:130px; }
#downloadallbtn{width:90%; margin:auto;}
#downloadBtn{ margin:30px;}
#detail{color:#a9dfbf; margin-left:20px;  font-size: 10px;}
#overlayText { margin:auto; margin:auto;width:85%;  margin-top:10px; font-family:Archivo Black;font-weight:900;}
#textInputD { margin:auto;margin-top: 10px; width:95%;height:80px;border-radius:10px;border:1px solid lightgrey; margin-left:10px;}
#imageContainerD { position: relative; width: 100%;height: 400px;border: 1px solid #ccc; overflow: hidden; display:flex; }

#profpostreview-review-rejected{width:20px; height:20px; border:red; color:white; background:red;   font-size:10px; border-radius:50%; position:absolute; bottom:60%; right:0;}
#profpostreview-Rejected{height:30px; margin:5px;position:relative; }
#profpostreview-Rejected1{ height:30px; background:white; padding-left:5px;padding-right:5px; font-weight:900;border:none; color:grey; border:1px solid lightgrey; cursor:pointer; border-radius:8px;}
#profpostreview-review-check{width:20px; height:20px; border:red; color:white; background:#dc7633;   font-size:10px; border-radius:50%; position:absolute; bottom:60%; right:0;}
#inreviewhead{width:100%; height:50px; boder:1px solid lightgrey; display:flex;}
#inreviewheadText{width:80%; margin-left:10px; font-size:25px; height:35px; margin-top:10px; font-weight:900; color:#d35400;}
#inreviewheadText1{width:80%; margin-left:10px; font-size:25px; height:35px; margin-top:10px; font-weight:900; color:red;}
#inreviewheadbtn{width:20%;height:35px; margin-top:10px;}
#widthdraw-historyC-main-down-messag{width:80%; height:98%; margin-top:8px;}
#widthdraw-historyC-main-down-cash{width:20%;height:100%;font-weight:900;}
#widthdraw-historyC-main-top{width:100%; height:30px; border-bottom:1px solid lightgrey;color:grey; }
#widthdraw-historyC-main-down{height:70px; width:96%; margin:auto; display:flex;}
#widthdraw-historyC-main-top1{color:#0b5345;height:30px; background:#82e0aa; border-radius:10px; font-size:14px;}
#widthdraw-historyC-main{ height:80px; border:1px solid lightgrey; border-radius:10px; width:95%; margin:auto;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); margin-top:10px; margin-bottom:5px;}
#widthdraw-historyC{width:95%; margin:auto; overflow:auto; border-radius:10px; max-height:700px;}
#profpostreview-post{height:30px; margin:5px;}
#profpostreview-post button{ height:30px; background:white; padding-left:5px;padding-right:5px; font-weight:900;border:none; color:grey; border:1px solid lightgrey; cursor:pointer; border-radius:8px;}
#profpostreview-history button{ height:30px; background:white; padding-left:5px;padding-right:5px; font-weight:900;border:none; color:grey;border:1px solid lightgrey;cursor:pointer;border-radius:8px;}
#profpostreview-review1{ height:30px; background:white; padding-left:5px;padding-right:5px; font-weight:900;border:none; color:grey;border:1px solid lightgrey;cursor:pointer;border-radius:8px;}
#profpostreview-review{height:35px; margin:5px; position:relative; }
#profpostreview-history{height:30px; margin:5px;}

#profpostreview{width:90%; height:40px; margin:auto; margin-top:10px; display:flex;}
#polices-checksbtn{width:20px; height:20px; border:1px solid grey; background:white; border-radius:3px; margin-right:10px; Z-index:3;}
#polices-checks{width:100%; height:40px; }
#postSource{width:90%; margin:auto; margin-top:20px; }
#postSource p{font-size:15px; color:grey;}
#postSource input{ margin-left:10px; height:35px; width:90%; border:none; }
#postSource-input{height:45px; border:1px solid lightgrey; border-radius:8px;}
#policiesimag img{width:100%; height:100%;}
#creatorpoliciesContainer h1{color:#2e86c1 ; font-size:30px; margin-bottom:20px;}
#creatorpoliciesContainer p{font-size:20px; font-family:Robot;}
#creatorpoliciesContainer b{font-size:20px; font-family:Robot;}
#creatorpoliciesContainer ul{font-size:20px; font-family:Robot;}
#creatorpoliciesContainer span{font-size:20px; color:#ec7063 ; font-family:Robot;}
#creatorpoliciesContainer{width:95%; margin:auto; height:100%;  position:relative;}
#imageContainers-main-text1{width:96%; margin-top:10px; margin-left:10px; padding:10px; border-left:2px solid red; font-size:25px; color:#283747;}
#imageContainers-main-img img{width: 100%;height: 100%;object-fit: cover;}
#imageContainers-main-img{width:100%; height:70%;}
#imageContainers-main-text{width:100%; height:29%;}
#imageContainers-main{height:90%; border:1px solid lightgrey; border-radius:10px;}
#imageContainers-main-copy{height:9%; width:98%; margin:auto; margin-top:3px; display:flex;} 
#imageContainers-main-copy button{height:30px; padding-left:10px;padding-right:10px; margin:10px; border-radius:9px; border:blue; color:white; background:#2471a3;}
#imageContainers{width:90%; height:500px; margin:auto; border:1px solid lightgrey; border-radius:10px; margin-bottom:10px;}
#facebookD{width:100%; height:100%;}
#main-createbtn2{width:20%; height:100%; margin-left:10px; border:none; color:white; border-radius:10px;  background-color:#2e4053 ; font-size:18px;}
#main-createbtn3{width:70%; height:100%; border:1px solid #1abc9c; border-radius:10px; background-color:#2c82b9; color:white; font-size:18px;}
#main-createbtn{height:45px; width:90%; display:flex; margin:auto;  margin-top:15px; text-align:center;}
#main-createbtn #main-createbtn1{width:90%; height:100%; border:1px solid #1abc9c; border-radius:10px; background-color:#2c82b9; color:white; font-size:18px;}
#more-top{height:50px; border-bottom:1px solid lightgrey; width:95%; margin:auto; margin-top:20px; margin-bottom:20px; text-align:center; font-size:23px; font-weight:900; color:#34495e;}
#ourcontact{width:90%; margin:auto;}
#noposts{height:700px; width:100%; position:relative;}
#noposts_child{width:97%;height:160px; position:absolute; border-radius:10px; boder:1px solid lightgrey; left:2%;top:30%; text-align:center; font-size:15px; }
#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; }
#scorefooter1{width:98%; margin:auto; margin-bottom:10px;  padding:10px; font-size:15px; margin-bottom:20px;}
#profilesidebar .dashbord{font-size:18px; font-weight:900; color:#34495e; float:left; margin-top:15px; margin-left:8px;}
#profilesidebar #profilesidebar_img{width:30px;height:30px; border-radius:50%; float:left; margin-top:10px; margin-left:8px; border:1px solid solid #aab7b8;}
#profilesidebar{width:95%; height:50px; margin:auto; border:1px solid lightgrey;  margin-top:20px; margin-bottom:60px; border-radius:10px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);text-align:left; background:#f8f9f9 ;}
#sportdisplay_container_home{width:95%;height:30%; margin:auto; margin-top:5px;}
#sportdisplay_container_away{width:95%;height:30%; margin:auto; }
#sportdisplay_container_home_img{width:15%; float:left; height:100%;}
#sportdisplay_container_home_img img{width:20px; height:20px;}
#sportdisplay_container_home_name{width:60%; float:left; height:100%; font-size:16px;color:#424949; font-weight:900;}
#sportdisplay_container_home_score{width:25%; float:right; height:100%; color:black; text-align:center;  font-weight:900;}
#sportdisplay_container_date{width:95%;height:26%; border-bottom:1px solid lightgrey; margin:auto; margin-top:2px; }
#sportdisplay_container_date #main_date{width:49%;float:left; height:100%; font-size:14px; color:#424949; font-weight:900;}
#sportdisplay_container_date #main_time{width:49%;float:right; height:100%; font-size:14px; color:#424949; font-weight:900;text-align:right;}
#getMatchResults.act{border-bottom:3px solid red; padding-bottom:9px; height:25px;}
#fixturess.act{ border-bottom:3px solid red; padding-bottom:9px; height:25px;}
.roundNext1{width:20%; border:1px solid grey; height:100%; margin-top:0px; font-size:20px; font-weight:900; background:#f4f6f6; cursor:pointer;text-align:center;}
.roundNext11{width:60%; border:1px solid grey; height:100%;margin-top:0px;font-size:18px; font-weight:900; text-align:center;} 
#roundNext1{width:100%; height:100%; margin:auto;border:1px solid lightgrey; display:flex; color:#34495e ;}
#roundNext{ width:90%; height:40px; margin:auto; margin-top:10px;margin-bottom:20px; }
#roundholder{height:40px; width:100%;  margin:auto; background:#e5e7e9; color:#797d7f; margin-top:10px;margin-bottom:10px;font-size:14px; font-weight:700;}
#teambtn button{height:20px; margin:10px; margin-top:0; border:none; background:white; font-weight:900; font-size:14px; color:grey; cursor:pointer;}
#teambtn{width:90%; height:30px; border-bottom:1px solid lightgrey; margin:auto; margin-top:15px; margin-bottom:15px;}
#teamsimg{height:100px; width:19%; border:1px solid lightgrey; margin-top:5px; border-radius:10px; }
#teamsnames{width:79%; height:100px;  margin-left:6px;margin-top:5px;}
#teamhead{width:95%; height:110px;  margin:auto; margin-top:10px; display:flex; border-bottom:1px solid lightgrey;}
#sportdisplay_container{min-width:250px;  height:100px;margin:5px; border:1px solid lightgrey;box-shadow:2px 2px 5px; cursor:pointer;}
#sportdisplay{width:100%;  margin-bottom:10px; margin-top:10px; display:flex; overflow-x:auto; white-space:nowrap; padding:10px;}
#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;}
#widthdrawamountstop{background:#148f77;color:white;border-radius:5px; position:absolute; width:50px;display:none; height:25px; bottom:0%; right:1%; border:1px solid green;}
#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%; text-align:left;}
#scorebts-left button{border:none; background:white;margin:7px; height:30px; color:#5d6d7e ; font-weight:700;}
#scorebts-left button:hover{border:1px solid lightgrey; padding:4px;}
#scorebts{ margin:auto; width:98%; height:40px; border-bottom:1px solid #e5e7e9; margin-bottom:15px;}
#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:none;  height:42px;}
#logholders{width:95%; border-radius:8px;height:43px;  margin:auto; border:1px solid lightgrey;}
#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%; margin:auto; border-radius:10px; border:1px solid lightgrey; height:500px; margin-top:10px; }
#text-inside-image{ width:100%; margin:auto; border-bottom:1px solid grey; padding-bottom:10px;}
#text-inside-image i{color:grey;}
#main-indside-images{ width:100%; border-radius:10px; border:1px solid lightgrey; min-height:300px; 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-bottom:15px; margin-right:20px; border:1px solid lightgrey;  padding:7px; border-radius:5px;  background:#0e6655; color:white;box-shadow:2px 2px 5px;}
#main-submitbtnEmpty{float:right; display:none; border:1px solid red; 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-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-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;}
#vidimgP1{margin-top:8px; margin-left:15px; margin-bottom:8px; display:none; color:grey;  font-size:14px;}
#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; }
#pageselectname1{ margin-left:4px;  text-align:left; display: -webkit-box; max-width: 100%; -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;}
.fotoholder{position:relative; width:100%;white-space: nowrap; overflow-y:hidden; margin-bottom:10px; border:1px solid green; }
.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;}
#imagecaption{width:90%; height:40px; text-align:center; margin:auto;  margin-top:10px; border:1px solid lightgrey; border-radius:7px;}
#imagecaption input{width:95%;  height:100%;border:none;}

#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:95%; margin:auto; height:60px; display:flex;  overflow-x: auto;  border-bottom:1px solid lightgrey; margin-bottom:8px;}
#inputbtns button{margin-left:20px; background:white; border:none;color:grey; magin-top:8px; cursor:pointer;}
#inputbtns button:hover{marin:4px; background:white; color:grey; magin-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;  }
#topic_input1{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; }
#input_contents{width:100%; top:3%; 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:3;}
#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{ border-bottom:1px solid lightgrey; width:100%; }
#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;  width:95%; margin:auto; margin-top:10px;color:grey;font-size:14px;         overflow-x: auto; overflow-y: hidden;white-space: nowrap;height:30px;      }
#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:auto; 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;}
#desc1{border:1px solid lightgrey; border-radius:10px; margin-top:20px; padding:10px;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);}
#usereditbox-foot{width:100%; position:absolute; bottom:0%; left:0%; text-align:right; height:40px; }
#descrinput{; max-height:150px; border:none; width:95%; margin-right:10px;}
#desc2{width:100%; border:1px solid lightgrey; border-radius:10px; text-align:right; display:none;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);}
#desripbtn{color:blue; cursor:pointer; }
#nameEditdivbtn1{width:60%;cursor:pointer ;background:white;font-size:16px; margin-left:5px; border:none; color:#34495e; height:100%; text-align:left; font-weight:900; display: -webkit-box;max-width: 60%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;  }
#nameEditdivbtn2{ width:35%; background:white; margin-left:5px; border:none; color:blue; height:100%;margin-right:5px; cursor:pointer;}
#desrip1{ color:grey; margin-left:20px; }
#desriptionbox{ width:90%; margin:auto; margin-top:20px; position:relative;}
#profilimgview1{display:none;}
#nameEditdivForm-main{width:95%; height:45px; margin:auto; display:none; border:none; margin-left:5px;}
#nameEditdivFormcancelbtn{height:100%; border:none; cursor:pointer; padding:5px; border-radius:6px;margin-right:10px; width:80px;}
#nameEditdivFormcancel{width:100%; text-align:right; height:25px;   position:absolute; Z-index:5; bottom:5px; left:0; display:none;}
#nameEditdiv{height:50px; width:90%; margin:auto; border:1px solid lightgrey;; border-radius:10px;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);  margin-top:30px; Z-index:2;position:relative; }
#editpicholder{width:100px; height:80px; border:1px solid lightgrey; margin-top:8px; margin-left:8px;box-shadow:0px 0px 3px lightgrey; position:relative; border-radius:50%;}
#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; border-radius:50%; }
#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; border-radius:10px; margin-top:20px;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);}
#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-family:Gowun Batang; margin-top:10px; padding:5px; font-size:20px;  color:black; font-weight:500; border-top:1px solid lightgrey;}
#postcarrier b{font-size:23px; color:black; font-weight:900;font-family: sans-serif;}
#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;  padding-bottom:3px; width:100%; margin-bottom:14px;text-align:left;}
#headimg{width:40px;}
#headimg-more-child1{width:100%; height:20px;display:flex;}
#headimg-more-child2{width:100%; height:20px;}
#messagetop-more{width:85%; float:left; display:flex; }
#messagetop-moretbn{width:14%; text-align:center; font-size:24px;color:#34495e; cursor:pointer;float:right;}
#askdeletebtn-cancel{float:left;margin-left:10px;padding:2px;  }
#askdeletebtn-delete{float:right;margin-right:10px; padding:2px; background:#2980b9; color:white; border:1px solid #2980b9;}
#askdeletebtn{height:30px; width:100%; position:absolute; bottom:0; left:0;}
.askdelete{width:100%; height:80px; display:none; border:1px solid lightgrey; position:absolute; top:100%; left:0; background:white; Z-index:3;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); text-align:center; font-size:16px; color:black;}
.messageboxChildmembers{width:94%; display:flex; margin:auto; color:#34495e;  height:35px; border-radius:8px; margin-top:6px; font-size:18px; font-weight:700; position:relative;}
.messageboxChildmembers span{margin:10px;}
.messageboxChildmembers:hover{background:#eaeded;}
#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{ magin-top:6px; color:grey; margin-left:7px; font-size:15px;float:left;}
.messageboxChildCancel{height:20px; width:90%; margin:auto; margin:15px; text-align:left; border-bottom:1px solid lightgrey; color:grey;}
.messageboxChild{width:60%; position:absolute;top:7%;right:2%; display:none; border:1px solid lightgrey; min-height:100px; background:white; Z-index:3; border-radius:10px; padding:5px;  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2)}
#messagebox{width:99.6%;   margin-bottom:2px;border:1px solid lightgrey; position:relative;}
#sidebartitle{ font-size:20px; width:95%; margin-left:10px;color:grey;  margin-bottom:7px;}
#siebartitle {margin-left:10px;}
#sidebarnames{width:100%; height:35px; }
#sidebardiv{ float:left;height:1000px;border:1px solid lightgrey;width:25%;position:sticky; bottom:0%; top:5%;  }
#sidebarnames a{text-decoration:none; color:#2980b9 ; margin-left:10px;}
#sidebarbarcontent{width:100%;  height:50%;  position:absolute; top:8%;}
#sidebarinnerdiv{width:100%;  height:100%; position:relative; background:white;}
#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; height:100%; }
#main-container{width:100%;   }
#notyText{width:85%; text-align:left;  }
.notyfect{display:flex; }
#notyM{display:none;}
#notyTop{font-size:20px; font-weight:800; color:grey; height:40px; width:15%; }
#notifyDiv{width:100%;display:none; background:white; height:100%; position:absolute;top:5.2%;left:0; Z-index:4;  }
#mainPost{width:65%; border:1px solid lightgrey; border-left:none; margin-top:50px;  position:relative; }
.mainPost-topBtn-child1-icons{width:24.5%; height:45px; text-align:center; font-size:20px;  padding:5px; cursor:pointer; position:relative;}
#mainPost-topBtn-child1{width:100%; display:flex;}
#mainPost-topBtn{width:99.7%;  height:50px; position:sticky; top:5%; display:flex; justify-content:center;color:#283747; background:white; border-bottom:1px solid lightgrey; border-top:1px solid lightgrey;Z-index:2;}
#mainPost-topBtn span{margin:40px; margin-top:10px;}
#mainPost-topBtn button{background:none; border:none; font-weight:600; cursor:pointer;}
#postbtn.active{border-bottom:3px solid red;color:gray;font-weight:800; }
#questionsbtn.active{border-bottom:3px solid red;font-weight:800;}
#Scoresbtn.active{border-bottom:3px solid red;font-weight:800;}
#submitbtn{width:98%; margin:auto; height:40px;   margin-top:8px;}
#submitbtn-cancel{height:35px;width:80px; padding:5px; border:1px solid lightgrey; border-radius:8px; font-size:18px; color:#616a6b; margin-left:8px;}
#contentDive{  width:75%;   border: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; 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:30px; height:30px; border-radius:10px;  margin-left:8px;  margin-right:3px; border:1px solid lightgrey; }
#page_search span{ margin-top:7px; float:left;}
.page_searchss{  text-decoration:none;}
.page_searchss1{  text-decoration:none;}
#topMenu{width:100%;  }
#topMenueholder{width:100%; position:fixed;border:1px solid lightgrey; height:55px; top:0; left:0; display:flex; Z-index:2; background:white; Z-index:3;}
#sitename-holder{width:25%;  height:50px; display:flex; }
#sitename-holder span{ float:left; margin-top:10px; }
#sitename-holder a{text-decoration:none; font-size:25px;color:#c0392b; margin-top:20px;  margin-left:10px;}
#mobile-bar{ margin-top:25px; margin-left:15px; font-size:25px; display:none;}
#searchDiv{ width:50%; height:45px; 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;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);}
#searchresults.active{ display:block; Z-index:4; background:white;}
#searchDiv input{width:90%;float:left; height:40px; margin-left:8px; margin-top:auto; 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  #909497; background:#f2f3f4; padding-left:5px; padding-right:5px;height:30px;  font-size:16px; float:left;  margin-left:10px; margin-top:10px;  border-radius:7px; color:grey;}
#logoutsbthn{border: 1px solid  #cd6155; padding-left:5px; padding-right:5px;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:12px; 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;}
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% { transform: translateX(0); }
      25% { transform: translateX(-10px); }
      50% { transform: translateX(10px); }
      75% { transform: translateX(-10px); }
      100% { transform: translateX(0); }
}

 .shake {
      animation: shake 0.5s;
    }
 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;}
        li {
            margin-bottom: 10px;
            
        }
        
    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;
   
}
.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:#00695C;
    text-align:center;
}
.team-both2-child{
    width:35%;
    float:left;
   text-align:center;
    height:30px;
    font-size:16px;
    color:#00695C;
}
.team-both2-child2{
    width:35%;
    float:right;
   text-align:center;
    height:30px;
    font-size:16px;
    color:#00695C;
}
.team-both2-child1{
    width:30%;
    float:left;
text-align:center;
    height:30px;
    font-size:16px;
  color:black;
}
.team-both{
    height:110px;
    border:1px solid grey;
    border-radius:10px;
    width:100%;
   
}
.team-both1{
 width:100%;
 height:70px;

}
.team-both2{
 width:100%;
 height:30px;

}
.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;}