@import url(https://fonts.googleapis.com/css?family=Roboto);

body {
  background: #fff;	
}

.feed-items-wrap > .post-card {
    border-bottom: 1px solid #cfd6db;
}

#main_comment .post-card {
	border: .5px solid #cfd6db5e;
    border-radius: 5px;
}	
.sticky.post-card {
	border: .5px solid #cfd6db5e;
    border-radius: 5px;
}

.post-card.filter-bar.tags-bar {
	border: .5px solid #cfd6db5e;
    border-radius: 5px;
}	

.post-card.hn-post-card {
	border-bottom: 1px solid #cfd6db;
}	

.notice i.fa.fa-times.close-icon {
    position: absolute;
    top: 5px;
    right: 24px;
    color: #000;
    cursor: pointer;
    font-size: 25px;
}
	
@media (max-width: 425px) {
    .post-card.hn-post-card .hn-post-card-data h1 {
        font-size: 18px;
    }
}

@media (max-width: 425px) {
    .post-card.hn-post-card {
        padding-top: 0!important;
    }
}
	
.post-card.main-card .post-card-details .post-card-title-meta h1.story-title {
    font-family: museo-sans, sans-serif;
    width: 100%;
    font-size: 2rem
}

@media(max-width:425px) {
    .post-card.main-card .post-card-details .post-card-title-meta h1.story-title {
        font-size: 1.6rem
    }
}

.small,
.subhead,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: museo-sans, sans-serif !important
}

.header_area ul li.user_dropdown {
    position: relative
}

.header_area ul#dropdown8 {
    float: right
}

.header_area ul#dropdown8 li a {
    font-size: 12px;
    padding: 10px
}

.invalid-feedback {
    color: #dd4b39;
    display: block !important
}

.error {
    color: #dd4b39;
    display: block;
    font-size: 16px;
    padding-left: 3rem;
    line-height: 10px;
    padding-top: 10px
}

.create_layout {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 36, 90, .07);
    margin-bottom: 20px;
    overflow: visible
}

.min_container .section_row .create_layout {
    max-width: 1500px;
    flex: 0 0 70%;
    padding: 20px;
    margin: 0 auto
}

.create_layout .add_post {
    max-width: 1000px
}

@media (max-width:575px) {
    .min_container .section_row .create_layout {
        padding-left: 15px;
        padding-right: 15px;
        margin: 15px
    }
}

.note-toolbar {
    position: relative !important
}

.interests_list img {
    float: right
}

ul.interests_list>li {
    clear: both
}

.header_area ul#dropdown8 {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .24);
    overflow: hidden;
    background: #fff;
    left: 0 !important;
    min-width: 350px;
    top: 80px !important
}

.header_area ul li.user_dropdown #dropdown7 li a small {
    float: left;
    line-height: 18px
}

.header_area #dropdown8 li a small {
    float: left;
    line-height: 18px;
    font-size: 100%
}

ul#dropdown7 {
    left: -190px !important
}

.circle_img {
    border-radius: 50%
}

.post-content img {
    max-width: 100%
}

.write-card .create-writearea {
    margin: 2%
}

.write-card {
    margin: 1vh
}

.private-group-list span {
    font-size: 2em;
    color: #fff
}

.custom_story_bg {
    width: 100%
}

.post-card-brief .custom_story_bg a {
    color: #fff !important;
    font-size: 1.25rem
}

.custom_story_bg a.bac_color {
    background: #6610f2;
    padding: 10%;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    color: #fff;
    word-break: break-all
}

.custom_story_bg a span {
    width: 100%;
    font-size: 1.5rem;
    word-break: break-word
}

.single_story_image {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10%;
    border-radius: 10px
}

.single_story_image span {
    width: 100%;
    font-size: 2rem
}

.reading_list.post-card.hn-post-card {
    padding: .8rem;
    padding-bottom: 0;
    padding-top: .5rem
}

.reading_list.post-card.hn-post-card .hn-post-card-data small a {
    color: #000;
    font-size: 14px
}

.reading_list.post-card.hn-post-card:hover {
    box-shadow: 0 2px 20px 0 rgba(84, 110, 122, .27);
    transform: translateY(-1px);
    transition: all .2s ease-in-out
}

.post-card.hn-post-card.reading_list.unread {
    background: #dee2e661
}

.reading_list.post-card .post-card-footer {
    margin-top: .5rem
}

