body{margin:0px;background:#fff;}
input {border:0;outline:0;}
input:focus {outline:none!important;}

.create_blog_div
{
float:left;width:50%;min-height:400px;height:auto;margin-left:25%;margin-top:2%;border:1px solid #ccc;	backgroundk:red;border-radius:5px;display:none;
}
.login_acc_title
{
float:left;width:90%;height:50px;line-height:50px;margin-left:10%;margin-top:30px;margin-bottom:30px;font-size:1.6em;text-align:center;	
}
.login_lebal
{
float:left;width:70%;height:30px;line-height:30px;margin-left:10%;margin-bottomk:18px;font-size:1em;padding-left:2%;borderk:1px solid #ccc;color:#505252;border-radius:5px;	
}
.sel_category
{
float:left;width:80%;height:40px;line-height:40px;margin-left:10%;margin-bottom:18px;font-size:1em;padding-left:2%;border:1px solid #ccc;color:#505252;border-radius:5px;
}


.login_output
{
float:left;width:80%;height:35px;line-height:35px;margin-left:10%;margin-bottom:10px;font-size:1.1em;backgroundk:green;text-align:center;color:red;
	
}

.new_blog_error_output
{
float:left;width:80%;height:35px;line-height:35px;margin-left:10%;margin-bottom:10px;font-size:1.1em;backgroundk:green;text-align:center;color:red;
	
}


.start_post_div
{
float:left;width:100%;height:100%;backgroundk:purple;
background-image: linear-gradient(to right, #D01EF7 , #ED6239);
}
.new_post_title
{
width:100%;height:100px;line-height:100px;backgroundk:black;color:#fff;font-size:3em;text-align:center;font-weight:bold;	
}
.back_btn
{
float:left;width:50px;height:50px;margin-top:20px;margin-left:10px;border-radius:50%;cursor:pointer;	
}
.sub_back_btn
{
float:left;width:50px;height:50px;margin-top:5px;margin-left:10px;border-radius:50%;cursor:pointer;display:none;	
}
.post_type_left
{
float:left;width:40%;height:30vh;line-height:30vh;margin-left:5%;margin-top:100px;background:#fff;border-radius:20px;text-align:center;font-size:2em;color:#911BB9;font-weight:bold;cursor:pointer;

box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;	
}
.post_type_left:hover
{
color:#E12B86;	
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;	
}
.post_type_right
{
float:right;width:40%;height:30vh;line-height:30vh;margin-right:5%;margin-top:100px;background:#fff;border-radius:20px;text-align:center;font-size:2em;color:#911BB9;font-weight:bold;cursor:pointer;

box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;	
}
.post_type_right:hover
{
color:#E12B86;	
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;	
}

.post_vid_icon
{
float:left;width:100px;margin-top:60px;margin-left:5%;
}
.post_text_icon
{
float:right;width:60%;
}



.select_file_div
{
float:left;width:80%;height:55px;margin-left:10%;margin-bottom:18px;border:1px solid #ccc;border-radius:5px;
}

.select_file_btn
{
float:left;width:120px;height:45px;margin-left:1%;margin-top:-10px;font-size:1em;cursor:pointer;color:#fff;border:transparent;border-radius:5px;outline:none;background:#C60872;	
}
.select_file_btn:hover{color:#74B62B;backgroundk:#FEE9F5;colork:#C60872;}
.selected_file_name
{
float:left;width:60%;height:45px;line-height:45px;margin-left:1%;margin-top:-10px;font-size:1.1em;color:green;border:transparent;border-radius:5px;outline:none;backgroundk:#C60872;		
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

.thumb_div
{
float:right;width:80%;height:180px;background:transparent;	
}
.thumb_img
{
width:30%;height:150px;margin-right:3.2%;margin-right:2%;background:#ededed;
}
.sel_thumb
{
float:left;width:100%;height:30px;line-height:30px;text-align:center;color:blue;	
}
.video_loading_div
{
float:left;width:100%;height:100%;line-height:100vh;background:purple;text-align:center;font-size:1.4em;color:#fff;position:fixed;
opacity:0.5;display:none;
}

.blog_publish_btn
{
float:right;width:160px;height:45px;margin-right:10%;margin-top:5px;margin-bottom:15px;font-size:1em;cursor:pointer;color:#fff;border:transparent;border-radius:5px;outline:none;background:#85C8F9;font-weight:bold;	
}

.main_single_post_div
{
floatk:left;width:94%;height:auto;backgroundk:#fff;display:flex;justify-content:space-around;flex-wrap:wrap;margin-left:3%;display:none;

}

.user_profile_img
{
float:left;width:14%;height:40px;margin:5px;background:#ededed;border-radius:50%;	
}
.user_name
{
float:left;width:77%;height:20px;line-height:20px;font-size:15px;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;	
font-weight:bold;backgroundk:green;
}

.channel_description
{
float:left;width:77%;height:20px;line-height:20px;font-size:13px;color:#505252;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;	
backgroundk:red;
}
.post_image
{
 width:100%;max-height:360px;border-radius:0 0 5px 5px;
}
.img_cover
{
float:left;width:100%;height:360px;margin-top:-360px;background:transparent;
}


.create_text_post
{
width:50%;height:430px;margin-left:25%;margin-top:2%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;	
}
.create_text_post_title
{
float:left;width:100%;height:50px;line-height:20px;text-align:center;font-size:2em;border-bottom:1px solid #ccc;	
}
.post_title
{
float:left;width:90%;height:40px;margin-left:5%;font-size:1.3em;font-weight:600;font-family:Arial, sans-serif;	
}
.text_post_input
{
float:left;width:100%;height:300px;outline:none;border-bottom: 0 0 0 1px solid:#ededed;resize: none;font-size:1.1em;font-family:Arial, sans-serif;padding:10px;
}
.blog_text_publish_btn
{
float:right;width:160px;height:45px;margin-right:30%;margin-top:10%;margin-bottom:15px;font-size:1em;cursor:pointer;color:#fff;border:transparent;border-radius:5px;
outline:none;background:#C60872;font-weight:bold;

}





.select_temp
{
float:left;width:96%;height:auto;line-height:70px;margin-left:1%;margin-top:30px;font-size:1.6em;backgroundk:red;text-align:center;font-family:Times New Roman, serif;color:#C1004B;
padding-left:10px;padding-right:10px;display:none;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.sel_temp_title
{
float:center;backgroundk:pink;width:50%;height:40px;
}
.fun_btn
{
width:100px;height:30px;margin-top:20px;font-size:0.6em;cursor:pointer;border:1px solid #ccc;outline:none;border-radius:10px;
color:#1469AB;	
}
.sub_single_post_text_div1
{
float:left;width:23%;height:430px;background:#000;margin-top:30px;borderk:5px solid #ededed;border-radius:20px;
box-shadowk: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
box-shadowk: rgba(50, 50, 93, 0.25) 0px 60px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 60px 60px -18px inset;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

}
.user_name_text1
{
float:left;width:77%;height:20px;line-height:20px;font-size:16px;color:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;	
font-weight:bold;backgroundk:green;
}
.channel_description_tex1
{
float:left;width:77%;height:20px;line-height:20px;font-size:15px;color:#505252;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;	
backgroundk:red;
}
.single_post_text_output_div1
{
float:left;width:96%;height:360px;line-height:30px;margin-left:2.5%;background:#000;color:#fff;font-size:1.4em;
display:flex;flexk:column;justify-content:center;align-items:center;border-radius:0 0 5px 5px;font-family:Arial Black, sans-serif;
}
.single_post_text_output_div2
{
float:left;width:96%;height:360px;line-height:30px;margin-left:2.5%;background:#000;color:#fff;font-size:1.4em;
display:flex;flexk:column;justify-content:center;align-items:center;border-radius:0 0 5px 5px;font-family:Impact, sans-serif;
}
.single_post_text_output_div3
{
float:left;width:96%;height:360px;line-height:30px;margin-left:2.5%;background:#000;color:#fff;font-size:1.4em;
display:flex;flexk:column;justify-content:center;align-items:center;border-radius:0 0 5px 5px;font-family:Times New Roman, serif;
}
.single_post_text_output_div4
{
float:left;width:96%;height:360px;line-height:30px;margin-left:2.5%;background:#000;color:#fff;font-size:1.4em;
display:flex;flexk:column;justify-content:center;align-items:center;border-radius:0 0 5px 5px;font-family:Comic Sans MS, cursive;
}

.sub_single_post_text_div22
{
float:left;width:23%;height:430px;background:#fff;margin-top:30px;borderk:5px solid #ededed;border-radius:20px;
box-shadowk: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
box-shadowk: rgba(50, 50, 93, 0.25) 0px 60px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 60px 60px -18px inset;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

}
.user_name_text22
{
float:left;width:77%;height:20px;line-height:20px;font-size:16px;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;	
font-weight:bold;backgroundk:green;
}
.single_post_text_output_div22
{
float:left;width:96%;height:360px;line-height:30px;margin-left:2.5%;background:#fff;color:#000;font-size:1.4em;
display:flex;flexk:column;justify-content:center;align-items:center;border-radius:0 0 5px 5px;font-family:Arial Black, sans-serif;
}
.single_post_text_output_div22_2
{
float:left;width:96%;height:360px;line-height:30px;margin-left:2.5%;background:#fff;color:#000;font-size:1.4em;
display:flex;flexk:column;justify-content:center;align-items:center;border-radius:0 0 5px 5px;font-family:Impact, sans-serif;
}
.single_post_text_output_div22_3
{
float:left;width:96%;height:360px;line-height:30px;margin-left:2.5%;background:#fff;color:#000;font-size:1.4em;
display:flex;flexk:column;justify-content:center;align-items:center;border-radius:0 0 5px 5px;font-family:Times New Roman, serif;
}
.single_post_text_output_div22_4
{
float:left;width:96%;height:360px;line-height:30px;margin-left:2.5%;background:#fff;color:#000;font-size:1.4em;
display:flex;flexk:column;justify-content:center;align-items:center;border-radius:0 0 5px 5px;font-family:Baskerville, serif;
}













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

.new_post_title
{
width:100%;height:100px;line-height:100px;backgroundk:black;color:#fff;font-size:2em;text-align:center;font-weight:bold;	
}	
.post_type_left
{
float:left;width:90%;height:20vh;line-height:0vh;margin-left:5%;margin-top:100px;background:#fff;border-radius:20px;text-align:left;font-size:1.5em;color:#911BB9;font-weight:bold;cursor:pointer;

box-shadow: rgba(50, 50, 93, 0.25) 0px 20px 10px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;	
}
.post_type_right
{
float:right;width:90%;height:20vh;line-height:0vh;margin-right:5%;margin-top:100px;background:#fff;border-radius:20px;text-align:left;font-size:1.5em;color:#911BB9;font-weight:bold;cursor:pointer;

box-shadow: rgba(50, 50, 93, 0.25) 0px 20px 10px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;	
}
.post_vid_icon
{
float:left;width:80px;margin-top:30px;margin-left:1%;
}
.post_text_icon
{
float:right;height:20vh;line-height:20vh;backgroundk:black;
}	

.create_text_post
{
width:96%;height:430px;margin-left:2%;margin-top:2%;backgroundk:red;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;	
}
	
.create_blog_div
{
float:left;width:98%;min-height:400px;height:auto;margin-left:1%;margin-top:2%;border:1px solid #ccc;backgroundk:red;border-radius:5px;
}

.main_single_post_div
{
floatk:left;width:94%;height:auto;backgroundk:purple;display:flex;flex-direction:column;justify-content:space-around;flex-wrap:wrap;margin-left:3%;display:none;

}
.sub_single_post_text_div1
{
float:left;width:90%;height:430px;margin-left:5%;background:#000;margin-top:30px;borderk:5px solid #ededed;border-radius:20px;
box-shadowk: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
box-shadowk: rgba(50, 50, 93, 0.25) 0px 60px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 60px 60px -18px inset;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

}


.sub_single_post_text_div22
{
float:left;width:90%;height:430px;margin-left:5%;background:#fff;margin-top:30px;borderk:5px solid #ededed;border-radius:20px;
box-shadowk: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
box-shadowk: rgba(50, 50, 93, 0.25) 0px 60px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 60px 60px -18px inset;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;

}

.select_temp
{
float:left;width:94%;height:auto;line-height:30px;margin-top:5px;font-size:1.2em;backgroundk:pink;text-align:center;color:#C1004B;
}
.sel_temp_title
{
float:left;width:100%;height:50px;line-height:50px;margin-top:40px;font-size:1em;backgroundk:orange;font-family:serif;	
}
.fun_btn
{
float:right;width:100px;height:34px;margin-top:40px;margin-left:2%;margin-right:2%;font-size:0.8em;cursor:pointer;background:#fff;border:1px solid #ccc;outline:none;border-radius:10px;
color:#1469AB;
}

.blog_title_input
{
float:left;width:90%;height:40px;line-height:40px;margin-left:5%;margin-bottom:18px;font-size:1em;padding-left:2%;border:1px solid #ccc;color:#505252;border-radius:5px;
}

.decription_textarea
{
float:left;width:90%;min-height:60px;max-height:150px;margin-left:5%;padding-left:5px;font-size:1em;border:1px solid #ccc;border-radius:5px;outline:none;
color:#6f6d6f;font-family: Georgia, serif;overflow:auto;backgroundk:#fff;border-bottom:1px solid #ccc;margin-bottom:10px;
}
.details_textarea
{
float:left;width:90%;min-height:100px;max-height:250px;margin-left:5%;padding-left:5px;font-size:1em;border:1px solid #ccc;border-radius:5px;outline:none;
color:#6f6d6f;font-family: Georgia, serif;overflow:auto;backgroundk:#fff;border-bottom:1px solid #ccc;margin-bottom:10px;
}

.select_file_div
{
float:left;width:90%;height:55px;margin-left:5%;margin-bottom:18px;border:1px solid #ccc;border-radius:5px;
}

/*.login_acc_title
{
float:left;width:80%;height:50px;line-height:50px;margin-left:10%;margin-top:50px;margin-bottom:30px;font-size:1.4em;font-weight:bold;	
}
.login_acc_input
{
float:left;width:90%;height:45px;line-height:45px;margin-left:5%;margin-bottom:18px;font-size:1.1em;padding-left:2%;border:1px solid #ccc;color:#505252;border-radius:5px;
}	
.login_acc_btn
{
float:right;width:50%;height:45px;margin-right:25%;margin-top:20px;font-size:1.1em;cursor:pointer;color:#fff;border:transparent;border-radius:5px;outline:none;font-weightk:bold;
background:#C60872;	
}
.create_acc_btn
{
float:left;width:auto;height:45px;margin-left:2%;margin-top:40px;font-size:1.1em;cursor:pointer;color:#C60872;border:transparent;border-radius:5px;outline:none;background:transparent;font-weightk:bold;
}*/

	
	

}