*:focus {
    outline: 0;
}

onLineDivFlex {
margin-bottom:10px;
}


@font-face {
    font-family: 'Open_Sans';
    font-style: normal;
    font-weight: 400;
   src: url('/assets/fonts/static/Open_Sans/static/OpenSans-Regular.ttf');
}


@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
   src: url('/assets/fonts/static/Montserrat/static/Montserrat-Regular.ttf');
}


body {
    background: #f0f2f5;
    width: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    line-height: var(--bs-body-line-height);
    font-weight: 400 !important;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    color: #324e63;
   font-family: 'Open_Sans', Arial,Tahoma,sans-serif, Helvetica;
}



:root {
    --bs-body-line-height: 1.5;
    --body-bg-color: #e5ecef;
    --theme-bg-color: #fafafb;
    --body-font: "Poppins", sans-serif;
    --body-color: #2f2f33;
    --active-color: #0162ff;
    --active-light-color: #e1ebfb;
    --header-bg-color: #fff;
    --search-border-color: #efefef;
    --border-color: #d8d8d8;
    --alert-bg-color: #e8f2ff;
    --subtitle-color: #83838e;
    --inactive-color: #f0f0f0;
    --placeholder-color: #9b9ba5;
    --time-button: #fc5757;
    --level-button: #5052d5;
    --button-color: #fff;
    --czs23: color: #2ea5ff;
	--white: #fff;
    --black: #000;
    --bg: #f8f8f8;
    --grey: #999;
    --dark: #1a1a1a;
    --light: #e6e6e6;
    --wrapper: 1000px;
    --blue: #00b0ff;
    --color-header: #0d0d0d;
	--color-text: #404040;
	--color-btn-text: #3363ff;
	--color-btn-background: #e6ecff;
	--color-primary: #2980b9;
	--color-secondary: #c0392b;
	--color-accent: #16a085;
}






a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { }
a:active { text-decoration: none; }


a { 
color:#447bba;
}

.TTlOFqzwDesc {
background:#fff;	
display:block;
width: 100%;
}

.TTlOFqzwDesc > div {
    color: #000000;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #e5e5e5;
    padding: 17px 20px;
}



.PnavLzz {
display:block;
width:100%;
padding: 6px 10px 5px 5px;
background:#fff;
border-radius:10px 10px 0 0;
}


.PnavL {
display:block;
width:100%;
        padding: 8px 0px 12px 9px;
}

.PnavL:hover{
	background:#dadada;
	border-radius:10px;
}