.post-card.main-card .post-card-data .post-card-content p span {
    font-family: Verdana !important;
    line-height: 1.6;
    font-size: 14px !important
}

.post-card-content ol li span {
    font-family: Verdana !important;
    line-height: 1.6;
    font-size: 14px !important
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3),
(max-width:768px) {
    .profile-feed .feed-component.full-width {
        width: 100% !important
    }
}

.hn-widget.disable {
    background: #e0e0e06b
}

.form-control-lg {
    height: auto !important
}

.custom-file {
    height: auto !important
}

@media (max-width:900px) {
    .trash_tab {
        margin-top: 0 !important
    }
}

.post-card.main-card .post-card-data .post-card-content>div {
    float: none !important
}

.post-card.main-card .post-card-data .post-card-content p i {
    font-size: 14px !important;
    font-style: italic;
    line-height: 1.6
}

.note-editable i {
    font-style: italic
}

.note-editable i b u {
    font-style: italic;
    font-weight: 700;
    text-decoration: underline
}

.note-editable b {
    font-weight: bolder
}

.note-editable u {
    text-decoration: underline
}

.post-card.hn-post-card .hn-post-card-data .post-card-brief p,
b,
i,
u {
    text-decoration: none;
    font-weight: 400
}

.post-card-content b {
    font-weight: bolder
}

.post-card-brief p {
    font-size: .5rem !important;
    font-style: normal
}

#tagModal {
    top: 14%
}

#sendInviteGroupB {
    top: 14%
}

@media (min-width:1280px) {
    .create_story .note-editor.note-frame .note-editing-area .note-editable {
        padding: 45px
    }

    .create_story .note-placeholder {
        top: 16%;
        left: 3.8%
    }
}

.post-card.hn-post-card .hn-post-card-data .post-author-details {
    margin-bottom: 8px
}

.post-card.hn-post-card .hn-post-card-data .post-author-details .author-photo {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 6px
}

.post-card.hn-post-card .hn-post-card-data .post-author-details .author-photo {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 6px
}

.post-card.hn-post-card .hn-post-card-data .post-author-details .author-photo img {
    display: block;
    width: 100%
}

.post-card.hn-post-card .hn-post-card-data .post-author-details .post-author-details-meta {
    width: calc(100% - 32px - 6px)
}

.post-card.hn-post-card .hn-post-card-data .post-author-details .author-name {
    display: block;
    font-size: 16px;
    color: #454545;
    font-weight: 700;
    margin-right: 3px
}

.post-card.hn-post-card .hn-post-card-data .post-author-details .middot {
    display: block;
    margin: 0 3px;
    font-size: 14px;
    font-weight: 600;
    color: #666
}

.post-card.hn-post-card .hn-post-card-data .post-author-details .author-username {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: 400;
    margin-right: 3px
}

.post-card.hn-post-card .hn-post-card-data .post-author-details .date-time {
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: 400
}

.post-card.community-header-card .community-details a.follow-button {
    background-color: #e3f2fd;
    border: 1px solid #2196f3;
    font-size: 13px;
    font-weight: 600;
    color: #1976d2;
    cursor: pointer;
    outline: 0;
    text-transform: uppercase;
    padding: 6px 10px 6px 8px;
    display: block;
    padding: 8px 16px;
    border-radius: 1000px;
    margin-right: 16px
}

.post-card.community-header-card .community-details a.create-post-button {
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    display: block;
    padding: 8px 16px;
    border-radius: 1000px;
    margin-right: 16px
}

.post-card-content b {
    font-weight: bolder
}

.post-card-content span {
    font-family: Verdana !important;
    line-height: 1.6;
    font-size: 14px !important
}

.post-card-content a {
    color: #2962ff !important;
    font-family: Verdana !important;
    line-height: 1.6;
    font-size: 14px !important
}

.post-card.main-card .post-card-data .post-card-content p {
    font-family: Verdana !important;
    line-height: 1.6;
    font-size: 14px !important
}

.post-card-content ol {
    font-family: Verdana !important;
    line-height: 1.6;
    font-size: 14px !important
}

.create_channel_text {
    margin-top: 3rem;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 10px;
    width: 62rem;
    margin-left: 1.7rem
}

#main_comment img {
    cursor: pointer
}

@media screen and (max-width:700px) {
    .create_channel_text {
        margin-bottom: 2rem;
        width: 95%;
        margin-left: 10px !important
    }
}

