.google_content_ads{
    background: #fff;
    border-radius: 6px;
}
.article-content{
    margin: 10px 25px;
}
#divCategories{
   margin-bottom: 12px;
}
.left p{
   float:left;
   padding:20px;
}
.right p{
   float:right;
   padding:20px;
}
.google-right-ads{
   text-align: center;
}
.qa_widget {
    background: #fff;
    padding: 10px 25px 10px 25px;
    margin: 0px 0px 20px 0px;
    border-radius:0px;
}
.qa_list a:hover{color:var(--clr-accent-800);}
.qa_widget .qa_post_no_link, .qa_widget .qa_post{
    color: #333;
    margin: 0px;
    padding: 0px;
    position: static;
    z-index: 5;
}
.qa_widget .qa_post_no_link h1, .qa_widget .qa_post h1, .qa_widget .qa_list h2 {
    padding: 0px 0px 16px 0px;
}
.qa_widget .qa_post .qa_category, .qa_widget .qa_post_no_link .qa_category {
    margin: 0px;
    padding: 3px 0px 7px 0px;
    border-bottom: 1px dashed #c3c3c3;
    text-align:left;
}
.qa_category {
    text-align: center;
    margin-bottom: 10px !important;
    margin-top: 0px !important;
}
.qa_category span:hover {
    color: #080;
}
.qa_category span {
    border-radius:0px;
    -moz-border-radius:0px;
    background: #efefef;
    font-size: 11px;
    color:#1a1a1a;
    padding:3px 8px 5px 8px;
    margin:4px 4px 4px 0px;
}
.profile-panel {
    box-shadow: none;
    margin-top: 25px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(214, 214, 214);
    border-image: initial;
    padding: 20px;
    border-radius:0px;
    background: #eee;
}
.qa_author {
    font-size: 20px;
    color: rgb(111, 111, 111);
}
.qa_author span:hover {
    color: #000;
}
.qa_count{
   color: #3ca757;
}
.qa_answer_dtm, .qa_published_dtm {
    font-size: 13px;
    margin-top:0px;
    color: rgb(111, 111, 111);
}
.author-caret {
    font-size: 20px;
    float: right;
    position: relative;
    top: -44px;
    right: 10px;
}
.qa_widget .qa_post .qa_description {
    color: #333;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    margin: 10px 0px 15px 0px;
}
img.profile{width:50px; height:50px; float:left; animation-name:none!important; padding:2px; border-width:1px; border-style:solid; border-color:rgb(189, 184, 184); border-image:initial; margin:0px 14px 0px 0px !important; border-radius:0px;}
.qa_answer_widget{color:#000; margin:5px 0px 15px 0px; padding:0px;}
.qa_published_dtm{font-size:11px;}
a{font-weight:normal; text-decoration:none!important;}
.google-bottom-ads{padding:10px; margin-bottom:0px!important; text-align:center; background:#fff;}
.pages{width:100%; margin:10px 0px 30px 0px; padding:10px 0px; text-align:center;}
.pages a.number{background:#fafafa; color:#6c6c6c; padding:3px 10px; margin:0px 0px; border:1px solid #c7c7c7;}
.pages a.number:hover{background:#3ca757!important; color:#fff!important;}
.pages a.current{background:#3ca757!important; color:#fff!important; padding:3px 8px; margin:0px 2px 0px 0px; border:1px solid #3ca757!important;}
.pages a, .pages span {
    color: #8e8e8e;
    padding:.22em .6em;
    margin-right: .1em;
    border: 1px solid #d6d6d6;
    background: #fff; border-radius:0rem;
}
img.cat-img {
    width: 30px;
    height: 30px;
    padding: 0px;
    margin: 4px 5px 4px 10px;
    vertical-align: middle;
    border-radius:0px;
    -moz-border-radius:0px;
    display: inherit;
}
ul.chapters>li a{
    padding: 2px 4px !important;
    justify-content: normal;
}
.mui-container table{display:table;}
.tutorial-content table{width:100%!important;}
.tutorial-content td, .tutorial-content td, .tutorial-content th, .tutorial-content th{padding:5px 10px !important; border:1px solid #d6d6d6!important;}
.tutorial-content ol li, .tutorial-content ul li{color:#000; font-size:15px; line-height:24px!important; padding-left:0px;}

h1.qa_title{color:#000; font-size:26px!important; text-align:center!important; line-height:28px; padding:0px 0px 10px 0px!important; margin:0px;}
.fr-dii{display:-webkit-inline-box!important; vertical-align:middle!important;}
pre.prettyprint{margin-top:5px!important;}
pre{ padding: 1em; margin: .5em 0; overflow: auto;}
img.fr-dib, img.fr-fic{border:1px solid #dadada;}
/*.qa_answer_widget img{width:40px!important;}
img.fr-dib, img.fr-fic{width:auto!important; width:-webkit-fill-available; max-width:100%;}*/
.tutorial-content .math{border:0px solid #d6d6d6!important; margin-bottom:0px!important; padding:0px!important; background:transparent!important;}
.tutorial-content table{margin-left:0px!important;}
pre.prettyprint{ padding: 1em; margin: .5em 0; overflow: auto; border-radius:0px;}
pre.prettyprint{width:99%!important; padding: 5px!important;}
a.demo{top:52px!important; float:right!important;position: relative;border-radius:0px; background:#2c9d30 !important; right: 25px!important;}

.m-auto{margin:auto!important; margin-top:auto;}
.questions-wrap img.fr-fic, .questions-wrap img.fr-dib{width:100%; max-width:100%; height:auto; border-radius:0px;}
.questions-wrap p img{width:fit-content!important; margin:0 auto!important; border:1px solid #ccc; display:block;}
.questions-wrap img{margin:0 auto!important; border:1px solid #ccc; display:block;}
.questions-wrap .table-bordered td img{border:0px solid #ccc;}
.questions-wrap .tutorial-content .table th{text-align:center;} 
.questions-wrap .table>tbody>tr>th{vertical-align:middle;} 
.tutorial-content img.fr-fic, .tutorial-content img.fr-dib{width:100%; max-width:100%; height: auto; border-radius:0px;}
.table-bordered img.fr-fic{width:auto!important; max-width:100%!important; height: auto!important; border-radius:0px!important; border: none!important;}
.table-bordered img.fr-fic.fr-dib.fr-draggable{width:auto!important; max-width:100%!important; height: auto!important; border-radius:0px!important; border: none!important;}
.user_answer img{width:35px; height:35px; padding:2px; margin:2px 5px 2px 0px!important; display:inline!important; border:1px solid #ccc!important; border-radius:0px;}

.post-new-article{margin:0px 0px 0px 0px; padding:0px;}
.post-new-article .post-new-form label{font-size:12px;}
.post-new-article .post-new-form input{width:100%; font-size:14px; line-height:32px; margin:0px 0px 15px 0px; padding:0px 10px 0px 0px; outline:none; border:0px solid #fff; border-bottom:1px solid #ccc;}
.post-new-article .post-new-form textarea {border:1px solid #ccc!important; outline:none; }
.post-new-article .post-btn-save{background:#40a944; height:34px; border:1px solid #40a944; font-size:14px; color:#fff; padding:5px 10px; margin:0px 10px 0px 0px;}
.post-new-article .post-btn-cancel{background:#f00; border:1px solid #f00; font-size:14px; color:#fff; padding:5px 10px; margin:0px 10px 0px 0px;}
.post-new-article .note-editor.note-frame .note-editing-area .note-editable{min-height:350px!important; margin-bottom:25px;background:#fff;}

.q-user-profile img.q-user-img{width:105px; height:110px; position:relative; margin-bottom:5px; right:0px; border:1px solid #ccc; border-radius:4px;}
.profile-menu-dropdown{display:none; width:185px; position:absolute; background:#fff; list-style:none; right:17px; padding:0px; border-radius:4px;}
.profile-menu-dropdown ul li{list-style:none;}
.dropdwn-tog{min-width:68px; padding-right:0px !important;}
.dropdwn-tog img{max-width:40px!important; width:40px; height:40px; padding:3px; text-align:center; color:#fff; font-size:14px; border:1px solid #4caf50; border-radius:50%; vertical-align:center;}
.profile-menu-dropdown ul li::marker{display:none;}
.u-prof-img{background:#40a944; font-size:14px; color:#fff; margin:0px 0px 0px 0px; padding:10px; border-top-left-radius:6px; border-top-right-radius:6px;}
.post-article-btn{background-image:radial-gradient(100% 100% at 100% 0, #7ac37c 0, #3d9b40 100%); color:#fff; font-size:16px; text-align:center; padding:10px 10px; margin:0px 0px 25px 0px; border:0; box-shadow:rgb(45 35 66 / 40%) 0 2px 4px, rgb(45 35 66 / 30%) 0 7px 13px -3px, rgb(58 65 111 / 50%) 0 -3px 0 inset;}
.post-article-btn:hover{color:#fff;}
.grecaptcha-badge{visibility:hidden;}
.follow-author{background:#40a944; font-size:12px; color:#fff; font-weight:normal; padding:3px 7px; border:1px solid #40a944; cursor:pointer;}
.follow-author:hover{color:#fafafa;}
.user-follow-author{display:inline-grid; float:right; margin:5px 20px 0px 0px; text-align:center;}
.profile-left{float:left; display:block;}
.error-success{position:fixed; width:100%; background:#40a944; color:#fff; font-size:14px; text-align:center; line-height:46px; bottom:0px; left:0px; right:0px; z-index:999; display:none;}
.error-warning{position:fixed; width:100%; background:#f00; color:#fff; font-size:14px; text-align:center; line-height:46px; bottom:0px; left:0px; right:0px; z-index:9999; display:none;}

.wrap_loader{background: #fffafa url(../images/uni_loader.gif) no-repeat; background-attachment:fixed; background-position:center center; width:100%; height:100%; margin:0px auto; padding:0px 0px 0px 0px; vertical-align:center; text-align:center; position:absolute; top:0px; z-index:9999; opacity:0.8; display:none;}
.imgLoader {position: fixed; margin: 0 auto;top: 50%; left: 50%;}
td a, p a, .table-bordered td a, .table td a, .src td a {background:none!important;color: green; font-weight:bold;}

/* Questions pages*/
#divRightMenu hr {margin: 0.5rem 0px;}
.article-fiter-section h2{font-size:28px!important; color:rgba(0,0,0); font-weight: 500!important; margin:5px 0;}
h2.qa-artcl-head {font-size:28px!important; font-weight:500!important; margin-top:10px!important;}
input.qa-artcl-title{font-size:24px!important;}
.qa_sts_rpt{position:relative; top:-38px; background:#3ca757; color:#fff; border:1px solid #3ca757; font-size:13px; margin:-4px 0px 0px 10px; padding:5px 10px; float:right; text-align:right; cursor:pointer;}
.qa_sts_rpt:hover ]{background:#3ca757; color:#fff; border:1px solid #3ca757;}
.qa_filter{background:#fff; padding:20px; margin-bottom:20px; border-radius:6px;}
/* .qa_mod_input{display:flex; width:100%;} */
.qa_mod_input input{width:100%; height:35px; font-size:14px;padding:0px 0px 0px 10px;}

.qa_pop_save {height:34px; width:max-content; background:#3ca757; border:1px solid #3ca757; font-size:14px; color:#fff; padding:6px 15px; margin:0px 5px 5px 0px; text-transform:capitalize; outline:none; cursor:pointer;}
.qa_filter .qa_filter_dt {width:100%; float:left; margin:0px 2px 0px 0px; padding:0px;}
.qa_filter label {font-size: 12px; color:#727272; margin:0px; padding:0px 0px 0px 5px;}
.qa_filter .qa_filter_dt input {width:100%; font-size:12px; line-height:28px; margin:0px 5px 10px 5px; padding:0px 0px 0px 5px;}
.qa_filter .qa_filter_rslt select {width:100%!important; height:30px!important; font-size:12px !important; margin:0px 0px 0px 0px!important; padding:5px; border:1px solid #dde0e3; border-radius:5px;}
.qa_filter_days span {width:24%; font-size:12px; float:left; text-align:center; margin:0px 0px 10px 0px; padding:0px 4px; border-right:1px dotted #ccc;}
.qa_filter_days span a {color:#1aa73e;}
.qa_filter .qa_filter_btn {position:relative; top:20px; display:inline;}
.qa_button {background:#3ca757; font-size:14px; margin-bottom:20px; color:#fff; padding:5px 10px; border:none;}
.moderate_success {margin:-15px -22px 0px -10px; width:0px; height:0px; border-top:0px solid transparent; border-bottom:28px solid transparent; border-left:28px solid #4db748; float:left; position:relative; border-top-left-radius:0px; cursor:pointer;}
.moderate_draft {margin:-15px -22px 0px -10px; width:0px; height:0px; border-top:0px solid transparent; border-bottom:28px solid transparent; border-left:28px solid #4d99c5; float:left; position:relative; border-top-left-radius:0px; cursor:pointer;}
.moderate_warning {margin:-15px -22px 0px -10px; width:0px; height:0px; border-top:0px solid transparent; border-bottom:28px solid transparent; border-left:28px solid #f0ad4e; float:left; position:relative; border-top-left-radius:0px; cursor:pointer;}
.moderate_reject {margin:-15px -22px 0px -10px; width:0px; height:0px; border-top:0px solid transparent; border-bottom:28px solid transparent; border-left:28px solid #f00; float:left; position:relative; border-top-left-radius:0px; cursor:pointer;}
.moderate_block {margin:-15px -22px 0px -10px; width:0px; height:0px; border-top:0px solid transparent; border-bottom:28px solid transparent; border-left:28px solid var(--bs-warning); float:left; position:relative; border-top-left-radius:0px; cursor:pointer;}
.moderate_success b, .moderate_reject b, .moderate_warning b {color:#fff; position:relative; left:-25px; top:-2px; font-size:12px;}
.amoderate_draft b, .moderate_draft b, .moderate_block b {color:#fff; position:relative; left:-25px; top:-2px; font-size:12px;}
.title-edit-wrap {display:flex; justify-content:space-between;}
.qa-block-wrap { padding:0px 0px 0px 0px!important; margin:0px 0px 0px 20px; white-space:nowrap;}
.qa-block-wrap a {background:#dedede; font-size:13px!important; font-weight:normal!important; color:#000!important; position:relative; top:0px; padding:5px 10px;}
.moderate_desc {display:none;}

.login-alert {font-size:12px; color:#f00; padding:3px 10px; margin:0px 0px 0px -11px!important; text-align:center; display:none;}
#user_list {min-width:300px; max-width:310px; position:absolute; background:#fff; z-index:999; box-shadow:1px 1px 10px; margin:-10px 0px 0px 5px; min-height:225px; max-height:230px; overflow:auto; overflow-x:hidden; display:none;}
.user_answer {font-size:14px; padding:3px 10px; line-height:24px; border-bottom:1px solid #ccc; text-transform:capitalize; cursor:pointer;}
.question_section .qa_widget {overflow:hidden;}
form.search-categories-form, .form.add-categories-form {display:flex;}
.form-control:focus {border-color: #ddd !important;}

@media screen and (max-width: 991px){
.input-user-data {max-width: 317px!important; min-width:317px !important;}
#search_questions{max-width: 317px!important; min-width:317px !important;}	
}
@media (max-width:768px){
	.author-profile-post-info{display:block!important;}
}
/* Edit Profile */
.profile-card { background:#fff; margin:20px 0; padding:15px;}
.btn_remove_profile_image {color:#fff; width: 175px; font-size:14px; background:#f00; border: 1px solid #f00; padding:5px 10px;}
.Updt-prof-img {font-size:14px; width: 175px; padding:5px 10px; color:#fff; background:#40a944; border:1px solid #40a944;
}
div#profileImageUpdate{margin-top:12px;}
img#userprofileimg {width:100px; height:110px; padding:0px!important; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px;}
.profile-info{margin-bottom:20px;}
.profile-form-label {color:#727272; font-size:13px; margin-bottom:0px; display:block; font-weight:500;}
.profile-input, .profile-select, .profile-textarea {width:100%; padding:8px 12px; font-size:13px; background:#fff; color:#666; border:1px solid #ccc; border-radius:5px;}
.profile-share {display:flex; font-size:14px;}
button.profile-social-icon {background:#e8e8e8; width:140px; border:none; height:44px; padding-left:20px; text-align:left; margin-top:0px;}
input.profile-social-link {width:100%; border-radius:0; padding:0px 20px;}
.profile-alert-success {background:#effbe2!important; font-size:13px!important; color:#2e8e32!important; padding:5px 10px!important; margin:20px 0; border:1px solid #bef183!important; cursor:pointer!important; -webkit-border-radius:3pt!important;}
.profile-alert-success p{margin:4px 0px;}
button.post-btn-save {font-size:14px; padding:5px 10px; color:#fff; background:#40a944; border: 1px solid #40a944; margin:0px 2px 0px 0px;}
button.post-btn-cancel {font-size:14px; height:34px; padding:5px 10px; color:#fff; background:#f00; border: 1px solid #f00; margin:0px;}
button.qa_button_draft {font-size:14px; padding:5px 10px; color:#fff; background:#2F4E6F; border: 1px solid #2F4E6F; margin:0px;}

/* Change password */
.change-pass-card{background:#fff; margin:25px 0; padding:15px;}
.change-pass-group{margin-bottom:20px;}
.change-pass-group label {color:#727272; font-size:13px; margin-bottom:0px; display:block; font-weight:500;}
button.change-pass-sbmt-btn {padding:6px 12px; background:#46a033; border:#46a033;}
button.change-pass-sbmt-btn:hover {background:#56ab2f; border:#56ab2f;}
button.change-pass-cancel-btn {padding:6px 12px; background:#f00; border:#f00;}
button.change-pass-cancel-btn:hover {background:#ff3b01; border:#ff3b01;}
.admin_qa_widget{background:#fff; padding:20px; border-radius:5px;}

/* questions pages css */
.crs-heading {font-size:16px!important; margin:5px 0px 2px 0px!important;}
.crs-detail-section .crs-details{display:flex; justify-content:space-between; align-items:center;}
.crs-detail-section .crs-details .crs-content {font-size:12px; margin:0px 10px 0px 0px; padding:0; font-weight:normal;}
.crs-detail-section a.crs-buy-btn {background:#ccc; font-size:12px; white-space:nowrap; padding:5px 10px; color:#000; border-radius:4px;}
.wtht-adv-rght-sectn .wtht-adv-rght-sectn-data { background:#fff; padding:20px; border-radius:8px; margin:0px 0px 20px 0px;}
.wtht-adv-rght-sectn h2 {font-size:23px!important; font-weight:500!important;}
.wtht-adv-rght-sectn h2 span {color: #55ab58;}
ul.rght-dashboard-menu-list {list-style: none; padding:0px; margin-bottom:0px;}
ul.rght-dashboard-menu-list li{color: #000!important; font-size: 17px; padding: 8px 0; padding-left: 10px;}
ul.rght-dashboard-menu-list li:hover{color:#55ab58!important;}
.follow-prof-img img{float:left; width:30px; border-radius:50px; border:1px solid #ccc;}
.follow-prof-name h4 a {font-size: 15px; font-weight: 400; position: relative; top: -4px; left: 10px;}
i.fal.fa-eye.follow-prof-right-icon{float: right; position: relative; top: 10px; right: 15px;}
ul.profile-data-count-list li, ul.top-articles-menus a li {color:#000!important; margin-bottom:8px !important;}
ul.top-articles-menus {margin-bottom: 0px;}
ul.top-articles-menus a li:hover {color:#55ab58!important;}

.prof-menu-icon1 {margin-right:5px !important;}

.user-prof-social-icon i.fab.fa-facebook-f, .user-prof-social-icon i.fab.fa-linkedin-in, .user-prof-social-icon i.fab.fa-twitter, .user-prof-social-icon i.fal.fa-globe{font-size:16px; color:#706f6f; margin-right:7px;}

.user-prof-social-icon a svg{width:30px; height:18px; background:#d1d1d1; padding:6px 0px; border:1px solid #d1d1d1; border-radius:90px;}
.user-prof-social-icon a svg path{fill:#fafafa;}
.user-prof-social-icon a .facebook-active{width:30px; height:18px; background:#4267B2; padding:6px 0px; border:1px solid #4267B2; border-radius:90px;}
.user-prof-social-icon a .twitter-active{width:30px; height:18px; background:#00acee; padding:6px 0px; border:1px solid #00acee; border-radius:90px;}
.user-prof-social-icon a .linkedin-active{width:30px; height:18px; background:#00acee; padding:6px 0px; border:1px solid #00acee; border-radius:90px;}
.user-prof-social-icon a .globe-active{background:#00acee; padding:6px 0px; border:1px solid #00acee; border-radius:90px;}


.share-bg{width:24px; height:21px; background:#eeeeee; font-size:13px; color:#fff; padding:4px 5px; margin:0px 5px 0px 20px; border-radius:3px; border:none!important; cursor:pointer;}
.prof-view-artcle img.profile-img1{float:left; padding:0 !important; width:100px !important; height:100px !important; border-radius:0px !important; border:1px solid #ccc !important; margin-right:15px !important;}


.profile-about-section h2{font-size:22px!important; margin:0px; padding:0 0 10px 0; padding-top:0rem!important;}
.profile-about-section p {font-size:14px; color:#000;}
#divFollow{margin:7px;}
.follow-author-active{color: #40a944 !important;}
.follow-author{background:#eee; border:1px solid #eee; margin:10px; padding:6px 12px !important; border-radius:15px !important; color:#000;cursor:pointer;}
.follow-author:hover{color:#0dba4b!important;}
h4.followers-count a span{color:#9d9d9d!important; font-size:15px !important;}
p.prof-desigtn {font-size:13px !important;}
h2.user-following-heading{font-size:20px;}
.user-following-section img{float:left; height:50px; width:50px; border-radius:32px; border:2px solid #ccc;}
.user-following-section h4{font-size:18px; font-weight:500; position:relative; top:14px; left:18px;}
.following-section-btn a{float:right; position:relative; bottom:36px;}
.prof-view-artcle{background:#fff; margin:10px 0px; border:1px solid #ccc; padding:10px; border-radius:0px;}
.prof-view-artcle h4.followers-count a span{color:#9d9d9d!important; font-size:15px!important;}
p.prof-desigtn{font-size:13px!important;}
.views-count, .like-dislike, .download-profile-btn{color:#6f6f6f; font-size:13px!important; padding:2px 0px; margin:0px 0px 0px 5px; display:flex; align-items:center; gap:.3rem; cursor:pointer;}
.like-dislike a{color:#706f6f;}
.qa_author span{font-size:24px; font-weight:400; color:#000;}
.follow-author{background:#eee; border:1px solid #eee; margin:10px; padding:6px 12px; border-radius:15px; color:#000; cursor:pointer;}
.follow-author:hover{color:#0dba4b!important;}
.author-profile-post-info{display:flex; padding:5px; margin:1rem 0 0 0; justify-content:space-between; align-items:center; border-top:1px dashed #ccc; border-radius:6px;}
.uthor-prof-social-icon{font-size:15px; margin:5px 0px 0px 6px!important; cursor:pointer;}
.uthor-prof-social-icon .fa-facebook-f, .uthor-prof-social-icon .fa-linkedin-in, .uthor-prof-social-icon .fa-twitter, .uthor-prof-social-icon .fa-link{color:#706f6f;}
.fr-popup.fr-active{display:block; z-index:999999999!important;}
#search_questions{background:#fff; position:absolute; min-width:844px; max-width:840px; min-height: 230px; max-height:240px; margin:-15px 0px 0px 0px; border:1px solid #ccc; border-top:0px solid #ccc; z-index:999; overflow:auto; box-shadow: 0px 0px 15px 0px #ccc; display: none;}
.input-user-data{background:#fff; position:absolute; min-width:600px; max-width:621px; min-height: 230px; max-height:240px; margin:-15px 0px 0px 0px; border:1px solid #ccc; border-top:0px solid #ccc; z-index:999; overflow:auto; box-shadow: 0px 0px 15px 0px #ccc; display: none;}
#user_list_edit img{display:inline!important;margin-right: 5px !important;height: 40px !important;width: 40px !important;border-radius: 25px;}
select.qa_sts-slct{width:100%; padding:10px 4px; margin-bottom:15px; border:1px solid #ccc!important; outline:none;}
.search_box ul{padding-left:0px;}
li.question_head{list-style:none; line-height:28px !important; border-bottom:1px solid #ccc; padding:5px 5px 5px 15px !important;}
.note-editor.note-airframe, .note-editor.note-frame{border:1px solid rgba(0,0,0,.1)!important;}
.job-index{background:#fff; padding:5px 10px; margin:0px auto;}
.pages{width:100%; margin:0px 0px 0px 0px!important; padding:10px 0px!important; text-align:center!important;}
.likeactive{color:#40a944;}
ul.toc li:last-child {border: none;}
.cls-searchflt i, .cls-closeflt i, .add-update-ctgry i {margin-top:4px; margin-right:4px;}
.cls-day-filter {display:none; background:#fff; width:160px; top:180px; right:340px; position:absolute; z-index:111;  border-radius:5px; box-shadow:0px 0px 30px 0px #ddd;}
#search_menu {display:none;}
.cls-day-filter ul li:last-child {border-bottom:0px solid #ccc;}
.cls-day-filter ul{padding-left:0px !important; margin-bottom:0px !important;}
.cls-day-filter ul li { list-style:none;  padding:5px; border-bottom:1px solid #ccc;}
.day-filter-btn-apply { font-size:12px !important; margin-top:2px !important; padding:4px 8px!important; background:#40a944; border:1px solid #40a944; color:#fff;}
.day-filter-btn-cancel {font-size:12px !important; margin-top:2px !important; padding:4px 8px!important; background:#f00; border:1px solid #f00; color:#fff;}

/* login css */
.form-control{border:0px solid #dde0e3!important;;}
.input-group{position:relative; margin-top:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; width:100%; border-bottom:1px solid #ccc;}
.input-group > .form-control, .input-group > .form-select{position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; width:85%; min-width:0%;}
.d-grid{display:grid!important;}
.input-group-text{background:transparent!important; width:26px; font-size:20px!important; position:relative; top:1px; left:-7px;}
.input-group-text{border:0px solid #dde0e3!important;}
.login-bg{width:100%; height:100vh; position:fixed; top:-25px; margin:0px; left:0; z-index:0;}
:root input:autofill, :root input:focus, :root textarea:autofill, :root textarea:focus, :root select:autofill, :root select:focus{background:border-box;}
input:autofill, textarea:autofill, select:autofill {-webkit-text-fill-color:inherit!important;}
section label{font-weight:normal!important;}
label.error{font-size:12px; color:#f00; position:absolute; top:34px; margin:0px 0px 0px 0px; clear:both; white-space:pre-wrap;}
.fs-12 {font-size: 12px!important;}
.login_alert_sign{font-size:12px; color:#f00!important; margin-bottom:15px;}
a#spanForgot {float: right;color: #747579 !important;}
a#spanForgot:hover {color: #0dba4b !important;}
.btn-primary{background-color: #40a944; border-color: #40a944;}
.btn-primary:hover{background-color: #40a944; border-color: #40a944;}
.btn-primary:focus{background-color: #40a944; border-color: #40a944;}
.login-heading h4 {color: #4a4a4a;font-weight: 400;}
input:-webkit-autofill, input:-webkit-autofill:hover,
input:-webkit-autofill:active, input:-webkit-autofill:focus{background-color:#fff!important; color:#555!important; -webkit-box-shadow:0 0 0 1000px white inset!important; -webkit-text-fill-color:#555555!important;}
/* end of login css */

#qa_sts_fltr img{border:none!important; width:15px; position:relative; top:-2px;}
.questions-wrap img{display:inherit!important;}

@media print {
   .prof-view-artcle{display:none!important; height:0px!important;}
   .crs-detail-section{display:none!important; height:0px!important;}
   footer#footer{display:none!important; height:0px!important;}
   div#bottom_navigation{border:none !important;}
   .code-mirror{white-space: pre-wrap!important;}
   .print-page-logo-img{page-break-before:always; display:block!important; position:fixed; bottom:0px; z-index:9999; right:0; width:120px;}	
}

.print-page-logo-img{display:none;}
.modal-window{position:fixed; background-color:rgba(200, 200, 200, 0.75); top:0; right:0; bottom:0; left:0; margin:0px; padding:0px; z-index:1111; opacity:1;  -webkit-transition:all 0.3s; -moz-transition: all 0.3s; transition:all 0.3s; border-radius:6px; -webkit-border-radius:6px; display:none;}
/*.modal-window:target{opacity:1; pointer-events:auto;}*/
.modal-window > div{width:550px; position:relative; margin:4% auto; padding:1rem; background:#fff; color:#444; border-radius:6px;}
.modal-window header{font-weight:bold;}
.modal-close{background:#f00; color:#fff; line-height:29px; font-size:15px; position:absolute; text-align:center; right:0px; top:0; width:30px; text-decoration:none; border-radius:4px; margin:5px;}
.modal-close:hover{color:#fff;}
.modal-window h1{font-size:150%; margin:0 0 15px;}

.image-editor h2{color:#308646; font-size:18px; margin:0px 0px 10px 0px; padding:0px 0px 2px 0px; text-transform:capitalize; border-bottom:1px solid #eaeaea;}
.uploadmore{width:100%; position:relative; padding:5px; margin:0px 0px 0px 0px;}
.uploadmore .uploadmore_shw{padding:5px 5px 0px 5px; margin:5px 0px; border:1px solid #d6d6d6; border-radius:4px; -moz-border-radius:4px;}
.uploadmore .uploadmore_img{display:none; min-height:100; max-height:112px; overflow:auto; background:#fff; margin:0px; padding:5px; border:1px solid #d6d6d6; position:relative; top:-1px; border-radius:4px; -moz-border-radius:4px;}
.uploadmore .caretdown{font-size:26px; line-height:0px!important; top:16px!important; position:relative!important; right:0px!important;}
.uploadmore img{width:52px; height:50px; float:left; margin:0px 5px 5px 0px;}
.cropit-preview-background-container{width:240px; height:240px; margin:0px 0px 0px 0px;}
.cropit-preview{background-color:#f8f8f8; background-size:cover; border:5px solid #ccc; border-radius:3px; margin:25px auto 0px auto; width:150px; height:150px;}
.cropit-preview-image-container{cursor:move;}
.cropit-preview-background{opacity:.01; cursor:auto; transform:translate(-88px, 0px) scale(0.185185) rotate(0deg);}
.image_size_label{margin-top:30px;}
#imgCrop input, #imgCrop #save_user_image{margin:0px auto; position:relative; z-index:10; display:block;}
.upload_more{width:97%; background:#f1f1f1; position:relative; font-size:150%; color:#8a8a8a; text-align:center; margin:-60px auto 10px auto; padding:10px 10px; border: 1px dashed #40a944; border-radius:3px; -moz-border-radius:3px; cursor:pointer;}
.cropit-image-input{margin:20px auto 0px auto!important; height:65px; opacity:0; cursor:pointer; position:relative!important; width:99%;}
input[type=range]{display:block; -webkit-appearance:none; background-color:#47bb3e; width:230px; height:4px; outline:none;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none; background-color:#084205; opacity:0.8; width:10px; height:12px; cursor:pointer;}

ul.top-articles-menus a li{color:#000!important;}
.questions-wrap .note-float-right{float:right; margin-left:10px!important;}
.questions-wrap .note-float-left{float:left; margin-right:10px!important;}
img.no-border{border:0px solid #ccc!important;}
p#pchars {text-align:right; font-size:13px; color:#7b7b7b;margin-top: 0px;}
.inline-img{display:inline!important; padding:0px 5px!important; border:0px!important;}
.clsHeadQuestion .fa-external-link{float:left; padding:0px; margin:4px 10px 10px 7px;}
.mui-table:before, .mui-table:after{display:none!important; opacity:0!important;}

/* user profile css */
.qa-content p{font-size:15px; text-align:justify; line-height:24px; padding:5px 0px; margin:0px; word-wrap:break-word;}
.views-author img{max-width:100%!important; width:45px!important; height:45px; border:1px solid #ccc; margin:0px 10px 10px 0px; padding:4px; float:left; border-radius:90px; -moz-border-radius:90px;}
.rounded{background:#fff; border-radius:8px; -moz-border-radius:8px;}
.qa_post h2{font-size:24px!important; text-align:left; margin:0px; padding:10px 20px 15px 20px;}
.user-prof-img{float:left; padding:4px; width:115px; height:110px; border-radius:4px; border:1px solid #ccc; margin:0px 10px 15px 0px!important;}
.q-user-profile{margin:0 0 15px 0; padding:20px;}
.q-user-profile .user-p-title{font-size:22px; color:#000; font-weight:bold; text-align:left; margin:0px; padding:0px 0px 0px 0px;}
.q-user-profile .user-p-job{font-size:14px; color:#919191; font-weight:normal; text-align:left; margin:0px; padding:0px 0px 0px 0px; line-height:16px;}
.q-user-profile .user-p-follow{font-size:13px; font-weight:normal; text-align:left; margin:0px; padding:5px 0px 0px 0px; line-height:20px;}
.q-user-profile .user-p-follow p{font-size:15px; font-weight:normal; text-align:left; margin:0px; padding:5px 0px 0px 0px; line-height:26px;}
.q-user-profile .rating-display{margin:0px 0px 0px 6px}
.q-user-profile .rating-display span{color:#b5b5b5; margin:0px 0px 0px -5px}
.q-user-profile .rating-display .r-active{color:#40a944; margin:0px 0px 0px -5px}
.social-icon-twitter, .social-icon-facebook, .social-icon-youtube, .social-icon-instagram, .social-icon-linkedin{font-size:22px; color:var(--bs-gray-700); margin:0px 10px 0px 0px;}
.social-icon-twitter:hover{color:#00acee;}
.social-icon-facebook:hover{color:#3b5998;}
.social-icon-youtube:hover{color:#ff0000;}
.social-icon-instagram:hover{color:#8a3ab9;}
.social-icon-linkedin:hover{color:#0A66C2;}

.share-options{display:flex; align-items:center; gap:1rem;}
.article-list{padding:0px!important;background-color:#f4f4f4!important; border:0px solid #eee!important;}
.qa-anwer-wrap{margin:0px 0px 10px 0px; padding:0px;}
.qa-anwer-wrap img{margin-top:3px!important; padding:1px!important; border:1px solid #ccc!important;}
.qa_answer_widget a img{max-width:100%!important; width:45px!important; height:45px; border:1px solid #ccc; margin:2px 4px 0px 0px; padding:4px; float:left; border-radius:0px; -moz-border-radius:0px;}
.qa_answer_widget .qa_answer_detail a{font-size:15px; color:#000; font-weight:normal; line-height:24px; padding:0px 0px; margin:0px; text-transform:capitalize;}
.qa_answer_widget .qa_answer_dtm{font-size:12px; margin-left:0px;}
.qa_answer_widget p{font-size:15px; text-align:justify; line-height:24px; padding:0px; margin:0px; word-wrap:break-word;}
#mainContent img{max-width:100%!important; display:inherit; margin:0px 10px 0px 0px; border:0px solid #ccc;}
.read_more{color:#40a944;}
.read_more svg{display:inline-block; align-items:center; vertical-align:middle; margin-left:2px; color:#40a944;}
img.wrap-right{width:275px; height:auto; float:right; margin:0 0 0 1.5rem!important; border-radius:8px;}
img.wrap-left{width:275px; height:auto; float:left; margin:0 1.5rem 0 0rem!important; border-radius:8px;}
.related-articles{margin:2.5rem 0px;}
.related-articles ul{padding-left:0!important; margin:0rem;}
.related-articles ul li{font-size:15px; line-height:24px; padding-left:0px!important; margin:0px;}
.related-articles ul li::before{background-color:none!important;}
.related-articles ul li a:hover{color:#2f9933!important;}
.related-articles ul li a{color:#424242 !important; padding:.3rem 0rem .3rem 1rem!important; display:grid; grid-template-columns:12px 1fr; align-items:center; gap:1rem;}
.related-articles ul li a svg{width:16px!important;}
ul.toc li.heading{background-color:transparent!important; font-size:24px!important; font-weight:bold; text-align:left; list-style:none; margin:10px 0px;}
ul.toc li.heading::before{background:none!important;}
.related-articles ul li::before{background-color:transparent!important;}
ul.toc li.heading:hover{background:#2c9d30!important;}
#mainContent ul.toc li.heading:hover{background:transparent!important;}
ul.chapters li a svg path{fill:#000;}
.clear{clear:both;}

   @media(max-width: 764px){ .tutorial-toc-toggle{background-image:url("../../images/hamburger-accent.svg")!important;} .nav__search-wrapper.nav__search-wrapper--mobile{display:inline-block!important;} .accent-nav__toggle, .nav-toggle, .mobile-search-button{display:none!important;} } 


/* css for all articles */
.dropdown__toggle span, .nav__item:not(.nav__search){font-weight:normal;}
.all-articles-wrap{background:#fff; display:flex; justify-content:space-between; align-items:center; padding:.5rem 1.75rem; margin:0em 0em .5em 0em; border-radius:.5rem;}
.all-articles-wrap h2{padding:0; margin:0;}
.d-flex-wrap{display:flex; align-items:center; justify-content:space-between;}
.image-upload-wrap{background:#fff; max-width:445px; padding:0px; margin:0 auto 1rem auto;}
.image-url{position:absolute; margin:5rem 0 0 0; color:#04af2f; padding:0.1rem 0.5rem;}
.modal--coupon__content{padding-inline:min(0vw, 0rem)!important;}
.image-upload-wrap img{width:65px; height:60px; padding:2px; margin:0 auto; border-radius:.3rem;} 
.cart-apply-coupon__button{border-top-left-radius:0.5rem; border-bottom-left-radius:0.5rem;}
#editor{font-size:16px!important; position:relative; top:0; right:0; bottom:0; left:0; height:700px;} 
#divPreview{width:100%;min-height:1290px; max-height:1320px; overflow:auto; top:0; right:0; bottom:0; left:0; margin:0px; padding:0px; border:1px solid #ccc; border-radius:10px;} 
.note-codable p{display:block!important;} 
#divFooterMembership{display:none;} 
.flex-group{align-items:flex-start; gap:var(--gap, 1rem);} 
.tutorial-content ul:not(.table-of-content ul) li::before{background:transparent;} 
.d-flex{display:flex; justify-content:space-between; align-items:center; gap:.5rem;}
h2.d-flex-wrap{padding:5px 0px!important;}
a.imgbutton{align-self:self-start; white-space:nowrap; line-height:32px;}
.modal--coupon__content{padding-block:1rem!important;}
a.button-geturl{color:#04af2f; font-size:12px; margin:0.3rem auto 0.3rem auto;}
.d-flex-img{width:22%; text-align:center; border:1px solid #ccc; border-radius:.5rem;} 
.uploaded-images-data{display:flex; align-items:center; justify-content:space-between; margin:0rem 0 1rem 0; padding:0 0 .4rem 0; border-bottom:1px solid #ccc;}
input[type="file"].uploaded-images-data{opacity:0; position:relative; width:140px; padding:10px; margin:-67px auto 20px 282px; border:1px dashed #ccc; border-radius:.5rem; cursor:pointer;}
.uploaded-images-data input[type="date"]{font-size:13px; padding:.1rem .4rem; border:1px solid #ccc; border-radius:.5rem; outline:none;}
.no-images{font-size:15px; color:#f00; text-align:center;}
.upload-msg{font-size:14px; color:#04af2f; text-align:center; padding:0 0 1rem 0;}
.upload-msg span{font-size:18px; color:#333;}
.select2-container--default .select2-selection--multiple{border:1px solid #04af2f!important;}
.select2-container .select2-search--inline .select2-search__field{padding:6px 0px 0px 5px!important;}

.order-list{background-color:#ffede0; padding:1rem; border-radius:.5rem; gap:.75rem;}
ul.order-list{margin:0px; padding-left:35px!important;}
ul.order-list li{color:#000; font-size:15px; line-height:24px!important; list-style:decimal;padding-left:.5rem!important;}
ul.order-list li::before{display:none; content:''; visibility:hidden;}
.order-list ul(.order-list ul) li::before{content:''; visibility:hidden;}
.order-list ul(.order-list ul) li{padding-left:0rem!important;}

ol.order-list{margin:0px; padding-left:35px!important;}
ol.order-list li{color:#000; font-size:15px; line-height:24px!important; list-style:decimal; padding-left:.5rem!important;}
ol.order-list li::before{display:none; content:''; visibility:hidden;}
.order-list ol(.order-list ul) li::before{content:''; visibility:hidden;}
.order-list ol(.order-list ul) li{padding-left:0rem!important;}
ol.chapters li a svg path{fill:#2f9933;}
.row h2:not([class]){line-height:34px!important; margin:.65rem 0rem .5rem 0rem!important;}

pre[class*=language-]{padding:1rem!important;}
.code-mirror {padding: 1rem 1rem !important;}
.library-cta{background-color: var(--clr-neutral-800); padding: 2rem; padding-top: 1.5rem; display: grid; grid-template-columns: 1fr 30%;
    align-items: center; gap:2rem; border-radius:0rem;}
.library-cta>div {display:flex; flex-direction: column; gap:.5rem;}
.library-cta>div p{color:#fff;}
.text-yellow-400 {color:var(--clr-yellow-400);}
.button--yellow {background-color:var(--clr-yellow-400); color: #000;}
.library-cta__button{align-self:flex-start;}
.library-cta__title {font-size:1.563rem; font-weight:600; color:#fff;}

.accent-header{background-color:#3e6e93!important;}
.nav__signup-link{background-color: #3e6e93!important; border:2px solid #333!important;}
.nav__signup-link:hover{color:#fff!important; opacity: .8!important; border:2px solid #333!important;}
.accent-nav__link:hover{text-decoration:underline!important;}
.theme-toggle{display:none!important;}

@media(max-width: 864px){ 
	.dropdown__list--multi-column{margin-left:0rem!important; min-height:355px!important; max-height:360px!important; overflow:scroll!important;} 
	.dropdown__list--multi-column{margin-top:-25px; min-height:450px; max-height:470px; overflow:auto;}
    .tutorial-toc-toggle{background-image:auto!important;}
}

/* dark mode */
.dark h1.qa_title{color:#fff;}
.dark .tutorial-content ol li, .dark .tutorial-content ul li{color:#fff;}
.dark .qa_author span{color:#fff;}
.dark .tutorial-content ul:not(.table-of-content ul) li a svg{fill:#008b3f;}
.dark .tutorial-content ul:not(.table-of-content ul) li a svg:hover{fill:#fff;}
.dark .share-options a svg{fill:#fafafa;}
.dark .views-count svg{fill:#fafafa;}
.dark .qa_list h2 a{color:#fff;}
.dark .qa_answer_widget .qa_answer_detail a{color:#fff;}
.dark .qa_answer_widget .qa_answer_detail a, .dark .qa-content p{color:#fff;}
.dark .tutorial-content h3, .dark .tutorial-content h4{color:rgb(253 253 253 / 87%);}
.qa_widget h3{line-height:26px!important; padding:0px!Important; font-size:22px!important;}
.dark .related-articles ul li a{color:#fafafa!important;}
.dark .prmt_ad{background:#0b0b0b!important; color:#f6f6f6!important;}
.dark .prmt_ad:hover{background:#0b0b0b!important; color:#f6f6f6!important;}
.dark ul.chapters li a svg path{fill:#fafafa;}

