@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
.nav-pills.df-nav-pills li a {
    color: #2a2a2a;
    padding: 12px 36px;
    font: 19px 'Roboto', sans-serif;
    border-radius: 2px;
    text-transform: capitalize;
}
 .nav-pills.df-nav-pills li.active a {
    background: #73bc77;
    color: #2a2a2a;
}
.nav-pills.df-nav-pills li:hover a {
    color: #2a2a2a;
    background-color: #73bc77;
}
input[type=text] {     -webkit-appearance: none;-moz-appearance: none; appearance: none; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none;box-shadow: none; }
.title2 { font-weight:600;font-family: 'Roboto', sans-serif;font-size: 30px;}
.title3 { font-weight:400;font-family: 'Roboto', sans-serif;font-size: 25px;}
.title2-sub { font-weight:600;font-family: 'Roboto', sans-serif;font-size: 25px;}
.author_name { font-weight:400;font-family: 'Roboto', sans-serif;font-size: 20px; }
.author_name a { display: inline-block;width: 20px;height: 20px ;margin: 0 10px;}
.author_name a img { width: 100%;height: 100%;  }
.author_name h4 { font-size: 24px; }
.author_name h4,.author_name a{ display: inline-block; }
.your-score-tb { width: 90%;border: 2px solid #73bc77; }
.your-score-tb caption {background-color: #73bc76;color: #fff;padding: 15px 10px;font-weight:600;font-family: 'Roboto', sans-serif;font-size: 20px;text-transform: capitalize; }
.your-score-tb tbody{padding: 10px ;display: inline-block;width: 100%;}
.your-score-tb tbody tr { display: flex; }
.your-score-tb td {  font-weight: 500;font-size: 18px;width: 50%;}
.your-score-tb td:last-child { text-align: center; }
.linked-website-div h3 { font-weight: 600;font-size: 25px;color: #000000 }
.linked-website-div h3 a{display:inline-block;color: #73bc76;font-weight: 600;font-size: 15px;border: 1px solid #73bc76;
	padding: 16px;border-radius: 3px;margin: 0 20px;}
.linked-website-div h3 a:hover,.linked-website-div h3 a:focus { outline: none;text-decoration:none; }
.linked-website-div .linked-website-detaillist { padding-left: 0; }
.linked-websites { padding: 0 15px; }
.linked-websites .linked-website-detaillist { padding-left: 0;list-style-type: none;margin-right: 50px; }
.linked-website-detaillist .linked-website-detaillistDiv { border-bottom: 1px solid  #badebc;padding: 15px 0;margin: 0;}
.linked-website-detaillist .linked-website-detaillistDiv:last-child { border-bottom: 0; }
.linked-website-detaillistDiv .linkedwebsite-logo { width: 80px; }
.linked-website-detaillistDiv .linkedwebsite-logo img { max-width: 100%;max-height: 100%; }
.linked-website-detaillistDiv  .linkedwebsite-detail h5{ font-weight: 600;font-size: 18px;color: #000;margin-bottom: 3px; }
.linked-website-detaillistDiv  .linkedwebsite-detail a { font-size: 400;color: #000; text-decoration: none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.linked-website-detaillistDiv .linkedwebsite-delete button{ background-color: transparent;border: 0;outline: 0;height: 50px; }
.linked-website-detaillistDiv .linkedwebsite-delete button img { width: 20px; }
.articles-sec .articles-sec-container { border-top: 2px solid #73bc76; padding: 40px 0;margin: 20px 0 0;}
.article-listing-div { display: flex;flex-grow: 1;flex-wrap: wrap; }
.article-listing-div div {padding-right: 20px; }
/*.article-listing-div div:first-child { width: 25%; }*/
.article-listing-div div:nth-child(2) {  flex-grow: 1; }
.article-listing-div { padding: 15px 0; border-bottom: 1px solid #979797}
.article-listing-div:last-child { border-bottom: 0; }
.article-mergedlisting-div { padding: 15px 0; border-bottom: 1px solid #979797}
.article-mergedlisting-div .article-listing-div { padding: 0; border-bottom:0}
.article-mergedlisting-div  .merged_srcesdiv { margin-left: 300px; }
.article-mergedlisting-div  .merged_srcesdiv th {font-size: 20px;color: #000;font-weight: 400;}
.article-mergedlisting-div  .merged_srcesdiv td {font-size: 20px;color: #000;font-weight: 400; }
.article-mergedlisting-div  .merged_srcesdiv .orgnaldlete { background-color: transparent;border: 0;outline: 0;margin: 5px 0; }
.article-mergedlisting-div  .merged_srcesdiv .orgnaldlete img { width: 20px; }
.article-listing-div .thumbnail-div-img { width: 285px;height: 160px;display: inline-block; }
.article-listing-div .thumbnail-div-img img {width: 100%;height: 100%;object-fit: cover;}
.article-listing-div .article-detail h4{ font-weight: 600;font-size: 20px; color: #000; }
.article-listing-div .article-detail p { color: #686868;font-size: 18px;font-weight: 400; margin-bottom: 2px;}
.article-listing-div .article-relevance p,.article-listing-div .article-probability p  { color: #686868;font-size: 16px;font-weight: 400; margin-bottom: 2px; }
.article-listing-div .article-relevance p span,.article-listing-div .article-probability p span{ font-weight: 600;padding: 0 10px; }
.article-listing-div .article-edit-div { display: flex;align-items: center; }
.article-listing-div .article-edit-div button { background-color: transparent;border: 0;outline: 0; }
.article-listing-div .article-edit-div button img { width: 20px; }
.tab-desc { font-weight: 400;font-size: 20px;color: #000;padding: 15px 0;margin-bottom: 0; }
/*.article-listing { position: relative; }
.article-col-hdr{position: absolute; right: 10px; width: 5%; top: -25px;  font-size: 18px; color: #686868;}*/
.border-check { display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }

/* === checkbox style starts === */
label.border-check{font-weight:400; display:inline-block;}
.border-check input { position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;appearance:none; }
.border-check .checkmark { position: absolute;top: 0;left: 0;height: 24px;width: 24px; border:2px solid #73bc77; }
.border-check:hover input ~ .checkmark { background-color: transparent;}
.border-check input:checked ~ .checkmark { background-color: #73bc77;}
.border-check .checkmark:after { content: "";position: absolute;display: none;}
.border-check input:checked ~ .checkmark:after { display: block;}
.border-check .checkmark:after {  left: 7px; top: 1px; width: 7px; height: 14px; border: solid #ffffff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/* === checkbox style ends === */
.custom-modal .modal-content { border-radius: 0;border:2px solid #73bc77 ; }
.custom-modal .close .closebtnIcn { color:#73bc77;font-weight: 600;opacity: 1; font-size: 40px;top:0; }
.custom-modal .close:hover,.custom-modal .close:focus { color:#73bc77;opacity: 0.8;outline: 0; }
.custom-modal .form-control{ border: 1px solid #73bc77; border-radius: 3px; background: #fff; color: #555;font-size: 14px;appearance:none; }
.custom-modal textarea { height: 100px;resize: none; }
.custom-modal .urls_of_article .form-group{ position: relative; }
.custom-modal .urls_of_article .form-control{ padding-right: 30px; appearance:none;}
.custom-modal .urls_of_article .removeArtcleField { display: inline-block; position: absolute; right: 10px;top: 50%;transform: translateY(-50%);color: red}
.custom-modal .modal-title { font: 16px/24px 'Roboto', sans-serif;color: #444;padding-top: 20px;padding-left: 10px;padding-right: 10px; }
.custom-modal .modal-header {border-bottom: 0;}
.custm-btn { background-color: #73bc77;color: #fff;font-size: 16px;font-weight: 400;border-radius:0;outline: 0;padding: 10px 20px;border: 0; }
.custm-btn:hover,.custom-modal .custm-btn:focus { color: #fff; box-shadow: none;outline: none;}
.addFieldbtn { color: #73bc77;border: 1px solid #73bc77;padding: 10px 20px;background-color: transparent;outline: none;margin-bottom: 5px; }
.addFieldbtn:hover,.addFieldbtn:focus { box-shadow: none;outline: none;color: #73bc77; }
.custom-modal .modal-body { padding-bottom: 20px; }
.urls_of_Mergedarticle .form-group{ position: relative; }
.urls_of_Mergedarticle .form-control { border: 1px solid #73bc77;border-radius: 0;padding: 20px;font-size: 14px;color: #000;  appearance:none;}
.urls_of_Mergedarticle .form-control:focus{box-shadow: none;outline: none;border: 1px solid #73bc77; appearance:none;}
.urls_of_Mergedarticle .removeArtcleField { display: inline-block; position: absolute; right: 10px;top: 50%;transform: translateY(-50%);color: red}
.merged_artilcesDiv label.border-check { font-weight: 600;font-size: 16px;color: #000; margin-top: 20px;margin-bottom: 0;}
.merged_artilcesDiv .merged_artilcesDiv_verfy { padding: 10px 0; }
.article-mergedLinkDiv { padding: 20px;border:1px solid #73bc77;margin: 10px 0	;}
/*=== Add An Article Section Style Starts ===*/
.add_an_article_sec ,.read_article_sec{ padding: 30px 0; }
.add_an_article_sec .main_hdr{color: #73bc77; font-weight: 300;font-size: 30px;font-family: 'Roboto'}
.add_an_article_sec .add_article_desc { padding: 10px 0; }
.add_an_article_sec p { color: #444; font-weight: 300;font-size: 20px;font-family: 'Roboto' }
.add_an_article_sec  .nav>li>a { color: #73bc77;font-weight: 400;font-size: 16px; border-radius: 0;padding: 6px 15px;}
.add_an_article_sec  .nav { padding: 15px 0;border-bottom: 1px solid #eee; }
.add_an_article_sec .nav-pills>li.active>a,.add_an_article_sec .nav-pills>li.active>a:focus,.add_an_article_sec .nav-pills>li.active>a:hover { background-color:#73bc77 ;color: #fff; }
.add_an_article_sec  .nav>li>a:focus,.add_an_article_sec  .nav>li>a:hover { color: #73bc77;background-color: transparent; }
.add_an_article_sec .tab-content { padding: 20px 0; }
.import_part .form-control { border: 1px solid #73bc77;border-radius: 0;padding: 15px 10px;font-size: 14px;
	font-weight: 400;color: #444;width: 60%;margin: 0 auto ; appearance:none;}
.import_part .form-control:focus { outline: none; }
.import_part p { margin: 10px 0;font-size: 18px;font-weight: 400; }
.import_part .custm-btn { margin: 20px 0; }
		/*=== Add An Article Image Style Starts ===*/
			.avatar-upload {position: relative; /*width: 100vw; margin-left: calc(-50vw + 50% - 8px);*/}
			.avatar-upload .avatar-edit {
  								/*position: absolute;*/ right: 12px; z-index: 1; top: 10px;}
			.avatar-upload .avatar-edit input { display: none;background: #f4f6fa;}
			.avatar-upload .avatar-edit input + label { display: inline-block; width: 100%;
			 margin-bottom: 0; background: #ffffff; border: 1px solid transparent; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
			 cursor: pointer;font-weight: normal; transition: all 0.2s ease-in-out; background: #f4f6fa;}
			.avatar-upload .avatar-edit input + label:hover { background: #f4f6fa;}
			.avatar-upload .avatar-preview { width: 100%; min-height: 250px; position: relative; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
			.avatar-upload .avatar-preview > div { width: 100%; height: 500px;background-size: cover;
			 background-repeat: no-repeat;background-position: center;}
			 .ediatble_content_div { padding: 20px 10px; margin: 30px 0;  background: #fff;
    			min-height: 100px;box-shadow: 0px 0 8px rgba(115, 188, 119,0.5);}
			 .ediatble_content_div:focus { outline: none; }
             .ediatble_content_div .article-edtble-hdr {border: 1px solid #b9dfbb; padding: 20px;font-size: 26px;font-weight: 700;}
             .ediatble_content_div .article-edtble-hdr h2 { margin: 0; }
			 /*.ediatble_content_div input { margin: 10px 0;background-color: transparent;border: none;width: 100%; }
			 .ediatble_content_div input:focus { outline: none; }
			 .ediatble_content_div h2{ margin: 0; }
			.ediatble_content_div ::-webkit-input-placeholder { color: #73bc77;font-style:italic;}
			.ediatble_content_div :-ms-input-placeholder { color: #73bc77;font-style:italic;}
			.ediatble_content_div ::placeholder {color: #73bc77;font-style:italic;}*/
.test { width:100%; height:100%;background: #fff;padding: 10px;font-weight: 400;font-size: 16px;border: 1px solid #b9dfbb; margin: 20px 0;}
.test[contenteditable=true]:empty:before{ content: attr(placeholder); display: block;color: #73bc77;font-style:italic; line-height: 40px;}
.test:focus,.article-edtble-hdr:focus { outline: 0; }
.article-edtble-hdr[contenteditable=true]:empty:before { content: attr(placeholder); display: block;color: #000;}
/*.test[placeholder]:empty:before { content: attr(placeholder); color: #73bc77;font-style:italic; line-height: 40px;}
.test[placeholder]:empty:focus:before { content: "";}*/
.article_added_save_div a { display: inline-block;color:#73bc77;text-decoration: none;font-size: 18px;font-weight: 400;  }
.article_added_save_div a:after{content: '|';padding: 0 10px;color:#73bc77;font-weight: 600;}
.article_added_save_div a:last-child:after { content: ''; }
.ArticleForm h2 { margin: 0;font-weight: 600;font-size: 28px;margin:0px 0 30px; }
.ArticleForm p ,.ArticleForm li{ font-size: 15px;font-weight: 100;color: #565656; }
.ArticleForm a { color:#73bc77;font-size: 15px;font-weight: 100;text-decoration: none;  }
.ArticleForm h3 { font-weight: 100;font-size: 30px;margin: 40px 0 30px;text-transform: capitalize; }
.ArticleForm h4 { font-weight: 100;font-size: 20px;margin: 40px 0 30px; }
.ArticleForm .desc_content_edtable { color: #73bc77;font-style:italic; line-height: 40px;font-size: 15px; }
.ArticleForm .addImgCrdt { color: #73bc77;font-size: 15px;text-align: center;margin: 20px 0; }
.quality_div p { display: inline-block; }
.quality_div .quality_div_hdr { font-weight: 600;color: #000;font-size: 25px;display: inline-block; }
.quality_div  .quality_loading { display: inline-block; }
.quality_div  .quality_loading img { width: 75px; }
.quality_div  .quality_loading p { font-weight: 600;color: #73bc77;font-size: 20px; }
.quality_div  .publish_message  {text-align: justify;}
.search-container { margin: 0 auto ;width: 50%;    padding: 10px 0;}
.search-container h4 { text-align: center;font-weight: 400;color: #73bc77;font-size: 24px;margin-bottom: 0;  }
.search-container .search-input { border: 1px solid #73bc77;margin: 10px 0;width: 100%;padding: 10px 20px;font-size:14px;color:#333;font-weight: 400;}
.search-container .search-input:focus { outline: none; }
.search-container label.border-check { font-size:16px; }
.search-container-article {width: 100%;}
.search-container-article input {
	padding: 18px 10px;
    font-weight: 600;
    border: 2px solid #73bc77;
    float: left;
    width: 80%;
    background: #fff;
	margin-bottom: 10px;
	 font-size: 17px;
}
.search-container-article h4 { margin-bottom: 10px;}
.search-container-article button {
	float: right;
	width: 18%;
    padding: 18px 10px;
    background: #5cb85c;
    color: #2d312d;
    font-size: 19px;
    border: 0;
    font-weight: 400;
    border-left: none;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 0px 10px 2%;
}
.search-container-article .clearBoth { clear: both; }
.read_article_sec  .search-desc { font-size: 18px;font-weight: 400;color: #444 ;}
.resultsDiv { border-top: 1px solid #73bc77 }
.resultsDiv h3{ margin-bottom: 0;font-size: 28px;color:#73bc77; }
.resultsDiv  .table-responsive { overflow-x: hidden; }
.resultsDiv table thead th:first-child img{  width:36px; }
.resultsDiv table thead th:nth-child(2) img{  width:32px; }
.resultsDiv table thead th:nth-child(3) img{  width:30px; }
.resultsDiv table thead th:nth-child(4) img{  width:35px; }
.resultsDiv table thead th:nth-child(5) img{  width:40px; }
.resultsDiv table thead th:nth-child(6) img{  width:28px; }
.resultsDiv table tbody { border: 1px solid #e8e8e8 }
.resultsDiv table th span { color:#73bc77;  }
.resultsDiv table tbody tr:nth-child(odd) {background-color: #f2f2f2;}
.resultsDiv table tbody tr td { padding: 10px;font-size: 16px;font-weight: 400;color: #333;}
.resultsDiv table tbody tr td .article-hdr { color: #73bc77;font-size: 20px;font-weight: 100; }
.resultsDiv table tbody tr td .article-title { color: #73bc77;font-size: 18px;font-weight: 100; font-style:italic;}
.resultsDiv table tbody tr td .article-metaDesc { color: #333;font-size: 16px;}
.resultsDiv table tbody tr td img{ width: 150px;height: 100px;object-fit: contain;margin-bottom: 5px;  }
.resultsDiv .load_more_div { padding: 20px 0; }
/*=== Add An Article Section Style Ends ===*/
div.tagsinput {
    border: 1px solid #73bc77;
    background: #FFF;border-radius: 3px;
    padding: 5px;
    width: 300px;
    height: 100px;
    overflow-y: auto;
}
div.tagsinput div {
    display: block;
    float: left;
}
div.tagsinput span.tag {  border: 1px solid #73bc77; line-height: 17px;-moz-border-radius: 50px; -webkit-border-radius: 50px;
    display: block; float: left; padding: 4px 5px 4px 10px;  text-decoration: none; background: transparent;  color: #2a2a2a; margin-right: 5px;  margin-bottom: 5px;font: 400 15px 'Roboto', sans-serif;}
div.tagsinput span.tag a {   border: 1px solid #73bc77;    border-radius: 50%; font-weight: 500;    color: #73bc77;text-decoration: none;    padding: 0px 5px 2px;font-size: 13px;    position: relative;    top: -3px; }
.tags_clear {    clear: both;  width: 100%; height: 0px; }
div.tagsinput input {
    width: 80px;
    margin: 0px;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 5px;
    background: transparent;
    color: #000;
    outline: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}


/*******************/
.add-btn-area{margin:5px 0}
.add-btn-area .icon-link-btn{margin:0 15px 0 0}
.icon-link-btn{font-size:17px; color:#73bc77 !important}
.icon-link-btn:hover, .icon-link-btn:focus{color:#4e9c52; text-decoration:none;}
.article-view-detail-box {padding:0}
.article-view-detail-box li{font:400 16px 'Roboto', sans-serif; list-style:none; margin:0 0 15px}
.article-view-detail-box li strong{font-weight:700; margin:0 10px 0 0}
.article-view-detail-box .url-view{background:#f9f9f9; padding:5px; border-radius:3px; font-size:13px; margin:0 0 5px}
.article-view-detail-box .url-view a.delete{float:right; font-size:12px; color:#dc0707;}
.article-view-detail-box.url-list{overflow-y:scroll; height:270px; padding:0 10px 0 0}





@media (max-width: 575.98px) {
/*.nav-pills.df-nav-pills {float: none !important;}
.nav-pills.df-nav-pills li a {padding: 12px 10px;font-size: 15px;}
.title2 { font-size: 20px; }*/
}
@media screen and (max-width:767px) {
	.nav-pills.df-nav-pills {float: none !important;}
	.nav-pills.df-nav-pills li a {padding: 12px 10px;font-size: 15px;}
	.title2 { font-size: 26px; }
	.title3 { font-size: 20px; }
	.author_name h4, .author_name a { font-size: 16px; }
	.your-score-tb { float: none!important; }
	.your-score-tb caption { font-size: 15px;padding: 10px 5px; }
	.your-score-tb td { font-size: 14px; }
	.linked-website-div h3 { font-size: 20px; }
	.linked-website-div h3 a { font-size: 13px;padding: 10px;margin: 10px 0; }
	.linked-websites .linked-website-detaillist { margin-right:0; }
	.linked-website-detaillistDiv .linkedwebsite-logo { width: 40px; }
	.linked-website-detaillistDiv .linkedwebsite-detail h5 { font-size: 16px; }
	.linked-website-detaillistDiv .linkedwebsite-delete button img { width: 15px; }
	.articles-sec .articles-sec-container { border-top:1px solid #73bc76;    padding: 20px 0;margin:10px 0 0; }
	.title2-sub { margin-top: 0;font-size: 20px; }
	.tab-desc { font-size: 15px;padding: 5px 0; }
	.article-listing-div div { padding-right: 10px; }
	.article-listing-div .thumbnail-div-img { height: 130px; }
	.article-listing-div .article-detail h4 { font-size: 18px; }
	.article-listing-div .article-detail p { font-size: 16px; }
	.article-listing-div .article-relevance p, .article-listing-div .article-probability p { font-size: 14px; }
	.article-mergedlisting-div .merged_srcesdiv { margin-left: 0; }
	.article-mergedlisting-div .merged_srcesdiv th,.article-mergedlisting-div .merged_srcesdiv td { font-size: 14px; }
	.border-check .checkmark { height: 20px;width: 20px; }
	.border-check .checkmark:after { left: 5px;height: 11px;width: 5px;top: 1px; }
	.article-mergedlisting-div .merged_srcesdiv .orgnaldlete img { width: 10px; }
	.urls_of_Mergedarticle .form-control { font-size: 13px;    padding: 10px; }
	.addFieldbtn { padding:5px 10px }
	.custm-btn { font-size: 14px;padding: 6px 14px;float: left!important;margin: 5px 0; }
	.custom-modal .modal-title { font-size:14px; }
	.custom-modal .modal-header { padding-bottom: 0; }
	.custom-modal .form-control { font-size: 12px; }
	.custom-modal .form-group { margin-bottom: 8px; }
	.custom-modal .modal-body {position: relative;overflow-y: auto; max-height: 400px;padding: 15px;}
	.search-container { width: 100%; }
	.search-container h4 { font-size: 20px; }
	.search-container .search-input { padding: 8px 15px;font-size: 13px; }
	.search-container label.border-check { font-size: 13px;padding-left: 24px; }
	.read_article_sec .search-desc   { font-size: 14px; }

	.search-container .border-check .checkmark { width: 16px;height: 16px; }
	.search-container .border-check .checkmark:after {     left: 3px;width: 5px;height: 11px; top:0;}
	.search-container-article input { width:70%;padding:10px ;font-size: 13px; }
	.search-container-article button { width:25%;padding:10px;font-size: 13px;  }
	.resultsDiv h3  { font-size: 24px; }
	/*.resultsDiv table th img{ max-width: 100%;max-height: 100% }*/
	.resultsDiv table tbody tr td .article-hdr { font-size: 18px; }
	.resultsDiv table tbody tr td .article-title { font-size: 16px; }
	.resultsDiv table tbody tr td .article-metaDesc,.resultsDiv table tbody tr td { font-size: 14px; margin:auto;}
	.resultsDiv table tbody tr td img { width: 100px;height: 80px; }
	.resultsDiv  .table-responsive { overflow-x: auto; }
	.resultsDiv table thead th:first-child img{  width:24px; }
	.resultsDiv table thead th:nth-child(2) img{  width:20px; }
	.resultsDiv table thead th:nth-child(3) img{  width:20px; }
	.resultsDiv table thead th:nth-child(4) img{  width:20px; }
	.resultsDiv table thead th:nth-child(5) img{  width:20px; }
	.resultsDiv table thead th:nth-child(6) img{  width:18px; }
	.resultsDiv table th span { font-size: 10px; }
	.add_an_article_sec .main_hdr { font-size: 20px; }
	.add_an_article_sec p { font-size: 14px; }
	.add_an_article_sec .nav>li>a { font-size: 12px; }
	.avatar-upload .avatar-preview { min-height: 180px; }
    .avatar-upload .avatar-preview > div { height: 300px; }
	.avatar-upload { margin-left: calc(-50vw + 50% - 0px);}
	.ediatble_content_div { margin: 15px 0; }
	.test { font-size: 12px; }
	.test[placeholder]:empty:before { line-height: 20px; }
	.article_added_save_div a { font-size:16px; }
	.import_part .form-control { font-size: 12px;width: 100%; }
	.import_part .custm-btn { float: none!important;margin: 10px 0; }
	.resultsDiv .load_more_div .custm-btn { float: none!important; }
	.resultsDiv  .table-responsive { border: 0; }
	.quality_div .quality_div_hdr { font-size: 14px; }
	#publish-modal .custm-btn { float: none!important }
	.quality_div .quality_loading img { width: 40px; }
	.quality_div .quality_loading p { font-size: 12px; }
	.custom-modal textarea { height: 80px; }
	.ArticleForm h2 { font-size: 20px; }
	.ArticleForm h3 { font-size: 18px;margin: 30px 0 20px; }
	.ArticleForm p ,.ArticleForm li,.ArticleForm a{ font-size: 14px;}
	.ArticleForm h4 {    margin: 30px 0 20px;font-size: 18px;}
}

@media screen and (max-width:767px) and (orientation:landscape) {
	.article-listing-div { flex-direction: column; }

}
@media only screen and (min-width:768px) and (max-width:991px) {
	.nav-pills.df-nav-pills li a { font-size: 14px; }
	.add_an_article_sec .main_hdr { font-size: 22px; }
	.add_an_article_sec p { font-size: 14px; }
	.add_an_article_sec .nav>li>a { font-size: 14px; }
	.avatar-upload .avatar-preview { min-height: 200px }
    .avatar-upload .avatar-preview > div { height: 300px; }
	.avatar-upload { margin-left: calc(-50vw + 50% - 0px);}
	.search-container h4 { font-size: 20px; }
	.search-container .border-check .checkmark { width: 20px;height: 20px; }
	.search-container .border-check .checkmark:after {     left: 5px;width: 5px;height: 11px; }
	.search-container .search-input { padding: 8px 15px;font-size: 13px; }
	.search-container label.border-check { font-size: 13px; }
	.read_article_sec .search-desc   { font-size: 14px; }
	.resultsDiv h3  { font-size: 24px; }
	/*.resultsDiv table th img{ max-width: 100%;max-height: 100% }*/
	.resultsDiv table tbody tr td .article-hdr { font-size: 18px; }
	.resultsDiv table tbody tr td .article-title { font-size: 16px; }
	.resultsDiv table tbody tr td .article-metaDesc,.resultsDiv table tbody tr td { font-size: 14px; }
	.resultsDiv table tbody tr td img { width: 100px;height: 80px; }
	.resultsDiv  .table-responsive { overflow-x: auto; }
	.resultsDiv table thead th:first-child img{  width:24px; }
	.resultsDiv table thead th:nth-child(2) img{  width:20px; }
	.resultsDiv table thead th:nth-child(3) img{  width:20px; }
	.resultsDiv table thead th:nth-child(4) img{  width:20px; }
	.resultsDiv table thead th:nth-child(5) img{  width:20px; }
	.resultsDiv table thead th:nth-child(6) img{  width:18px; }
	.resultsDiv table th span { font-size: 10px; }
	.quality_div .quality_div_hdr { font-size: 18px; }
	.quality_div .quality_loading img { width: 60px; }
	.quality_div .quality_loading p { font-size: 16px; }
	.custom-modal textarea { height: 80px; }
	.article_added_save_div a { font-size: 16px; }
	.title2 { font-size: 26px; }
	.title3 { font-size: 20px; }
	.author_name h4, .author_name a { font-size: 16px; }
	.your-score-tb { float: none!important; }
	.your-score-tb caption { font-size: 15px;padding: 10px 5px; }
	.your-score-tb td { font-size: 14px; }
	.linked-website-div h3 { font-size: 20px; }
	.linked-website-div h3 a { font-size: 13px;padding: 10px;margin: 10px 0; }
	.linked-websites .linked-website-detaillist { margin-right:0; }
	.linked-website-detaillistDiv .linkedwebsite-logo { width: 40px; }
	.linked-website-detaillistDiv .linkedwebsite-detail h5 { font-size: 16px; }
	.linked-website-detaillistDiv .linkedwebsite-delete button img { width: 15px; }
	.articles-sec .articles-sec-container { border-top:1px solid #73bc76;    padding: 20px 0;margin:10px 0 0; }
	.title2-sub { margin-top: 0;font-size: 20px; }
	.tab-desc { font-size: 15px;padding: 5px 0; }
	.article-listing-div div { padding-right: 5px; }
	.article-listing-div .thumbnail-div-img { height: 80px;width: 100px }
	.article-listing-div .article-detail h4 { font-size: 18px; }
	.article-listing-div .article-detail p { font-size: 16px; }
	.article-listing-div .article-relevance p, .article-listing-div .article-probability p { font-size: 14px; }
	.article-mergedlisting-div .merged_srcesdiv { margin-left: 0; }
	.article-mergedlisting-div .merged_srcesdiv th,.article-mergedlisting-div .merged_srcesdiv td { font-size: 14px; }
	.border-check .checkmark { height: 20px;width: 20px; }
	.border-check .checkmark:after { left: 5px;height: 11px;width: 5px;top: 1px; }
	.article-mergedlisting-div .merged_srcesdiv .orgnaldlete img { width: 10px; }
	.urls_of_Mergedarticle .form-control { font-size: 13px;    padding: 10px; }
	.addFieldbtn { padding:5px 10px }
	.custm-btn { font-size: 14px;padding: 6px 14px;float: left!important;margin: 5px 0; }
	.custom-modal .modal-title { font-size:14px; }
	.custom-modal .modal-header { padding-bottom: 0; }
	.custom-modal .form-control { font-size: 12px; }
	.custom-modal .form-group { margin-bottom: 8px; }
	.custom-modal .modal-body {position: relative;overflow-y: auto; max-height: 400px;padding: 15px;}
	.ArticleForm h2 { font-size: 24px; }
	.ArticleForm h3 { font-size: 20px;margin: 30px 0 20px; }
	.ArticleForm p ,.ArticleForm li,.ArticleForm a{ font-size: 14px;}
	.ArticleForm h4 {    margin: 30px 0 20px;font-size: 20px;}
}
/*-----EDITS 03/05/19-------*/
.your-score-tb {
	width: 100%;
}
.add_article_desc p a{
	color: #73bc77;
}
.your-score-tb td:last-child {
    text-align: left;
    padding: 0 0 0 35px;
}
.avatar_up-main .addImgCrdt {
    color: #73bc77;
    font-size: 15px;
    text-align: center;
    margin: 20px 0;
}

.tooltip1 {
	position: relative;
	display: inline-block;
  }
  .tooltip1 i{
	  color: #73bc77;
  }
  .tooltip1 .tooltiptext {
	visibility: hidden;
    width: 150px;
    background-color: #fff;
    color: #333;
    border: 1px solid #dddddd;
    text-align: center;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 5px 3px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -77px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
  }

  .tooltip1 .tooltiptext::after {
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: #b2b2b2 transparent transparent transparent;
  }

  .tooltip1:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
  }
#web-del-modal p{
	font-size: 18px;
}
#web-del-modal .modal-title {
    font: 16px/24px 'Roboto', sans-serif;
    color: #ababab;
}
#web-del-modal .modal-dialog {
	top: 20%;
	width: 355px;
}
.modal_foot{
	padding: 20px 0 0;
}
.check_main{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  .check_main input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  .checkmarkrad {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
  }
  .check_main:hover input ~ .checkmarkrad {
	background-color: #ccc;
  }
  .check_main input:checked ~ .checkmarkrad {
	background-color: #73bc77;
  }
  .checkmarkrad:after {
	content: "";
	position: absolute;
	display: none;
  }
  .check_main input:checked ~ .checkmarkrad:after {
	display: block;
  }
  .check_main .checkmarkrad:after {
	   top: 9px;
	  left: 9px;
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  background: white;
  }
  .pagination_main{
	  text-align: right;
  }
  .pagination_main li a{
	  color:#73bc77;
  }
  .pagination_main li a:hover{
	  color: #000;
  }
  .addFieldbtn {
	border-radius: 0;
  }
/*--------------------------*/
@media only screen and (min-width:768px) and (max-width:991px) and (orientation:landscape){

}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.quality_div .quality_div_hdr { font-size: 18px; }
	.quality_div .quality_loading img { width: 60px; }
	.quality_div .quality_loading p { font-size: 16px; }
	.custom-modal textarea { height: 80px; }
	.article_added_save_div a { font-size: 16px; }
	.import_part .custm-btn { margin: 10px 0; }
	.article-listing-div .thumbnail-div-img { height: 100px;width: 150px }
	.avatar-upload .avatar-preview { min-height: 200px }
    .avatar-upload .avatar-preview > div { height: 350px; }
	.ArticleForm h2 { font-size: 24px; }
	.ArticleForm h3 { font-size: 20px;margin: 30px 0 20px; }
	.ArticleForm p ,.ArticleForm li,.ArticleForm a{ font-size: 14px;}
	.ArticleForm h4 {    margin: 30px 0 20px;font-size: 20px;}
}
@media only screen and (min-width: 600px) and (max-width:1024px) {
		.article-listing-div .thumbnail-div-img { height: 80px;width: 100px }
}
@media only screen and (min-width: 992px) and (max-width:1200px) {
}
@media only screen and (min-width: 900px) and (max-width:1440px) {
	.title2 { font-size: 25px }
	.nav-pills.df-nav-pills li a { font-size: 16px; }
	.title3 ,.title2-sub{ font-size: 20px; }
	.your-score-tb caption { font-size:18px;padding: 12px 10px; }
	.your-score-tb td { font-size: 16px }
	.linked-website-div h3 { font-size: 20px }
	.linked-website-div h3 a  { font-size:14px;padding: 12px ; }
	.linked-website-detaillistDiv .linkedwebsite-detail h5 { font-size: 15px; }
	.tab-desc { padding: 10px 0;font-size: 16px; }
	.article-listing-div .article-detail h4 { font-size: 18px; }
	.article-listing-div .article-detail p,.article-mergedlisting-div .merged_srcesdiv th,.article-mergedlisting-div .merged_srcesdiv td { font-size: 16px }
	.article-listing-div .article-relevance p, .article-listing-div .article-probability p { font-size: 14px }
	.article-listing-div .article-edit-div button img,.article-mergedlisting-div .merged_srcesdiv .orgnaldlete img { width: 18px; }
	.search-container h4 { font-size: 22px; }
	.search-container .search-input  { font-size: 12px;padding: 8px 15px; }
	.search-container label.border-check { font-size: 14px; }
	.read_article_sec .search-desc { font-size: 16px; }
	.resultsDiv h3 { font-size: 25px; }
	.resultsDiv table tbody tr td .article-hdr { font-size:18px; }
	.resultsDiv table tbody tr td .article-title  { font-size:16px; }
	.resultsDiv table tbody tr td .article-metaDesc,.resultsDiv table tbody tr td { font-size:14px; }
	.add_an_article_sec .main_hdr { font-size: 26px; }
	.add_an_article_sec p { font-size: 16px; }

}
@media only screen and (min-width: 1201px) and (max-width:1830px) {
	.add_an_article_sec .main_hdr { font-size: 26px; }
	.add_an_article_sec p { font-size: 16px; }
}

.select2-choices .select2-search-field{
	width: 100% !important;
}