@media (min-width:1280px) {
    .create_channel_post .note-placeholder {
        top: 16%;
        left: 3.8%
    }

    .create_channel .note-placeholder {
        top: 16%;
        left: 3.8%
    }

    .ask_question .note-placeholder {
        top: 16%;
        left: 3.8%
    }
}

a.user_action {
    width: 20px;
    height: 20px;
    float: left
}

a.user_action.active {
    fill: green
}

a.user_action.inactive {
    fill: red
}

a.group_action {
    width: 20px;
    height: 20px;
    float: left
}

a.group_action.active {
    fill: green
}

a.group_action.inactive {
    fill: red
}

@media (min-width:1280px) {
    .create_channel_post .note-editor.note-frame .note-editing-area .note-editable {
        padding: 45px
    }

    .ask_question .note-editor.note-frame .note-editing-area .note-editable {
        padding: 45px
    }

    .create_channel .note-editor.note-frame .note-editing-area .note-editable {
        padding: 45px
    }
}

.note-editor .note-editing-area .note-editable a.external_link {
    color: #2b6dad !important
}

span.badge.badge-light.u_avatar:not(:first-child) {
    margin-left: -10px !important
}

span.badge.badge-light.u_avatar {
    margin: -2px;
    background: 0 0
}

span.badge.badge-light.u_avatar img.circle_img {
    border: 2px solid #fff
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #8080804a;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #2962ff;
    border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background: red
}

p.date-time {
    font-size: 13px !important;
    color: #949494 !important;
    margin-bottom: .5rem !important
}

.post-card.main-card .post-card-data .post-card-content p br {
    display: none
}

.post-card .post-card-header .author-name-meta p.date-time {
    margin-bottom: 0 !important
}

.replies-container .single-reply-card .reply-content p br {
    display: none
}

.replies-container .single-reply-card .reply-content p {
    margin-bottom: 0
}

@media screen and (max-width:700px) {
    .post-card.hn-post-card .hn-post-card-data .post-meta-data a.username {
        margin-bottom: .4rem !important
    }

    .post-card.hn-post-card .hn-post-card-data .post-meta-data span.middot {
        font-size: .7rem
    }

    .post-card.hn-post-card .hn-post-card-data .post-meta-data a,
    .post-card.hn-post-card .hn-post-card-data .post-meta-data p {
        font-size: .7rem
    }
}

.choose_cover_check {
    margin-top: .1rem
}

@media (min-width:1280px) {
    .container-fluid iframe {
        width: 100%;
        font-size: .8125rem;
        font-family: Verdana;
        display: none
    }
}

@media screen and (max-width:700px) {
    .container-fluid iframe {
        width: 100%;
        height: 320px;
        font-size: .8125rem;
        font-family: Verdana;
        display: none
    }
}

.follow-button-small {
    background-color: #e3f2fd;
    border: 1px solid #2196f3;
    cursor: pointer;
    outline: 0;
    padding: 3px 0 6px 8px;
    border-radius: 1000px
}

.follow-button-small.active {
    color: #fff;
    background: #2962ff;
    border-color: #2962ff;
    opacity: .8
}

.follow-button-small.active svg {
    fill: #fff
}

.follow-button-small svg {
    width: 18px;
    height: 18px;
    fill: #1976d2;
    margin-right: .5rem
}

@media screen and (max-width:700px) {
    .single_story_image span {
        width: 100%;
        font-size: 1.5rem
    }
}

.hn-post-card-data p {
    font-size: .8rem !important;
    color: grey !important;
    margin-bottom: .5rem
}

.post-card-footer i.mdi.mdi-eye-outline {
    font-family: Roboto !important;
    font-size: .8rem !important;
    position: relative;
    bottom: 3px;
    font-style: normal !important
}

.post-card-footer i.mdi.mdi-eye-outline:before {
	margin-right: 5px;
}	

.note-editable .card-img-top {
    height: 200px !important;
    width: 50%
}

.note-editable .cross_remove_on_detail {
    display: block;
    cursor: pointer
}

.note-editable .card-img-top {
    height: 200px !important;
    width: 50%
}

