.addapp-dashboard {margin:30px auto;max-width:95%; font-family: "Poppins", sans-serif;}
.addapp-dashboard img {max-width:100%;}
.adapp-nav {background:#f4f2f0; float:left; border-radius:30px; width:100%; padding:10px 20px;}
.adapp-nav ul {list-style:none; margin:0; padding:0;}
.adapp-nav li{float:left; margin:0 30px 0 0; color:#707070;}
.adapp-nav li a {font-size:15px; color:#707070; text-decoration:none;}
.adapp-nav li a:hover, .adapp-nav li.active a, .adapp-nav li a.active-user {color:#000;}
.adapp-nav li.logged-user {float:right; margin:0;}
.adapp-leftbar {float:left; width:70%; margin:15px 0 0; font-family: "Poppins", sans-serif;}
.adapp-leftbar h2{
  font-weight: 400;
  font-size: 20px;
  margin: 0;
  padding: 0;
}
.blog-posts {border:1px solid #e8e8e8; margin:15px 0 0;  padding:25px; border-radius:30px; float:left; width:100%; background:#fff; position:relative; z-index:100;}
.adapp-rightbar {float:right; width:25%; margin:30px 0 0; font-family: "Poppins", sans-serif;}
.adapp-rightbar h2.post-heading {
  font-weight: 400;
  font-size: 20px;
  margin: 0;
  padding: 0;
}
.post-heading img {
    float: right;
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 8px;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    margin-top: -10px;
}
.post-listing {float:left; width:100%; margin:15px 0 0;}
.post-listing ul {margin:0; padding:0; list-style:none;}
.post-listing li {float:left; width:100%; margin:0 0 20px;}
.user-name {float:left; width:36px; height:36px; border-radius:100%; line-height:36px; text-align:center; font-size:20px; color:#fff}
.post-details {float:right; width:calc(100% - 46px)}
.post-details h3 {font-size:16px; margin:0; padding:0; color:#3c3c3c; line-height: 22px; font-weight:600;}
.post-details h3 a {color:#3c3c3c; text-decoration:none;}
.user-date {float:left; width:100%; margin:4px 0 4px 0;}
.user-date {font-family: "Poppins", sans-serif; color:#7C7B7B; font-size:12px;}
.user-date a {color:#292724; text-decoration:none;}
.post-content-short {
    font-size: 14px;
    line-height: 18px;
    color: #3C3C3C;
}
.last-seen {margin:3px 0 0 0; float:left; width:100%}
.last-seen img {border-radius:3px;}
.yellow-li .user-name {background:#e2be45;}
.yellow-li .post-details h3 {font-weight:400;}
.yellow-li .post-details h3 a {color:#ec1c2d; text-decoration:none;}
.attachment-link {font-size:11px; float:left; width:100%; margin:5px 0 0 ;}
.attachment-link img {float:left; margin:3px 5px 0 0;}
.attachment-link a {color:#ec1c2d; text-decoration:none;}
.attachment-link a:hover {text-decoration:underline;}

.view-moore {float:left; width:100%; padding:50px 25px 15px; background:#f8f8f8; border-radius:0 0 30px 30px; margin: -40px 0 0;}
.view-moore img {position:relative; top:5px; width: 20px;}
.view-moore a {color:#ec1c2d; text-decoration:none;}
.view-moore a:hover {text-decoration:underline;}

.doctype-container {
    float: left;
    width: 560px;
    margin: 50px 0 0;
}
.doctype-container ul {list-style:none; margin:0; padding:0;}
.doctype-container li {
    float: left;
    width: 30%;
    margin: 0 3% 3% 0;
    background: #f4f2f0;
    border-radius: 20px;
    text-align: center;
    padding: 20px 10px;
    height: 190px;
    box-shadow: inset 1px 1px 5px 0px #00000042;
}
.doctype-container li br, .doctype-container li p {
    display: none;
}
.doctype-container li img {
    max-height: 100px;
    display: inline-block;
    mix-blend-mode: multiply;
    margin: 0;
}
.doctype-container h3 {line-height:20px; font-size: 16px;}
.doctype-container li a {color:#000; text-decoration:none;}
.doctype-container li a:hover {color:#ec1c2d;}
.view-documents {
    float: left;
    width: 100%;
    margin: 10px 0 10px;
}
.view-documents img{
  width: 20px;
  position: relative;
  top: 5px;
}
.view-documents a {color:#ec1c2d; text-decoration:none;}
.view-documents a:hover {text-decoration:underline;}

.featured-block {float:left; width:100%; background:#fff; border:1px solid #e8e8e8; box-shadow: 0px 1px 4px #ccc; border-radius:30px; padding:15px; word-wrap:break-word; margin-bottom:20px;}
.featured-block h3{
  font-weight: 400;
  font-size: 20px;
  margin: 0;
  padding: 0;
}
.featured-block img {float:right; background:#fff; border:1px solid #e8e8e8; padding:8px; border-radius:100%; width:36px; height:36px;}
.featured-block ul {list-style:none; margin:0; padding:0; float:left; margin:15px 0 0;}
.featured-block li {float:left; width:100%; word-break: break-all; position:relative; padding:0 0 15px 19px; line-height:16px;}
.featured-block li:after {content:""; position:absolute; left:0; top:14%; width:10px; height:10px; background:#e8e8e8; border-radius:10px;}
.featured-block li a {color:#4e4e4e; text-decoration:none; font-size:13px;}
.documents-container {margin:15px 0 0;}
.shared-documents {float:left; width:100%;}
.searchbar-con {float:left; width:100%; padding:13px 20px; background:#4e4e4e; border-radius:10px;}
.searchbar-con p {
    margin-bottom: 0;
    display: inline;
}
.searchbar-con .input-container input {
    width: 100%;
    height: 36px;
    background: #fff;
    border-radius: 5px;
    padding: 5px 12px;
    margin: 00;
    font-size: 15px;
    color: #000;
    outline: none;
    border: 0;
    padding-right: 30px;
}
.searchbar-con .input-container input:focus, .searchbar-con select:focus, .searchbar-con select:focus-visible {
    outline: none!important;
    border: 0!important;
}
.searchbar-con select {width:21%; height:36px; background:#fff; border:none; border-radius:5px; padding:5px 12px; margin:0 0 0 2%; font-size: 15px;color: #000;}
.documents-list-container {
    float: left;
    width: 100%;
    padding: 15px 30px;
    margin: 10px 0 0;
    border-radius: 30px;
    background: #f8f8f8;
    font-family: "Poppins", sans-serif;
    min-height: 60vh;
}
.doc-breadcrumb {
    float: left;
    width: 100%;
    margin: 0px 0 30px;
    font-size: 13px;
    color: #707070;
}
.doc-breadcrumb a {color:#000; text-decoration:none;}
.doc-breadcrumb a:hover {color:#000; text-decoration:underline;}
.documents-lists{float:left; width:100%;}
.documents-lists ul {list-style:none; margin:0; padding:0; columns: 2; -webkit-columns: 2; -moz-columns: 2;}
.documents-lists li {
    padding: 0 20px 4px 0;
    font-size: 12px;
    line-height: 16px;
    float: left;
    width: 100%;
}
.documents-lists2 li {width:100%; padding:0 0 15px 0; }
.documents-lists li img {
  float: left;
  margin: 0 10px 0 0;
  max-width: 28px;
  mix-blend-mode:multiply
}
.documents-lists li a {
    color: #3c3c3c;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 400;
    float: left;
    word-break: break-word;
    align-items: center;
    display: flex;
    align-content: center;
}
.documents-lists li a:hover {color:#3c3c3c; text-decoration:underline}
.documents-list-container h4 {padding:0; font-weight:400; color:#000; margin:5px 0 10px; font-size:18px;}
a.directory-view img {
    padding: 8px 0;
}
a.directory-view {
    line-height: 20px;
}
a.recent_document_view img {
    padding: 3px;
}
.not-found-msg {font-family: "Poppins", ; font-size:18px; font-weight:700; float:left; width:100%; margin:70px 0 70px;}

.access-msg {margin:100px auto; font-family:arial; font-size:20px; color:#000}
.access-msg h2 {font-family:arial; font-size:26px; margin:50px 0 15px; color:#232427}
#pg-11150-0, #pg-1519-0 {
    float: left;
    margin: 20px 0;
}
.no-record {
    width: 100%;
    display: flex;
    font-weight: bold;
    color: #000;
    font-size: 14px;
    padding: 0;
}


/*Hidden class for adding and removing*/
    .lds-dual-ring.hidden {
        display: none;
    }

    /*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
.overlay-loader {
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,.8); */
    /* z-index: 999; */
    opacity: 1;
    transition: all 0.5s;
    float: left;
    text-align: center;
}
.overlay-loader img {
    width: 100px;
    mix-blend-mode: multiply;
}
.adapp_ajax_post_pagination {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
a.adapp-post-ajax-loader {
    background: #ec1c2d !important;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
}
a.adapp-post-ajax-loader:hover {
    color: #000;
}

.blueBg{
	background:#5c73d6;
}
.yellowBg{
	background:#E2BE45;
}
.greenBg{
	background:#54DBA2;
}

.input-container {
position: relative;
display: inline-block;
width:52%;
}
.clearable {
padding-right: 30px; /* Space for the cross icon */
}

.input-container::after {
content: '✕'; /* Cross icon */
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
display: none;
color: #000;
}

.input-container.has-text::after {
display: block; /* Show the cross icon when there is text */
}

@media (max-width: 1024px) {
.adapp-leftbar {
    width: 100%;
}
.documents-lists ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
    }
}