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

/* HEADER UI  */
.dsb_hdbx {
width: 100%;
height: 70px;
background-color: white;
display: flex;
box-shadow: 0px 4px 12px 0px rgba(83, 83, 83, 0.4);
}

/* FIXED HEADER  */
.fxdhdr{
padding-top: 70px;
}

.fxdhdr .dsb_hdbx {
position: fixed;
top: 0px;
left: 0px;
z-index: 5000;
} 

.dsb_hd_mon {
width: 30%;
height: 70px;
display: block;
padding-top: 13px;
}

.dsb_hd_mon_dsvr {
width: 45%;
height: 70px;
display: block;
padding-top: 13px;
}

.dsh_mnlg {
height: auto;
width: 340px;
margin-top: 5px;
margin-left: 20px;
user-select: none;
}


/* ACTIVITY SLIDER & GOTO ICON CONTAINER  */
.dsb_hd_ntwr{
width: 40%;
height: 70px;
position: relative;
user-select: none;
z-index: 1000;
display: flex;
justify-content: end;
align-items: center;
padding-right: 5px;
}


/* UPGRADE BUTTON  */
.hdr_ugd {
width:fit-content;
padding-left: 20px;
padding-right: 20px;
height: 40px;
font-size: 13px;
display: flex;
justify-content: center;
align-items: center;
font-family: "Roboto", serif;
color: rgb(0, 152, 207);
font-weight: bold;
background-color: rgb(232, 251, 255);
margin-right: 10px;
border-radius: 10px;
transition-duration: 0.3s;
}
.hdr_ugd:hover {
background-color: rgb(200, 241, 250);    
}


#drryy53 {
display: none;
}

/* PROFILE  */
.dsb_hd_prfbx {
width: 250px;
height: 70px;
border-left: 2px rgb(216, 216, 216) solid;
z-index: 2000;
}

.dsb_hd_PRswbx {
background-color: white;
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
margin-top: 8px;
height: 60px;
display: flex;
}

.dsb_hd_PRswbx div:nth-child(1){
width: 25%;
height: 55px;
display: flex;
justify-content: center;
align-items: center;
}

.dsb_hd_PRswbx div:nth-child(1) img {
width: 45px;
height: 45px;
border-radius: 50%;
}

.dsb_hd_PRswbx div:nth-child(2){
width: 75%;
height: 55px;
}

.dsb_hd_PRswbx div:nth-child(2) p:nth-child(1){
font-family: "Roboto", serif;
font-size: 15px;
padding-top:8px;
color: black;
padding-left: 6px;
max-width: 90%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.dsb_hd_PRswbx div:nth-child(2) p:nth-child(2){
font-family: "Lato", serif;
font-size: 10px;
margin-top:5px;
color: rgb(0, 152, 207);
width: fit-content;
padding: 3px;
padding-right: 6px;
padding-left: 6px;
user-select: none;
cursor: default;
background-color: rgb(232, 251, 255);
}

/* OPTION BOX  */
.dsb_hd_PRopbx {
background-color: white;
width: 100%;
height: auto;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background-color: white;
box-shadow: 0px 10px 12px 0px rgba(164, 164, 164, 0.4);
transition-duration: 0.2s;
opacity: 0;
display: none;
}

.dsb_hd_PRopbx .dw334 {
background-color: white;
width: 100%;
height: 40px;
display: flex;
justify-content: start;
align-items: center;
cursor: default;
user-select: none;
}

.dsb_hd_PRopbx .dw334:hover {
background-color: rgb(248, 248, 248);
}

#bxkres, #subop {
display: none;
}

.lgop p{
color: rgb(249, 71, 71)!important;
}

.lgop:hover {
background-color: rgb(255, 237, 237)!important;
}

/* PROFILE SECTION OPTIONS  */
.dsb_hd_PRopbx div img {
width: 30px;
margin-left: 10px;
margin-right: 10px;
}

.dsb_hd_PRopbx div p {
font-family: "Roboto", serif;
font-size: 15px;
color: rgb(82, 82, 82);
font-weight: 600;
}

/* DASHBOARD CONTENT CONTAINER  */

.dsb_mnbx {
width: 98%;
margin-left: 1%;
min-height: 90%;
background-color: white;
margin-top: 15px;
border: 1px rgb(227, 227, 227) solid;
margin-bottom: 30px;
}

.dspg_hdbx {
width: 100%;
height: 60px;
padding-right: 15px;
display: flex;
}

.dspg_hdlfbx {
width: 70%;
height: 60px;
padding-left: 25px;
}

.dspg_hdlfbx p {
font-family: 'Roboto', sans-serif; 
font-size: 28px;
margin-left: 20px;
color: black;
padding-top: 14px;
font-weight: 600;
}

.dspg_hdbtnx {
width: 80%;
height: 60px;
display: flex;
justify-content: end;
align-items: center;
padding-right: 10px;
}

.dspg_bdbx {
width: 95%;
margin-left: 25px;
height: auto;
background-color:white;
padding-bottom: 20px;
}

.ce54se {
width: 100%;
height: 60px;
margin-top: 40px;
display: flex;
justify-content: end;
align-items: center;
padding-right: 20px;
}

.dsb_sdibr {
position: fixed;
top: 0px;
right: 0px;
width: 500px;
height: 100%;
display: none;
transition-duration: 0.3s;
z-index: 2000;
}

.dsb_sbicn {
width: 100%;
height: 100%;
border: 1px solid #D4DBE0;
background-color: white;
box-shadow: 0px 4px 12px 0px rgba(209, 208, 208, 0.4);
right: -101%;
position: relative;
transition-duration: 0.1s;
}

.dsb_crsbbx {
width: 25px;
height: 25px;
float: right;
margin-right: 10px;
margin-top: 10px;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
}

.dsb_crsbbx:hover {
background-color: red;
}

.dsb_crsbbx i {
color: white;
}


/* ACTIVITY SLIDER BOX  */
.liveactivity{
display:flex;
gap:12px;
width:100%;
overflow: hidden;
height: 50px;
padding-right: 25px;
font-size:16px;
font-family: 'Mukta', sans-serif;
color:#444;
font-weight:500;
justify-content: end;
align-items: center;
}

.eachicn{
width: 40px;
height: 40px;
border-radius: 50%;
border:3px rgb(0, 152, 207) solid;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
transition-duration: 0.2s;
}

.eachicn:hover {
opacity: 80%;
}

.eachicn img {
width: 40px;
height: 40px;
}

/* SEARCH ICON  */
.juioo0 {
position: absolute;
margin-top: 12px;
margin-left: 12px;
color: grey;
}