.spinner-border {
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.post-card-content a.cross_remove_on_detail {
    display: none
}

.post-card-content .card-img-top {
    height: 200px !important;
    width: 50%;
    float: left
}

.post-card-brief .card a.cross_remove_on_detail {
    display: none !important
}

.post-card-brief .card .card-img-top {
    height: 200px !important;
    width: 50%;
    float: left
}

.post-card-content .card-footer a.link_preview {
    color: #000 !important
}

.post-card-content .card-footer a.link_preview:last-child p {
    font-size: 14px !important
}

@media screen and (max-width:700px) {
    .post-card-content .card-img-top {
        height: auto
    }
}

.post-card.main-card .post-card-data .post-card-content font {
    font-family: Neue Helvetica W01 !important;
    font-size: 20px !important;
    line-height: 35px
}

.post-card.main-card .post-card-data .post-card-content {
    font-family: Verdana !important;
    line-height: 1.6;
    font-size: 14px !important
}

.note-editable .custom_spin {
    display: block !important
}

.custom_spin {
    display: none !important
}

.post-card.main-card .post-card-data .post-card-content img {
    margin-bottom: 3%
}

.note-toolbar {
    width: 100% !important
}

.replies-container .single-reply-card .reply-content span {
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif !important;
    font-weight: 400 !important;
    color: #000 !important
}

.story-component .pagination {
    margin-left: 1%
}

@media screen and (max-width:700px) {
    .story-component .pagination {
        margin-left: 2.3%
    }
}

.custom_quote {
    background: rgba(187, 187, 187, .1);
    background: #eee;
    padding: .5%
}

.custom_quote .post-card-header {
    margin-bottom: .5rem !important
}

.custom_quote p span {
    font-size: 12px
}

.post-card.main-card .post-card-data .post-card-content blockquote.custom_quote p {
    margin-bottom: .5rem !important
}

.post-card.main-card .post-card-data .post-card-content blockquote.custom_quote p span {
    font-family: Verdana !important;
    line-height: 1.6;
    font-size: 14px !important
}

a.reply_username {
    background: #fffbcc !important;
    padding: .5%;
    font-style: italic
}

.profile-unit.d-flex.flex-row.group_r_list {
    margin-bottom: .5rem
}

.widget-body.group_r_list_body {
    position: relative;
    height: 500px;
    overflow-y: overlay;
    overflow-x: hidden
}

button.hn-flat-btn.d-flex.align-items-center.show_op_btn.comment_changer {
    padding: .25rem .5rem;
    border: 1px solid transparent;
    background: 0 0;
    border-radius: 1000px;
    cursor: pointer;
    line-height: 1;
    outline: 0;
    opacity: .8
}

button.hn-flat-btn.d-flex.align-items-center.show_op_btn.comment_changer svg {
    width: 20px;
    height: 20px;
    fill: #4d4d4d
}

a.dropdown-item.d-flex.align-items-center.comment_user {
    cursor: pointer
}

.view_upvoters {
    padding-bottom: 0
}

@media (max-width:425px) {
    .post-card.main-card .post-card-footer {
        padding: 5px 1.5rem !important
    }
}

@media (max-width:1024px) {
    .post-card.main-card .post-card-footer {
        padding: 5px 3.5rem
    }
}

.story-component .pagination {
    float: right
}

.story-component .write-card {
    clear: both
}

@media (max-width:425px) {
    .story-component .pagination {
        margin-right: .5rem
    }
}

.card ul.list-group.list-group-flush>li {
    margin-left: 0
}

button.event-share.hn-flat-btn.d-flex.align-items-center {
    padding: .25rem .5rem;
    border: 1px solid transparent;
    background: 0 0;
    border-radius: 1000px;
    cursor: pointer;
    line-height: 1;
    outline: 0;
    opacity: .8
}

.event-share svg {
    width: 25px;
    height: 25px;
    fill: #f44336
}

.post-card.hn-post-card .hn-post-card-data .post-card-brief p br {
    display: none
}

.post-card.hn-post-card .hn-post-card-data .post-card-brief p:empty {
    display: none
}

[contenteditable] {
    padding: 5px;
    outline: 0 solid transparent;
    border-radius: 3px
}

[contenteditable]:not(:focus) {
    border: 1px dashed #ddd
}

[contenteditable]:focus {
    border: 1px solid #51a7e8;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5)
}

[contenteditable=true]:focus>style {
    display: block
}

.edit-option.input:not([value=""]):not(:focus):invalid {
    background-color: tomato
}

a.verify_flag.verified {
    color: #2962ff;
    opacity: unset
}

a.verified,
a.verified i,
i.verified {
    color: #2962ff;
    opacity: unset !important
}

a.verify_flag.verified_staff {
    color: red;
    opacity: unset
}

a.verified_staff,
a.verified_staff i,
i.verified_staff {
    color: red;
    opacity: unset !important
}

a.verify_flag.selected_student {
    color: green;
    opacity: unset
}

a.selected_student,
a.selected_student i,
i.selected_student {
    color: green;
    opacity: unset !important
}

.last_seen_cmnt {
    box-shadow: 0 0 0 1px #97deff;
    border-radius: 8px
}

.replies-container {
    border: none
}

span.HasNew.NewCommentCount {
    background-color: #ff0;
    color: #000000d6;
    padding: 3px;
    font-size: .7em;
    margin-right: 10px;
    display: inline-flex;
    font-weight: 700;
    position: relative;
    bottom: 4px
}

span.Number {
    margin-right: 3px
}

.merge_ico {
    margin-right: .5rem !important;
    margin-left: 0 !important;
    width: 20px
}

.announcement_tag {
    border: 1px solid #ff4d03 !important;
    background: 0 0;
    color: #ff4d03;
    padding: .25rem 1rem;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 1000px
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #007bff;
    color: #fff;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.scroll-top-wrapper:hover {
    background-color: #dc3545
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1
}

.scroll-top-wrapper i.fa {
    line-height: inherit
}

@media (max-width:425px) {
    .scroll-top-wrapper {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        right: 30px !important
    }
}

ul.list-unstyled.post-list.tags-list a {
    padding: 2px 1.2rem
}

ul.list-unstyled.post-list.tags-list a svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: #000;
    opacity: .64
}