.label {
  color: white;
  padding: 8px;
  font-family: Arial;
}
.success {background-color: #04AA6D;} /* Green */
.info {background-color: #2196F3;} /* Blue */
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Red */ 
.other {background-color: #e7e7e7; color: black;} /* Gray */ 


   .dsblue05 { color: #ECF3FF; }
   .dsblue30{ color:  #aac9ff;}
   .dsblue40{ color:  #77A7FF;}
   .dsblue60{ color:  #1877F2;}
   .dsblue70{ color:  #2851A3;}
   .dsblue80{ color:  #1D3C78;}
   .dsbuttontext{ color:  #444950;}



.HeadLinkMNNN {
	background:#fff;
	color:#fff;
	width:100%;
	padding:10px;
	border-bottom: 1px solid #dadada;
}		
	
.HeadLinkOrNAvMenu {
	background:#fff;
	color:#fff;
	width:100%;
	flex-wrap: nowrap;
	display:flex;
}	

.HeadLinkOrNAvMenu > div {
	flex-basis:20%;
}
	

.FRddQZ41 {
	color:#fff;
    background-color: #1877f2;	
    font-size: 15px;
    font-weight: bold;
    padding:10px;
    border-radius:6px;
    line-height: 28px;
}

.FRddQZ41 a {
color: #fff;
}

.CLRRemoving {
    background-color: #f0f2f5;
    color: #323436;
    font-size: 15px;
    font-weight: bold;
    padding:10px;
    border-radius:6px;
    line-height: 28px;
}

.CLRRemoving a {
color: #323436;
}



.rmFRWZZ {
	color:#fff;
	background-color: #f0f2f5;
	font-size: 15px;
    font-weight: bold;
    padding:10px;
    border-radius:6px;
}

.rmFRWZZ a {
	color:#000 !important;
}


.fldTata {
	background: #fff;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:10px 10px;
}

.fldTata > div {
	flex-basis:100%;
	padding-bottom:10px;
}


* {
    box-sizing: border-box;
}



.kDisplay_1 {
	margin-top:10px;
	padding:10px;
	background:#fff;
}


.kDisplay {
	padding:10px;
	background:#fff;
}

.kDisplayTop {
border-top: 1px solid #D8D8D8;
}

.kDisplayBottom {
border-bottom: 1px solid #D8D8D8;
}



.nav23 {
	padding:10px;
	background:#fff;
}

.nav2 {
    background-color: #FFFFFF;
    padding: 8px;
    border-bottom: 1px solid #D8D8D8;
}


.nav1 {
    background: #fff;
    padding: 7px 6px 7px 6px;
    border-bottom: 1px solid #E9EAED;
}


.foot {
	padding: 4px;
	background: #fff;
    border-bottom: 1px solid #D8D8D8;
}


.err {
    margin: 10px 0px 0px 0px;
    padding: 10px;
    background-color: #F9F6E7;
    border-top: 1px solid #D4BC4C;
    border-bottom: 1px solid #D4BC4C;
}

.time{ 
padding:2px;	
color: #F7435B;	
background-color: #FFEFA6;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
font-size : xx-small; 
}

.msg {
	border-top: 1px #2C9A68 solid;
	text-align: center;
	background-color: #4DBF9A;
	color: #E3FFE3;
}

img {
    vertical-align: middle;
    border: 0px;
}





article, aside, details, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}



.text-center {
    text-align: center;
}


.mess {
    padding:13px 10px;
    background: #fff;
}


.ptextmess {
	text-align:center;
    padding: 7px;
    background: #fff;
}

.menu {
color: #000;
padding: 8px 10px 8px 10px;
border-bottom: 1px solid #D8D8D8;
display: block;	
background:#fff;
}

.counter {
opacity:0.7;
white-space: nowrap;
border: 1px #CCC solid;
padding: 1px 4px;
float: right;
font-weight: bold;
color: #C0C0C0;
font-size: small;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-o-border-radius: 8px 8px 8px 8px;
}


.box{float: right;}
.on {color: #1c9044;}
.off {color: #FF0000;}










.col {flex: 1 0 0%;}
.col-1{width:8.33333%;    flex: 0 0 auto;}
.col-2{width:16.66666667%;    flex: 0 0 auto;}
.col-3{width:25%;    flex: 0 0 auto;}
.col-4{width:33.33333333%;    flex: 0 0 auto;}
.col-5{width:41.66666667%;    flex: 0 0 auto;}
.col-6{width:50%;    flex: 0 0 auto;}
.col-7{width:58.33333333%;    flex: 0 0 auto;}
.col-8{width:66.66666667%;    flex: 0 0 auto;}
.col-9{width:75%;    flex: 0 0 auto;}
.col-10{width:83.33333333%;    flex: 0 0 auto;}
.col-11{width:91.66666667%;    flex: 0 0 auto;}
.col-12{width:100%;    flex: 0 0 auto;}



.rightMenuMAz23  {
display:flex;
flex-wrap:nowrap;
justify-content:end;
user-select:none;
}


.rightMenuMAz23 > div {
padding-right:10px;
}

.RightSRZdqweBRDR {
cursor:pointer;
background:#e6e0e0;
height:48px;
width:48px;
display:flex;
display:-webkit-flex;
justify-content: center;
border-radius: 50%;
}

.RightSRZdqweBRDR svg {
align-self: center;
}


form {
	max-width:100%;
    padding: 2px;
	margin-bottom: 0px;
	margin-top: 0px;
}


form label {
	display: inline-block;
	padding-right: 5px;
	margin: 1px 0px 1px 0px;
}



button {
	max-width: 100%;
    width: 100%;
}


input[type="submit"], button {
	color: #ffffff;
    background: #447bba;
    border: 0;
    border-radius: 4px;
    font-weight: 500;
    padding: 10px 12px;
    cursor: pointer;
}

/*

input[type="submit"], button {
    color: #fff;
    background: #0084ff;
    background: #04AA6D;
    border: 0;
    border-radius: 4px;
    margin-top: 1px; 
    padding: 12px 20px;
    cursor:pointer;
}

input[type="submit"]:hover, button:hover  {
	background:#45a049;
}

*/

input[type="radio"], input[type="checkbox"] {
    width: initial !important;
    max-width: initial !important;
}

.ctxt_2xttxtwthbckrgeqwew {
    background-color: #0084ff;
    color: #fff;
}


textarea {
	font-size: 14px;
    resize: none;
    padding: 10px;
    width: 100%;
    color: #6b7c8f;
    font-weight: 500;	
	border:0 !important;
	background-color: rgba(243, 244, 246, 1);
}



input:not([type="submit"]), select {
    font-size: 14px;
  /*  padding: 10px 10px;*/
    
	height: 45px;
    padding: 10px 10px;    
    
    
	outline:0;
	margin-top:4px;
	margin-bottom:4px;
	max-width:100%;
	width:100%;
	border:0;
	
    color: #6b7c8f;
    font-weight: 500;	
	
	
	
	background-color: rgba(243, 244, 246, 1);
}




/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.rowg {
	display:flex;
	display:-webkit-flex;
	width:100%;
	flex-wrap: nowrap;
}

.row {
	display:flex;
	display:-webkit-flex;
	width:100%;
	flex-wrap: nowrap;
}

.row > * {
    max-width: 100%;
    padding-left:4px;
    padding-right:4px;
}


.dgrid {
  display: grid;
  grid-template-columns: 15% 60% 25%;
  grid-gap:10px;
}

/*
{
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

body::-webkit-scrollbar { 
    display: none;  
}
* @media only screen and (max-width: 560px) 
* 
* 
* */



.nvm_lfmn a {
display:block;
width:100%;
padding: 13px 10px;
}

.nvm_lfmn a:hover {
background:#dbd9d9;
}


.nvm_lfmn a div svg {
font-size:27px;
//margin-bottom: -3px;
color:#447bba;
}

.nvm_lfmn a div span:not(.svg) {
	margin-top: 1px;
    margin-left: 8px;
    font-size: 16px;
    position: absolute;
    color:#000000eb !important;
/*
letter-spacing: 1px;
color: #212529 !important;
*/
}



.nvm_lfmn {
background:#fff;
height:100vh;
    border-radius: 8px;
}


.whdr {
    background: #fff;
    width: 100%;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #e3e3e3;
}


.nav1w {
    background: #fff;
    display: flex;
    width: 100%;
    justify-content: space-between;
    //justify-content: center;
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0px 10px 0px;
    align-items: center;
}



.nav1w > * {
    padding-left: 10px;
    padding-right: 10px;
    //flex: 0 0 1;
    flex: 1;
    //width: 33.33333%;
}


.sr1 {
    text-align: center;
}


.sr1 input {
    width: 100%;
}

.searchbar {
    padding: 10px 10px 10px 34px;
    border: 1px solid #e3e3e3;
    border-radius: 10px 10px 10px 10px;
}



.mz231 {
display:inline-block;
width:100%;
}

.mz231 > div {
float:left;
padding-left:100hz;
}

.mz1 {
width:18%;
}

.mz2 {
width:78%;
}



.mb-1 {
    margin-bottom: 0.25rem!important;
}

.mb-3 {
    margin-bottom: 1rem!important;
}


.small, small {
    font-size: .875em;
}


form label {
    display: inline-block;
    padding-right: 5px;
    margin: 1px 0px 1px 0px;
}


.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.PstChtI {
display:inline-block;
width:100%;
}


.PstCht {
margin-bottom: 2px;
margin-top:2px;
background:#fff;
max-width:100%;
}

.ChatBox { 
padding: 4px 10px 5px 10px;
clear:both;
border-radius: 10px;
//background: #5a99ee;
}


.TTlCsForQZq {
    border-radius: 8px 8px 0 0;
    /* margin-top: 8px; */
    background-color: #FFFFFF;
    padding: 10px;
    border-bottom: 1px solid #D8D8D8;
    font-weight: 500;
    font-size: 18px;
}



.BlMain {

background: #fff;
overflow: hidden;	
max-width:100%;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 6px;	

}	 
	 
	 
.BVideo_l {
	display:grid;
	    grid-gap: 7px 0px;
	    
	//grid-template-columns: 33.3333% 33.3333% calc(33.3333% - 7px);
	//grid-template-columns: 33% 33% 33%;
	
    grid-template-columns: 33.3% 33.4% 33.3%;	
	
	
//padding-right: calc(-.5 * 10px);
   // padding-left: calc(-.5 * 10px);
	
	
	//grid-gap:10px 4px;
	//grid-gap:9px 3px;
	

	//padding:10px;
//	margin-bottom:10px;
	overflow: hidden;
	
  //  padding-left: 10px;
  //  padding-right: 10px;	
	//  padding-top: 6px;
}	

.BVideo_l > div {
	 //   padding-left: 5px;
	     margin: 8px 2px 0px 2px;
}







.BVideo_l div a img {
	    width: 100%;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.BVideo_mn {
max-width:100%;
background:#fff;
padding:10px;	
margin-top:10px;
border-bottom:1px solid #c0c0c0;
}
	 
	 
.pst12z_nm {
    border-radius: 0 0 10px 10px;
    padding: 5px 0px 10px 0px;
    color: #ffa314 !important;
    position: relative;
    /* margin-top: -26px; */
    /* margin-left: 12px; */
    /* top: -26px; */
    left: 13px;
    color: #fff;
    overflow: hidden;
    max-width: 120px;
    width: 120px;
    background: linear-gradient(rgba(17,17,17,.9) 50%,rgba(0,0,0,.9) 50%);
    height: 26px;
}
 
 
 
.WNotesList {
max-width:100%;
background:#fff;
padding:10px;	
margin-top:10px;
margin-bottom:10px;
} 



.WNotesChild {
max-width:100%;
display:grid;
grid-template-columns: 100%
} 




.zzzMan {
max-width:100%;
background:#fff;
padding:10px;	
//margin-top:10px;
//margin-bottom:10px;
display:grid;
grid-template-columns: 60px calc(100% - 60px);
gap: 6px 0px;
border-bottom: 1px solid #cacaca;
} 



.pTxtWithoutOverflowing {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}



.rightSideVids {
border-radius:8px 8px 0 0;
margin-top:10px;
max-width:100%;
background:#fff;
background:#fff;
}



.RightChildVids {
padding-left:10px;
padding-right:10px;
display:grid;
grid-template-columns: 50px auto;
border-bottom: 1px solid #cacaca;
margin-bottom:4px;
padding-bottom: 4px;
}

.RghtCSImg {
height:50px;
width:50px;
}

.crlofvd {
color: #0E3C87 !important;font-size: 14px !important;font-weight: 400 !important;
}

.Desc_ttl{
padding:10px;border-bottom: 1px solid #cacaca;margin-bottom: 8px;
}

.MnwqeZZ1 {
padding: 16px 27px;
}

.mntqzzwep2 {
margin-top:20px;
}

.czpsTTdS{
margin-top:100px;
margin-left:15px;
margin-bottom:20px;
}

.czmfnTxt2 {
color: #666666;
    font-size: 14px;
    font-weight: 400;
}


.czmfnTxtzz2 {
padding-top:70px;
}

.cZRghtmN {
    //margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    background:#fff;
}

#whrg { 
color:#000 !important;
background-color: #f1f1f1;
//height:40px;
padding:13px !important;
border:1px solid #e5e5e5;
border-radius:4px 4px 4px 4px;
//padding:10px !important;
margin-bottom:10px !important;
margin-top:10px !important;
}


.hdrofweb {
width: 100%;
background:#fff;
padding:15px;
}

.clrfoqweG {
background-color: #dd4b39;
color: white !important;
}


.clrfoqweT {
background-color: #55ACEE;
color: white !important;
}

.clrfoqweD {
background-color: purple;
color: white !important;
}


.btn {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    opacity: 0.85;
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none;
}


.PcWeZZmRQWE {
width:100%;padding-top: 4px;padding-bottom: 4px;display: block;position: relative;
}

.czz_zMnt2zq { 
padding-left: 4px;font-size: 18px;font-weight: 600;
}

.cpssr2zz {
display:block;margin-top: 11px;text-align: center;font-size: 18px;/* font-weight: 600; */color: #000;
}

.nav235TTl {
	border-radius:8px 8px 0 0;
	margin-top:8px;
	background-color: #FFFFFF;
    padding: 10px;
    border-bottom: 1px solid #D8D8D8;
    font-weight:700;
    font-size:18px;
}


/*
.rowg > div > div {


margin-left:5px;
margin-right:5px;


padding-left:10px;
padding-right:10px;
}*/


.DivMainHH {
display:flex;
width:100%;
background:#fff;
flex-wrap:nowrap;
//justify-content: space-evenly;
}

.DivMainHH .c1 {
width:25%;
flex: 0 0 auto;
}

.DivMainHH .c2 {
width:30%;
flex: 0 0 auto;
}

.DivMainHH .c3 {
width:50%;
flex: 0 0 auto;
}

.DivMainHH .c4 {
width:60%;
flex: 0 0 auto;
}


.MiddlEWebMenu {
width:100%;
display:flex;
justify-content:space-between;
}












/* */


//@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

.card {
  padding: 16px;
  margin: 24px;
  border-radius: 2px;
  background-color: #fff;
  color: #333;
}
  
  .card-title {    
    padding: 24px 16px 8px;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    //margin-bottom: 0.75rem;
  }


.card-title2 {
    padding: 0px 0px 0px;
    font-size: 16px;
    font-weight: 400;
}

/*



h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.1}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:4.2rem;line-height:110%;margin:2.1rem 0 1.68rem}
h2{font-size:3.56rem;line-height:110%;margin:1.78rem 0 1.424rem}
h3{font-size:2.92rem;line-height:110%;margin:1.46rem 0 1.168rem}
h4{font-size:2.28rem;line-height:110%;margin:1.14rem 0 .912rem}
h5{font-size:1.64rem;line-height:110%;margin:.82rem 0 .656rem}
h6{font-size:1rem;line-height:110%;margin:.5rem 0 .4rem}
em{font-style:italic}
strong{font-weight:500}
small{font-size:75%}
 
 */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: #050505;
    
	margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;	
}






.card-buttons-msg {
    background-color: var(--inactive-color);
    color: var(--subtitle-color);
}



.search-buttons {
    border: none;
    color: var(--button-color);
    background-color: var(--active-color);
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 14px;
}


.detail-button {
    background-color: var(--active-light-color);
    color: var(--active-color);
    font-size: 11px;
    font-weight: 500;
    padding: 6px 8px;
    border-radius: 4px;
}




.clrWpstofLink {
color: #000000 !important;
/*color:#65676b;*/
}


.chtwqmMMNN {
	width:100%;
	background:#fff;
}



.CZpstq2zz {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	background: #fff;
}

.CZpstq2zz > div {
flex-basis:100%;
//float:left;
//padding-right:4px;
}



.cqwe1zc123zz_gr234zzz {
overflow:hidden;
display:grid;
	width:100%;
	background: #fff;
	grid-template-columns: 50px calc(100% - 50px);
}



.czZR_21 {
width:100%;padding-left:6px;padding-right:12px;background: #fff;
}

.czRz22z_22 {
padding-top: 0px;padding-bottom:10px;margin-left: 15px;
}

.czRz22z_23 {
//padding: 9px 15px 10px 19px;
padding: 7px 17px 9px 14px;
background: #dadada;
border-radius: 25px;
}

.czRz22z_24 {
padding-top: 4px;display:block;background: #fff;/* padding-bottom: 9px; */padding-left: 8px;/* margin-top: -7px; */
}

.czRz22z_24 > span {
padding-right:8px;
}

.czRz22z_25 {
color:#65676b;padding-left:4px;
}



/* */





.pSUDQWZz {
background:#fff;padding:10px;	
}


.puiqweSZZqwe14 {
	display: grid;
    width: 100%;
    grid-template-columns: 40px calc(100% - 80px) 40px;
}




.cPsTChTDez {
letter-spacing: normal; */
    word-wrap: break-word;
    color: #000;
    /* font-size: 16px; */
    /* font-weight: bold; */
    /* text-align: justify; */
    /* font-family: Georgia; */
    /* font-style: italic; */
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.wWEZ2zz {
    background-color: #a52729;
    color: #ffffff;
}

.pChatWW {
	width:100%;
	background:#fff;
	padding:10px;
}

.postOfChatz2 {
	display:block;
}

.czChTmqwe2z {
	display:inline-flex;align-items:center;flex-wrap:nowrap;
	border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 20px;
    width:100%;
}


.czChTmqwe2z > div {
	padding-right:5px;
}


svg {
    vertical-align: middle;
}

.cztqweppcctr {
	text-align: center;height: 20px;width: 20px;border-radius: 50%;background:#a52729;
}

.art__title {
    font-weight: 600;
    font-size: clamp(1.5rem,6vw,2.5rem);
}




.header {
    background-color: #6f42c1;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#fff;
    border-radius:10px 10px 0 0;
}


/*  */

.card__btn {
  display: block;
  width: 100%;
  padding: 1.5rem;
  font-size: 2rem;
  text-align: center;
  color: #3363ff;
  background-color: #e6ecff;
  border: none;
  border-radius: 0.4rem;
  transition: 0.2s;
  cursor: pointer;
}
.card__btn span {
  margin-left: 1rem;
  transition: 0.2s;
}
.card__btn:hover, .card__btn:active {
  background-color: #dce4ff;
}
.card__btn:hover span, .card__btn:active span {
  margin-left: 1.5rem;
}



.cpp-fiel {
    float: left;
    width: 100%;
    position: relative;
}


.cp-field input, .cp-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
}


.cp-field input {
    height: 40px;
    padding: 0 40px;
}

/* for icons around with the input/textarea and so on */
.cpp-fiel i {
    position: absolute;
    top: 12px;
    left: 15px;
    color: #b2b2b2;
    font-size: 16px;
}



.accept-feat ul li button {
    cursor: pointer;
}

.close-req {
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #e5e5e5;
    background: inherit;
    color: #b2b2b2;
    margin-left: 7px;
}

.accept-feat ul li button {
    cursor: pointer;
}
.accept-req {
    color: #ffffff;
    font-size: 16px;
    background-color: #51a5fb;
    height: 30px;
    padding: 0 20px;
    font-weight: 600;
    border: 0;
    border: 1px solid #51a5fb;
}



.follow {
    background-color: #53d690;
    display: block;
    padding: 0 12px;
    color: #fff;
    height: 35px;
    line-height: 35px;
}


.message {
    background-color: #e44d3a;
    display: block;
    padding: 0 12px;
    color: #fff;
    height: 35px;
    line-height: 35px;
}


.accept {
    background-color: #51a5fb;
    display: block;
    padding: 0 12px;
    color: #fff;
    height: 35px;
    line-height: 35px;
}



.post_st1 {
    color: #b2b2b2;
    font-size: 16px;
    display: block;
    background-color: #e5e5e5;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    font-weight: 500;
}




.flxdataList22Main {
width:100%;
background: #fff;
//padding-left:10px;
//padding-right:10px;
}	
	
	
	
.flxdataList22 {
display:flex;
width:100%;
flex-wrap:wrap;
}

.flxdataList22 > div {
	flex-basis:100%;
	border-bottom:1px solid #dadada;
}


.zc2z_22_zqwe { 
	display:inline-block;
	width:100%;
}

/* zzzzzzzzz */
.dccz1 {
width:100%;
background: #fff;
}


.dccz2 {
width:100%;
padding: 10px;
display: inline-block;
}

.dccz2:not(:last-child) {
border-bottom:1px solid #dadada;	
}

.dccz3 {
	float:left;padding-right:10px;
}


.dccz4 {
	float:right;padding-top:10px;
}

.dccz5 {
	float:left;padding-top:10px;
}

.dccz6 {

font-size: 14px;
font-weight: 600;color:#000;font-family:Arial;

}

.dccz7 {
padding:7px 20px;    background-color: #51a5fb;color:#fff;border-radius:5px;
}


.dccz8 {
padding:7px 20px;    background-color: #fff;color:#b2b2b2;border:1px solid #dadada;border-radius:5px;
}

.dccz9_ttl {
width:100%;
display:block;
padding:9px 20px;    
background-color: #fff;
font-family:Arial;
font-weight:600;
font-size:16px;
color:#000;
border-bottom:1px solid #dadada;
}



.czst_mn {
    width: 1.25em;
    height:20px;
}

/* for video section */


.vid_flx {
	display:flex;
	flex-wrap:wrap;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	justify-content:space-between;
}

.vid_flx > div {
	
}


.czraft_22_er::after {
	content: '.';
	font-size:25px;
}


.cz_vid_1 {
width:100%;display:block;
}

.cz_vid_2 {
	font-size:1.2rem;
	font-weight:600;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    color: #000;
}

.cz_vid_3 {
display:inline-block;margin-top:7px;
}


.cz_vid_3_like {
/*margin-right:4px;*/float:left;background:#fff;color:#676a79;border:1px solid #dadada;padding:7px  16px;
}
.cz_vid_3_unlike {
float:left;background: #c5c3c3;color: #000;border:1px solid #dadada;padding:7px  16px;
}


.comment-right {
	justify-content:flex-end;
}	
	
.comment-body {
	width:100%;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
	background:#fff;
}	

.comment {
    display: flex;
    flex-wrap:nowrap;
    width:100%;
    padding-top:10px;
    justify-content:flex-start;
    
}


.comment .bordered {
    background: #dadada;
    border-radius: 15px;
    //padding: 10px 12px;
    padding: 2px 11px 5px 10px;
}


.comment .bordered div {

}





/* end of video section */



/* sprite */


.sp_0BRazPtwfe2_1_5x {
    background-image: url(/pics/O8eS2L-LkqS.png);
    background-size: 38px 728px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 36px;
    width: 36px;
}

.sp_0BRazPtwfe2_1_5x.sx_046c04 {
    background-position: 0 -570px;
}

.sp_0BRazPtwfe2_1_5x.sx_76c563 {
    background-position: 0 -532px;
}



.sp_ahDvTERRW_b_1_5x.sx_3927ad {
    background-position: 0 -418px;
}




.sp_ahDvTERRW_b_1_1x {
    background-image: url('/pics/Q6l9ttq-kXA.png');
    background-size: 38px 570px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 36px;
    width: 36px;
}

.sp_ahDvTERRW_b_1_1x.sx_3927ad {
    background-position: 0 -418px;
}


.rps_gr {
    background-position: 0 -76px;
}


.rpr_f {
    background-position: 0 -114px;
}


/* end of sprite */













.czgvdrndr_2z {
background:#fff;
width:100%;
border-radius:10px 10px 0 0;
overflow:scroll-x;
}


.czgvdrndr {
padding-top:10px;
border-top:1px solid #dadada;
border-bottom:1px solid #dadada;
display:flex;
flex-wrap:nowrap;
justify-content:flex-start;
overflow:hidden;	
padding-bottom:10px;
}

.czgvdrndr2 {
flex-basis:30%;
}

.czgvdrndr2 div {
	padding-right:10px;
	padding-left:10px;
}


.czgvdrndr_2z_2z {
	display:block;
	font-weight:600;
	font-size: 1.17rem;
	padding-top:10px;
	padding-bottom:10px;
}


.rOundLinks {
    font-family: sans-serif;
    font-size: 14px;
    background: rgba(0,0,0,0.1);
   /* border: 1px solid rgba(0,0,0,0.15); */
    padding: 8px 16px;
    border-radius: 220px;
    margin-right: 10px;
    text-decoration: none;
    color: #000;
}

.rOundLinks:hover {
	background:#dadada;
}

.rOundLinks svg {
	font-size:20px;
}



.cSpsnPdgn22 {
vertical-align: middle;
}



.clqwzqQWzz2 {
color:#000;
border-radius:10px 10px 0 0;
padding:10px;
margin-top: 14px;
display:block;
width:100%;
background:#fff;
font-size:18px;
font-weight: 600;
}




.nMain {
	display:inline-block;
	width:100%;
	background:#fff;
	//margin-bottom:10px;
}	

.nMain > div {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}





.zzzMan {
max-width:100%;
background:#fff;
padding:10px;	
//margin-top:10px;
//margin-bottom:10px;
display:grid;
grid-template-columns: 60px calc(100% - 60px);
gap: 6px 0px;
border-bottom: 1px solid #cacaca;
} 




.zzzMan_Flx_Blg {
max-width:100%;
background:#fff;
padding:10px;	
display:flex;
flex-wrap:nowrap;
justify-content:flex-start;
border-bottom: 1px solid #cacaca;
} 

.zzzMan_Flx_Blg div img {
max-width:128px;
max-height:128px;	
border-radius:8px;
}

.zzzMan_Flx_Blg .p1 {
padding-left:10px;
padding-top:3px;
/*font-size:1.3rem;*/
font-weight:700;	
}


.zzzMan_Flx_Blg .p2 {
padding-left:10px;padding-top:7px;
}


.zzzMan_Flx_Blg .breakw {
   word-break:break-word;
}


.ps_stTXCmmTQF {
	width: 100%;
    display: block;
        padding: 14px 10px 4px 13px;
    background-color: #fff;
    font-family: Arial;
    font-weight: 700;
    font-size: 1.40625rem;
    color: #000;
}

.actv_lnk2 {
	color: #0f6fec;

}


.actv_lnk {
	color: #0f6fec;
    background-color: rgba(15, 111, 236, 0.1);
}




  
.cczz_1 {
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	background:#fff;
	align-items: center;
	border-bottom:1px solid #e5e5e5;
}



.cczz_1 > div {
	flex:1;
}

.cchg1 {
	display:flex;
	width:100%;
	justify-content: start;background:#fff;
}


.cz_2z_zz {
display:flex;
flex-wrap:nowrap;
width:100%;	
//margin: 5px 10px;
}

.cz_2z_zz > div {
margin: 10px 10px;
}

.cz_2z_zz > div a {
margin: 0 2px;
font-weight: 400;
}

.cz_2z_zz div div div.active {
    display: block;
    position: absolute;
    width: 100%;
    /* height: 0px; */
    border-bottom: 3px solid #0f6fec;
    top: 10px;
}  


/* photos */



.cztqw2 {
	background:#fff;
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	padding:10px;
	border-radius:10px 10px 0 0;
}

.cztqw2 > div {
	flex:1;
}


.cq213_btn {
	background-color: rgba(15, 111, 236, 0.1);
	padding:5px;
	color:rgb(15, 111, 236);
}


.qwe_z_z_ph_mn {
	width:100%;
	background:#fff;
	//padding-top:10px;
}

.cztqw22_ph_lst {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	//justify-content:flex-start;
}

.cztqw22_ph_lst > div {
	flex:1;
}


.cztqw22_ph_lst img {
	border-radius:10px;
}
.cztqw22_ph_lst span {
	padding-right:10px;
}



/*
.pgnt1 {
display:flex;
width:100%;

}
  
*/


.ppng1_32 {
	color:#1877f2 !important;
	font-family: Arial;
	font-size: 1.7rem;
	font-weight: bolder;
	padding-left: 6px;
}


.ppng1_321 {
	width:50%;
	margin:auto;
}

.ppng1_3213 {
	padding: 15px; 
	border-radius: 20px;
}



.pRandomBlog {
	background:#fff;
	padding:15px;
	width:100%;
	display:block;
}


.PFFFnt {
	font-weight:bolder;
	font-size:20px;
	font-family: Arial, Helvetica;
	padding:10px 10px 10px 0;
	color:#000;
}

.pRandomBlogC {
	margin-top:10px;
	display:flex;
	display:-webkit-flex;
	width:100%;
	flex-wrap:wrap;
}

.pRandomBlogC > div {
	flex-basis:100%;
	width:100%;
	padding-bottom:20px;
}


.pRandomBlogC2p {
	padding-left:10px;
}

.pRandomBlogC2 > div img {
	border-radius:15px;
}


.pRandomBlogC2p > div a {
	font-size:18px;
	color:#000;
	font-family:Helvetica, Arial;
}




.pRandomBlogC2 {
	flex-wrap:nowrap;
	display:flex;
	display:-webkit-flex;
	flex-basis:100%;
	width:100%;
	justify-content:flex-start;
}


.PlaceSdBS {
    max-height: 60px;
    padding: 7px 0px !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


@media only screen and (max-width: 955px){ 

	.PlaceSdBS {
		max-height: 60px;
		padding: 7px 0px !important;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

}


@media only screen and (max-width: 953px){ 

.vid_flx { 
	display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    justify-content: space-between;
    flex-direction:column;


}


}


@media only screen and (max-width: 769px){ 

.vid_flx { 
	display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    justify-content: space-between;
    flex-direction:column;


}


}