ul.list-unstyled.post-list.tags-list a:hover {
    fill: #2962ff;
    color: #2962ff;
    background-color: #f6f6f6
}

ul.list-unstyled.post-list.tags-list a:hover svg {
    fill: #2962ff
}

#main_comment img.attachment {
    margin-bottom: 0;
    display: inline-block
}

.dropdown-menu.social-share-menu a.dropdown-item.copy-paste svg {
    fill: #fff
}

.mt-5 {
    position: relative;
    top: 3rem
}

.header.position-fixed {
    background: #000;
	margin-top:30px;
}

@media (max-width: 425px) {
    .profile-sidebar {
        padding-top: 1rem;
    }
}

@media (max-width:425px) {
    .flex-grow-1 .feed-component .filter-bar {
        background: #fff !important;
    }

    .mt-5 {
        top: .6rem
    }

    .post-card.main-card .post-card-data .post-card-content p {
        font-family: Verdana !important;
        line-height: 1.6;
        font-size: 14px !important
    }

    .post-card.main-card .post-card-data .post-card-content p span {
        font-family: Verdana !important;
        line-height: 1.6;
        font-size: 14px !important
    }

    .post-card.main-card.response-card.response-card {
        margin: 1%
    }

    .post-card-content span {
        font-family: Verdana !important;
        line-height: 1.6;
        font-size: 14px !important
    }

    .post-card.main-card .post-card-data .post-card-content ul {
        font-family: Verdana !important;
        line-height: 1.6;
        font-size: 14px !important
    }

    .post-card.main-card .post-card-data .post-card-content blockquote {
        font-family: Verdana !important;
        line-height: 1.6;
        font-size: 14px !important
    }
	.filter-bar ul.nav-pills li.nav-item a.nav-link {
		font-size: 10px;
		padding: 0.64rem 0.9rem;
	}	
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .flex-grow-1 .feed-component .filter-bar {
        background: #fff !important
    }

    .mt-5 {
        top: .6rem
    }

    .post-card.main-card .post-card-data .post-card-content p {
        font-family: Verdana !important;
        line-height: 1.6;
        font-size: 14px !important
    }

    .post-card.main-card .post-card-data .post-card-content p span {
        font-family: Verdana !important;
        line-height: 1.6;
        font-size: 14px !important
    }

    .post-card.main-card.response-card.response-card {
        margin: 1%
    }
}

span.live {
    position: relative
}

span.live img {
    position: absolute;
    top: -38px;
    left: 65px;
    z-index: 10101
}

.custom_pg_ch_img {
    width: 50px;
    height: 50px;
    border-radius: 100%
}

.post-card.community-header-card .community-details h1 a {
    word-break: break-all
}

.post-card-content img.attachment {
    float: left;
    top: 5px;
    position: relative
}

.action-nav .left-items .simulate-search input[type=text] {
    background: #fff
}

a.back_to_inbox.float-right {
    color: #1389e6;
    margin-bottom: .5rem;
    display: inline-block;
    border-radius: 1000px;
    border: 1px solid #1389e6;
    padding: 5px
}

a.back_to_inbox.float-right svg {
    width: 15px;
    height: 15px
}

span.live_msg {
    width: 8px;
    height: 8px;
    content: "";
    background: red;
    display: inline-block;
    border-radius: 100%;
    top: -5px;
    position: absolute;
    left: 12px;
    box-shadow: 0 0 0 #e21a0b;
    -webkit-animation: pulse 2s infinite;
    animation: anim-glow 2s ease infinite
}

@keyframes anim-glow {
    0% {
        box-shadow: 0 0 rgba(red, 1)
    }

    100% {
        box-shadow: 0 0 10px 8px transparent;
        border-width: 2px
    }
}

.story-component span.badge.badge-light {
    color: grey;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: .7rem;
    background: 0 0
}

.story-component .post-card-footer .flex-row div>div {
    color: grey;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: .7rem;
    background: 0 0
}

.story-component .post-card-footer i.mdi.mdi-eye-outline {
    color: grey;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: .7rem;
    background: 0 0
}

.hn-post-card span.badge.badge-light {
    color: grey;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: .7rem;
    background: 0 0
}

.feed-component .hn-post-card .mt-2 {
    color: grey;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: .7rem;
    background: 0 0;
    display: inline
}

.dropdown-menu.dropdown-menu-right.show {
    background: #fff !important
}

span.badge.badge-light.custom_rm_space:after {
    content: ', ';
    padding-right: 3px
}

@media(max-width:1024px) {
    .notice_update li {
        font-size: 13px;
        line-height: 20px;
        font-family: Verdana;
        color: #1a1a1a
    }
}

.sidebar-top nav.primary {
    background: #fff;
    padding-top: 1rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .04);
    -webkit-border-radius: 8px
}

.right-sidebar .hn-widget {
    background: #fff;
    padding-top: 1rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .04);
    -webkit-border-radius: 8px
}

.company-footer {
    background: #fff;
    padding-top: 1rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .04);
    -webkit-border-radius: 8px;
    padding-bottom: .1rem
}

a.hn-btn.d-flex.align-items-left.upvote_btn.active {
    background: 0 0
}

span.upvote_count {
    padding-top: 8%
}

a.hn-btn.d-flex.align-items-left.upvote_btn {
    border: none
}

a.hn-btn.d-flex.align-items-left.upvote_btn:hover {
    background: 0 0;
    animation: heartUpvote .3s ease-in-out
}

@keyframes heartUpvote {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

.view_upvoters .mt-2 {
    color: grey;
    font-family: Roboto;
    font-weight: 400;
    font-size: .8rem
}

@media (max-width:425px) {
    .write-card .write-header {
        padding: .5rem 1rem
    }
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 57px;
    background: #fff
}

.post-card.main-card .post-card-data .post-card-content h1 {
    font-family: Verdana !important;
    line-height: 1.6;
    font-size: 14px !important
}

.profile-sidebar .profile-photo {
    position: relative
}

.profile-photo a:hover .overlay-picture {
    opacity: 1
}

.overlay-picture a.icon {
    color: #fff;
    font-size: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center
}

.profile-sidebar .profile-photo:hover .overlay-picture {
    opacity: 1
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
    .feed-area.full-width-area {
        padding-bottom: 900px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
    .feed-area.full-width-area {
        padding-bottom: 700px
    }
}

.featured span.text-dark.pl-2 {
    font-size: 12px;
    line-height: 2
}

i.mdi.mdi.mdi-trophy {
    color: #f7b204fa
}

#notification_ads img {
    max-width: 100%;
    height: auto
}

span.Tag.Tag-Closed {
    background: #8b0000;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    padding: 1px 4px;
    line-height: 14px
}

.custom_btn {
    background-color: #e3f2fd;
    border: 1px solid #2196f3;
    font-size: 13px;
    font-weight: 600;
    color: #1976d2;
    cursor: pointer;
    outline: 0;
    text-transform: uppercase;
    display: block;
    padding: 8px 16px;
    border-radius: 1000px;
    margin-right: 16px
}

.custom_btn.active {
    color: #fff;
    background: #2962ff;
    border-color: #2962ff;
    opacity: .8
}

.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px
}

.content-box-blue {
    background-color: #d8ecf7;
    border: 1px solid #afcde3
}

.content-box-gray {
    background-color: #e2e2e2;
    border: 1px solid #bdbdbd
}

.content-box-green {
    background-color: #d9edc2;
    border: 1px solid #b2ce96
}

.content-box-purple {
    background-color: #e2e2f9;
    border: 1px solid #bebde9
}

.content-box-red {
    background-color: #f9dbdb;
    border: 1px solid #e9b3b3
}

.content-box-yellow {
    background-color: #fffbcc;
    border: 1px solid #fadf98
}

.content-box-yellow-notice-board {
    background-color: #fffbcc;
    border: 1px solid #fadf98;
    padding: 15px;
    margin-top: 10px
}

.hide_me {
    display: none !important
}

.post-card .poll-component {
    background: 0 0
}

.p_correct {
    background: #d4edda !important
}

.p_incorrect {
    background: #f8d7da !important
}

.p_normal {
    background: #e2e3e5 !important
}

iframe {
    max-width: 100% !important;
}

svg.w-5.h-5 {
    width: 32px;
}



.scroll_list nav div:first-child {
    display: none;
}

.scroll_list {
    margin-bottom: 12px;
}

.scroll_list nav span a {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.continueas {
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    padding: 15px;
    margin: 15px 0;
}

.continueas p {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 15px;
}

.continueas .kprofile img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.continueas .kprofile h6 {
    margin-bottom: 0;
    font-weight: 600;
    margin-left: 10px;
}

.continueas .kprofile {
    display: flex;
    align-items: center;
}

.continueas .close {
    position: absolute;
    right: -5px;
    top: -5px;
    background: #000 !important;
    color: #fff !important;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    line-height: 0;
    font-size: 16px;
    opacity: 1;
}

.continueas .close span {
    margin-top: -2px !important;
    display: block;
}

@media only screen and (max-width: 1020px) {
    .feed-area.write-area {
        margin: 0 25px;
    }

    .custom_submit {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .feed-area.full-width-area {
        padding-bottom: 200px;
    }
}

@media only screen and (max-width: 580px) {
    .scroll_list {
        overflow-x: auto;
    }

    .story-component .pagination {
        float: none;
    }

    .scroll_list nav span a {
        height: 45px;
    }

    .scroll_list nav span.relative.z-0.inline-flex.shadow-sm.rounded-md {
        display: flex;
        height: 45px;
    }

    .scroll_list nav span.relative.z-0.inline-flex.shadow-sm.rounded-md span {
        display: inline-block;
        height: 100%;
    }

    .continueas {
        padding: 10px;
    }

    .continueas button {
        font-size: 14px;
    }

    .kprofile h6 {
        font-size: 15px;
    }
}

.top-box .social_share a {
    font-size: 15px;
    margin-right: 0px;
}
.social_share {
    display: flex;
}
.social_share a {
    font-size: 22px;
    margin-right: 7px;
    background: #fff;
    padding: 6px 6px;
    display: inline-flex !important;
    border-radius: 4px;
}
.social_share a i.fa-facebook-f {
    color: #3b5998;
}
.social_share a i.fa-twitter {
    color: #00acee;
}
.social_share a i.fa-instagram {
    color: #405DE6;
}
.social_share a i.fa-telegram {
    color: #0088cc;
}
.social_share a i.fa-youtube {
    color: #FF0000;
}
.social_share li {
    list-style-type: none;
}

@media only screen and (max-width: 782px) {
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
		margin: 0;
	}
	.top-box ul.social_share {
    padding-left: 5px;
	}
	.row.top-box.mobile {
    text-align: center;
	}
}	
.mobile{
		display: none;
	}
.row.top-box {
    border-bottom: 1px dotted #000000;
}
.top-header span {
font-weight: bold;
font-size: 11px;	
}

@media (max-width: 768px) {
.feed-area .feed-component {
	    margin-top: 25px;
}	
.header.position-fixed {
    background: #000;
    margin-top: 20px;
}
}

.header.header-sticky {
    background: #000;
	margin-top:0px;
	position: -webkit-sticky;
    position: sticky;
    top: 0px;
	animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.delete-all {
    position: fixed;
    bottom: 0;
    width: 100%;
	z-index: 9999;
	}
	
.video-wrapper {
  width: 600px;
  height: 315px;
  margin: 0 auto;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Responsive on small screens */
@media (max-width: 768px) {
  .video-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
  }
}