/* @font-face {
  font-family: 'Proxima Nova Rg';
  src: url('http://52.203.83.173/truth/assets/fonts/ProximaNova-Regular.eot');
  src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
       url('http://52.203.83.173/truth/assets/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
       url('http://52.203.83.173/truth/assets/fonts/ProximaNova-Regular.woff2') format('woff2'),
       url('http://52.203.83.173/truth/assets/fonts/ProximaNova-Regular.woff') format('woff'),
       url('http://52.203.83.173/truth/assets/fonts/ProximaNova-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
} */
 @import url('https://fonts.googleapis.com/css2?family=Abel&family=Lora:ital,wght@0,400..700;1,400..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abel&family=Fustat:wght@200..800&family=Lora:ital,wght@0,400..700;1,400..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 * {  font-family: "Poppins", sans-serif; }

body{margin:0; padding:0; background: #f1f4f9;   font-family:  "Poppins", sans-serif;   background-color: #f1f4f9 !important; font-size: 1rem;}

/* login page css */
.login-body{ width: 100%;    margin: 0px;    padding: 0px;    background-repeat: no-repeat;    background-color: transparent;    position: relative;    display: flex;    align-items: center;    justify-content: center; min-height:100dvh;    }
.forgotbody{    display: flex;    align-items: center;    height: 100%;    justify-content: center;    min-height: 100dvh;}

.log-bg {/*width: 70rem;*/ min-height: 469px; padding: 0px 20px; }
.log-bg-body {/*width: 100%;*/ min-height: 469px; max-height: 80dvh;   margin: 10px auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); text-align: center;}
.forgotbg{width: 100%; min-height: 200px;   margin: 10px auto; -webkit-box-shadow: 1px 2px 5px 1px #e0e0e0;box-shadow: 1px 2px 5px 1px #e0e0e0;text-align: left;}
.log-bg-body svg {border-top-right-radius: 20px;    border-top-left-radius: 20px;}
.log-btn{background:#072ACB;}
.username .fa, .password .fa {position:absolute;left: 0px;top: 0px;font-size: 20px;color: #fff;background: #072ACB;    padding: 15px 0px;    min-width: 45px !important;    min-height: 49px; }


/* Global css*/
::-webkit-scrollbar {   height: 8px;    width:5px; border: 1px solid #d5d5d5;  }
::-webkit-scrollbar-track {    background: #f1f1f1;   }
::-webkit-scrollbar-thumb {    background: #888;   }
::-webkit-scrollbar-thumb:hover {    background: #555;   }
p.cont-rest {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 0px;}
.mandatory{color: red;}
label:has(+ [required])::after{    content: "*";    color:red;}

.form-group{margin-bottom: 15px;}
.sb-btn {width: 100%; padding: 10px; color: #fff;    background-color: #072ACB !important; border: none !important; border-radius: 5px; }
.font_blue{color: #072ACB;}
.font_gray {color:#898989;}
.font-dblue{color: #000000;}
.fontsize15{font-size: 14px !important;}
.white-btn{ background: #fff !important; border: 0px !important; color:#072ACB; border-radius: 5px; font-size: 16px;     padding: 5px 15px;     display: inline-block; }
.blue-btn {background: #072ACB !important;border: 0px !important;color:#fff !important;border-radius: 5px;font-size: 14px;padding: 7px 20px !important;}
.pagination a{text-decoration: none;}
.ngx-pagination {padding-left: 0px;     margin-bottom: 0px !important;}
.main {width: 100% !important; /*min-height: 600px;*/ padding: 0px;margin: 0 auto;overflow: auto;}
h2.login-title{color: #023975; font-weight: 700;}
.bg-blue{background:#072ACB;}
.username .form-control{border-radius: 0px !important;    padding: 12px 20px 12px 50px !important;}
.password .form-control{border-radius: 0px !important;    padding: 12px 50px !important;}
.read-only, .read-only:focus {    background: #e9e6e6; outline:none; box-shadow: none; border: 0px;}
/*input:read-only, input:read-only:focus {    background: #e9e6e6; outline:none; box-shadow: none; border: 0px;}*/

.drop-toggle-detail{display: none; position: absolute; right: 0; top: 50; background: #fff; box-shadow:2px 0px 15px #ccc;}
.drop-toggle-detail a.dropdown-item{padding: 5px;}
.drop-toggle-detail a.dropdown-item:hover{background: #072ACB; color: #fff;}

.searcharea{ background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
.client-img {width:40px; height: 40px;}
/* .links.active{text-decoration:underline !important;} */
.selecticons li {background: #F9F9F9;margin: 2px;border: 1px solid #989898;border-radius: 5px;padding: 1px 10px;}

.swal2-header{align-items: start !important; padding: 0 !important; }
.swal2-title{font-size: 1.375rem !important;}
.swal2-content {padding: 0px !important; text-align: left !important;}
.swal2-styled.swal2-cancel {color: #444746 !important; background-color: #fff !important; float: right;}
.swal2-styled.swal2-cancel:hover{background-color: #fff !important; background-image: none !important;}
.swal2-styled.swal2-cancel:focus{box-shadow: none;}
.swal2-actions {display: block !important; }
.swal2-styled.swal2-confirm {float: right !important;min-width: 90px !important;padding: 7px 20px !important;font-size: 15px !important;background: #d00d00;border-radius: 5px !important;border-radius: 5px !important;}
.swal2-icon.swal2-success {display: none !important;}
button.swal2-confirm.swal2-styled.swal2-default-outline {border-radius: 5px !important;min-width: 90px !important; background: #072ACB; padding: 7px 20px !important;font-size: 15px !important;}
.swal2-icon.swal2-error.swal2-icon-show {display: none !important;    }
.swal2-styled {padding: 0.525em 1.1em !important;}
/* .form-control {background-color: #F8F9FB !important;} */
.links.border-end, .actions .border-end {border-right: 1px solid #74787b !important;}
.switch{position:relative;display:inline-block;width:49px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:15px;width: 15px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}
.text-justify {text-align: justify;}

.right-container{background: #f1f4f9;}
.h-4{height: 40px;}
.btn.btn-secondary { background: #968AB6 !important;  border-color: #968AB6 !important; }
.header-logo{box-shadow: 2px 0px 15px #ccc; background-color: #fff;}
.header-logo a img{transition: transform .3s;     transform-style: preserve-3d;}
.page-title {color: #3F567A; font-weight: 600;}
.head-title {color:#023975}
/* .user-menu .d-flex{gap:30px;} */
.right-header{ background-color: #fff; /*box-shadow: 2px 0px 10px #ccc;    -webkit-box-shadow:2px 0px 10px #ccc;    -moz-box-shadow: 2px 0px 10px #ccc;*/}
.form-layout{background: #f1f4f9;}
/* .message-alert-body {height: 100vh;} */
.profile-img{height: 200px;    width: 200px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.right-header .badge {font-size: 10px;}
.message-alert-body .navmenu .navbar {padding-top: 0px; padding-bottom: 0px;}
.icons {background:url(../../assets/images/sprite_icon.png) top left; width: 30px; height: 30px; display:inline-block;}
.boxicons {background:url(../../assets/images/sprite_icon_box.png) top left; width: 25px; height: 25px; display:inline-block;}
.subfolder{background:url(../../assets/images/Subfolder.png) top left; width: 22px; height: 17px; display:inline-block; margin-top:2px;}
.subfolder.inactive{background:url(../../assets/images/Subfolder-inactive.png) top left !important; width: 22px; height: 17px; display:inline-block; margin-top:2px;}
.copylink{background:url(../../assets/images/copyurl-small.png) top left; width: 15px; height:17px; display:inline-block;}
.Loginas{background-position:0px -540px;}
.gnpass{background-position:0px -570px;}
.gnpass.inactive {background-position: 0px -750px;}
.edit{background-position:0px -596px;}
.edit.inactive{background-position:0px -777px;}
.rstinvite{background-position:0px -623px;}
.rstinvite.inactive{background-position:0px -804px;}
.mncontact{background-position:1px -833px;}
.mncontact.active{background-position:1px -652px;}
.delete{background-position:0px -679px;}
.delete.inactive{background-position:0px -860px;}
.share {background-position:0px -1124px;}
.folder, .folderblue, .foldergray{padding-left: 35px; position: relative;}
.subfolderarrow {    position: absolute;  left: 0;  top: 3px; cursor: pointer;}
.folder:before, .folderblue:before, .foldergray:before {background:url(../../assets/images/sprite_icon_box.png) top left; width: 30px; height: 30px; display:inline-block;  content:''; position:absolute;top: -5px; left: 5px;}
.folderblue:before {background-position:0px -27px !important;   }
.foldergray:before{background-position:0px -54px !important; }
.boxicons.view{background-position:0px -238px !important; }
.boxicons.upload{background-position:0px -303px !important; }
.boxicons.download{background-position:0px -371px !important; }
.boxicons.history{background-position:0px -443px !important; }
.boxicons.delete{background-position:0px -186px !important; }
.boxicons.share{background-position:0px -121px !important; }
.boxicons.share.inactive{background-position:0px -90px !important; }

.icon1{background-position:0px -217px;}
.icon2{background-position:0px -251px;}
.icon3{background-position:0px -290px;}
.icon4{background-position:0px -328px;}
.icon5{background-position:0px -364px;}
.icon6{background-position:0px -403px;}
.icon7{background-position:0px -436px;}
.icon8{background-position:0px -474px;}
.icon9{background-position:0px -513px;}
.icon10{background-position:0px -550px;}
.icon11{background-position:0px -592px;}
.icon12{background-position:0px -625px;}


.listlinks {display: flex;    align-items: center;    gap: 10px; margin-bottom: 10px;}
.flowchart{background-position:0px -778px;}
.POV{background-position:0px -818px;}
.Competitive{background-position:0px -859px;}
.Research{background-position:0px -899px;}
.Invoices{background-position:0px -941px;}
.SeoReports{background-position:0px -981px;}
.Reports{background-position:0px -1019px;}


.overview {background-position:0px -1233px;}
.overview.inactive {background-position:0px -1233px;}
.personal{background-position:0px -1055px;}
.personal.inactive{background-position:0px -889px;}
.clientuser {background-position:0px -1080px;}
.clientuser.inactive {background-position:0px -915px;}
.adperformance {background-position:0px -1107px;}
.adperformance.inactive {background-position:0px -940px;}
.document {background-position:0px -1132px;}
.document.inactive {background-position:0px -966px;}
.Clientmessage {background-position:0px -1160px;}
.Clientmessage.inactive {background-position:0px -994px;}
.clienthistory {background-position:0px -1189px;}
.clienthistory.inactive {background-position:0px -1023px;}

.clients{background-position:0px -1273px;}
.nav-item .nav-link:hover .clients, .nav-item .nav-link.active .clients{background-position:0px -1315px;}
.users{background-position:0px -1354px;}
.nav-item .nav-link:hover .users, .nav-item .nav-link.active .users{background-position:0px -1389px;}
.meesages{background-position:0px -1425px;}
.nav-item .nav-link:hover .meesages, .nav-item .nav-link.active .meesages{background-position:0px -1455px;}
.notification{background-position:0px -1487px;}
.nav-item .nav-link:hover .notification, .nav-item .nav-link.active .notification{background-position:0px -1523px;}
.recyclebin{background-position:0px -1560px;}
.nav-item .nav-link:hover .recyclebin, .nav-item .nav-link.active .recyclebin{background-position:0px -1599px;}
.logout{background-position:0px -1635px;}
.nav-item .nav-link:hover .logout{background-position:0px -1669px;}
.documnt{background-position:0px -473px;}
.nav-item .nav-link:hover .documnt, .nav-item .nav-link.active .documnt{background-position:0px -503px;}
.reports  {background:url(../../assets/images/reports.png) top left; width: 25px; height: 30px; display:inline-block;}
.nav-item .nav-link:hover .reports, .nav-item .nav-link.active .reports{background-position:0px -34px;}

.table .border-end{border-right: 1px solid #979b9f !important;}
 .table a {height: 26px; text-decoration: none; display: inline-block;} 
 .table.clientmessage-table a {text-decoration: underline;} 
.table .icons{ width: 34px; height: 26px;}

.ngx-pagination .current { background: #072ACB !important;}
 

    .btn-section {align-items: self-end;}
    .pagination  li.page-item.disabled .page-link {color:#212529 !important;}
    .heading{background: #072ACB; color: #fff;}
    .main-container {min-height:calc(100% - 140px);}
    .Copyright{color:#A7A9AC;background: #fff;}

    .signin-pass-visible, .signin-pass-invisible {position: absolute; right: 10px; top:10px; background:url(../../assets/images/icons.png) 0px 0px no-repeat ; width:23px; height:20px; cursor: pointer;}
    .signin-pass-invisible{background-position:0px -40px; cursor: pointer;}
    .navbar-toggler.collapsed > .close, .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {display: none;    }
    .navbar-toggler .close{font-size: 1.7rem; font-weight: 600; }
    .navbar-toggler:focus{outline: none;}
    button.navbar-toggler {width: 57px;height: 40px;}  
    .header-logo a img{max-width: 160px; padding: 0px 0px;}  
    .header-logo .Truth_logo { padding-bottom: 3px !important;}
    .table a {color: #072ACB;}

    table.cus-table {width: 100%;border-collapse: collapse;  background: #fff;	}
    table.cus-table tr:nth-of-type(odd) {background: #eff0f2;} /*F8F9FB */
    table.cus-table th {background: #072ACB;color: white;font-weight: 500;font-size: 15px !important;}
    table.cus-table td, table.cus-table th {padding:7px 10px;border: 1px solid #ccc;vertical-align: middle;font-size: 15px;}
    /* table.cus-table td{padding:7px 10px !important;} */
    /* table.cus-table td:last-child{border-left: 0 !important;} */
    label.col-form-label {font-weight: 500;}   

    .border.is-invalid {border: 1px solid #dc3545 !important;    }
 
    .NgxEditor__Content{min-height: 350px;}
    .form-check.subreceipentlist {word-break: break-all;    }
    .ellipse {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0px;}
    .desktopmenu{display: block; }
    .required{position: relative;}
   .required::before{content: "*";position:absolute;color: red;right: -8px;font-size: 18px;}
   .ellipse.deleteclientuser {max-width:150px; display:inline-block; vertical-align: middle; }
   .newmessage {/*font-weight: 700 !important;*/color: #000000;}
   .showcount, .pagination, .pfolderdiv li, .searcharea select.form-select, .searcharea .form-control{font-size: 15px;}
   .min-95{min-width: 95px;} 

   .pointer{cursor: pointer;}
   .accounttabs li{padding: 0px 10px;}
   .accounttabs li:first-child{padding-left: 0px;}
   .accounttabs a {font-size: 14px; color:#0A3152}
   .accounttabs a.links.active {position: relative; color: #072ACB; cursor: pointer;}
   .accounttabs a.links.active:after {position: absolute; content:''; left: 0; bottom: -10px; height:3px; width: 100%; background: #072ACB;}
   .lightshadow{box-shadow: 0px 0px 10px #0000000D; -webkit-box-shadow: 0px 0px 10px #0000000D; -moz-box-shadow: 0px 0px 10px #0000000D;}
   .searcharea.folderlist {border: 1px solid #f3f1f1;}
   .breadcrumb li {font-size: 14px;}

   .breadcrumb i.fa.fa-home {font-size: 15px;}

  .w-90 {width: 90%;}
   .subfolder{background:url(../../assets/images/Subfolder.png) top left; width: 22px; height: 17px; display:inline-block; margin-top:2px;}
   .copylink{background:url(../../assets/images/copyurl-small.png) top left; width: 15px; height:17px; display:inline-block;}
   /* .documentTable .format{background:url(../../assets/images/format.png) top left; width: 20px; height:20px; display:inline-block; float: left; margin-right: 10px;}
   
   .documentTable .png{background:url(../../assets/images/format.png) 0px 129px; width: 20px; height:20px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .doc{background:url(../../assets/images/format.png) -0px -13px; width: 20px; height:20px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .video{background:url(../../assets/images/format.png) -0px -109px; width: 20px; height:20px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .audio{background:url(../../assets/images/format.png) -0px -142px; width: 20px; height:20px; display:inline-block; float: left; margin-right: 10px;} 
   .documentTable .excel{background:url(../../assets/images/format.png) -0px -45px; width: 20px; height:20px; display:inline-block; float: left; margin-right: 10px;} 
   .documentTable .zip{background:url(../../assets/images/format.png) -0px -380px; width: 20px; height:20px; display:inline-block; float: left; margin-right: 10px;}  */

   .documentTable .doc{background:url(../../assets/images/Docsicons.png) top left; width: 25px; height:26px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .docx{background:url(../../assets/images/Docsicons.png)  0px -39px; width: 25px; height:26px; display:inline-block; float: left; margin-right: 10px; }
   .documentTable .pdf {background:url(../../assets/images/Docsicons.png)  0px -80px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;  }
   .documentTable .xls {background:url(../../assets/images/Docsicons.png)  0px -121px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px; }
   .documentTable .xlsx { background:url(../../assets/images/Docsicons.png)  0px -158px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .ppt {background:url(../../assets/images/Docsicons.png)  0px -197px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .pptx {background:url(../../assets/images/Docsicons.png)  0px -235px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .jpg {background:url(../../assets/images/Docsicons.png)  0px -281px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .jpeg {background:url(../../assets/images/Docsicons.png)  0px -321px; height: 29px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .png {background:url(../../assets/images/Docsicons.png)  0px -364px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}  
   .documentTable .gif {background:url(../../assets/images/Docsicons.png)  0px -402px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .txt {background:url(../../assets/images/Docsicons.png)  0px -442px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .csv {background:url(../../assets/images/Docsicons.png)  0px -483px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .rtf {background:url(../../assets/images/Docsicons.png)  0px -518px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .zip {background:url(../../assets/images/Docsicons.png)  0px -560px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .html {background:url(../../assets/images/Docsicons.png)  0px -602px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .xml {background:url(../../assets/images/Docsicons.png)  0px -645px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .jar {background:url(../../assets/images/Docsicons.png)  0px -686px; height: 29px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .psd {background:url(../../assets/images/Docsicons.png)  0px -767px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .lnk {background:url(../../assets/images/Docsicons.png)  0px -807px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .com {background:url(../../assets/images/Docsicons.png)  0px -839px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .wpd {background:url(../../assets/images/Docsicons.png)  0px -873px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .exe {background:url(../../assets/images/Docsicons.png)  0px -915px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .sys {background:url(../../assets/images/Docsicons.png)  0px -955px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .avi {background:url(../../assets/images/Docsicons.png)  0px -994px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .mov {background:url(../../assets/images/Docsicons.png)  0px -1034px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .Mpfour {background:url(../../assets/images/Docsicons.png)  0px -1078px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .mkv {background:url(../../assets/images/Docsicons.png)  0px -1117px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .wmv {background:url(../../assets/images/Docsicons.png)  0px -1154px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .threegp {background:url(../../assets/images/Docsicons.png)  0px -1196px; height: 29px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .mp3 {background:url(../../assets/images/Docsicons.png)  0px -1241px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .wav {background:url(../../assets/images/Docsicons.png)  0px -1285px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .aac {background:url(../../assets/images/Docsicons.png)  0px -1329px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .mpeg {background:url(../../assets/images/Docsicons.png)  0px -1374px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .flac {background:url(../../assets/images/Docsicons.png)  0px -1413px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .rar {background:url(../../assets/images/Docsicons.png)  0px -1454px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .sevenz {background:url(../../assets/images/Docsicons.png)  0px -1496px; height: 30px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .tar {background:url(../../assets/images/Docsicons.png)  0px -1538px; height: 28px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .gz {background:url(../../assets/images/Docsicons.png)  0px -1577px; height: 29px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .tgz {background:url(../../assets/images/Docsicons.png)  0px -1621px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .zipx {background:url(../../assets/images/Docsicons.png)  0px -1662px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}   
   .documentTable .tiff {background:url(../../assets/images/Docsicons.png)  0px -1775px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .tif {background:url(../../assets/images/Docsicons.png)  0px -1775px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .webm {background:url(../../assets/images/Docsicons.png)  0px -1809px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .webp {background:url(../../assets/images/Docsicons.png)  0px -1845px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .flv {background:url(../../assets/images/Docsicons.png)  0px -1881px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .svg {background:url(../../assets/images/Docsicons.png)  0px -1738px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .fob {background:url(../../assets/images/Docsicons.png)  0px -1920px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .vob {background:url(../../assets/images/Docsicons.png)  0px -1954px; height: 27px;  width: 25px; display:inline-block; float: left; margin-right: 10px;}
   .documentTable .file{background:url(../../assets/images/file.png) top left; width: 20px; height:20px; display:inline-block; float: left; margin-right: 10px;}
     
   .documentTable .folder, .documentTable .folderblue, .documentTable .foldergray {padding-left: 30px;}
   .documentTable .folder:before {background-position:-6px 1px !important; left: 0px;}
   .documentTable .folderblue:before{background-position:-6px -27px !important; left: 0px;}
   .documentTable .foldergray:before{background-position:-6px -52px !important; left: 0px;}
   .documentTable a.icons.edit.sb {width: 22px;}


   .format.png{background-position: 0px 91px;}
   /* End Responsive table */

   @media only screen and (min-width:1501px){
    .clientUser-table, .addperform-table{width:100% !important; overflow-x: scroll;}
 }

    @media only screen and (min-width:1441px){
        .table-wrap{max-height:65vh !important; }
    }

    @media (min-width: 1024px) {
        .header-logo {max-width: 180px !important;}
        .right-side {width: calc(100% - 180px) !important;}
    }
   
    @Media (min-width: 992px){
        .navbar-expand-lg .navbar-nav {flex-direction: column !important; width: 100%;}
        .navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link{     border-top: 1px solid #D1D1D1;}
        .navbar-expand-lg .navbar-nav .nav-item .nav-link {background:#ffffff; width: 100%; border-bottom: 1px solid #D1D1D1; font-weight: 500; display: flex; align-items: center;     padding: 0.90rem!important; flex-direction: column; }
        .navbar-expand-lg .navbar-nav .nav-item .nav-link.active, .navbar-expand-lg .navbar-nav .nav-item .nav-link:hover {background:#072ACB; border-top: 1px solid #072ACB; color: #fff; }
        a.nav-link.active .bg-blue {background: #fff;color: #072ACB;}
        .table-wrap{overflow: auto;max-width: 100% !important;max-height: 54.5vh}
        .client-table{width: 2200px !important; overflow-x: scroll;}
       .user-table  {min-width: 1400px !important;overflow-x: scroll;}       
       .clientUser-table, .addperform-table {width: 1500px !important; overflow-x: scroll;}
       .clientmessage-table, .history-table, .Notification-table  {min-width: 1070px !important; width:100%; overflow-x: auto;}

       .reason_des{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom: 0px; }
       .ellipse, .folderblue, .foldergray{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom: 0px; }
       
       .ellipse.deleteclientuser.v-base {vertical-align:bottom}
        .reason_des{width: 12em !important;}
        .Notification-table .reason_des{width: 25em !important}
        .addperform-table .reason_des {min-width: 18em;}

    p.sms_desc {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 5px;}
    .modal-lg {max-width: 660px !important;    }
    #AddUser .modal-dialog.modal-dialog-centered.modal-lg {min-width: 700px !important;  }
  
     }
     .right-container{
      min-height: 88vh !important;
     }
    

     /* Responsive table*/
     @Media 	only screen and (max-width: 760px),
     (min-device-width: 768px) and (max-device-width:992px)  {	
        table.cus-table td{text-align: left !important;}
         table, thead, tbody, th, td, tr {display: block;}		
         thead tr {position: absolute;top: -9999px;left: -9999px;}		
         tr { border: 1px solid #ccc; }		
         table.cus-table td {border-bottom: 1px solid #eee;position: relative; padding: 2% 2% 2% 33% !important; word-break: break-all; min-height: 38px;}
         td:before {position: absolute; /*top: 6px;*/ left: 6px;width: 33%;padding-right: 10px;white-space: nowrap; font-weight: 600;}
         table.cus-table.Notification-table td {padding: 2% 2% 2% 40% !important; }
         table.cus-table.Notification-table td::before {width:40%;}   
         table.cus-table.client-table td {padding: 2% 2% 2% 35% !important;}
         table.cus-table.client-table td::before {width:35%;} 

         .table .icons{width: 32px;}

         .client-table td:nth-of-type(1):before { content: "Client"; }
         .client-table td:nth-of-type(2):before { content: "Contact"; }
         .client-table td:nth-of-type(3):before { content: "Email"; }
         .client-table td:nth-of-type(4):before { content: "Phone No"; }
         .client-table td:nth-of-type(5):before { content: "Users"; }
         .client-table td:nth-of-type(6):before { content: "Address"; }
         .client-table td:nth-of-type(7):before { content: "City"; }
         .client-table td:nth-of-type(8):before { content: "State"; }
         .client-table td:nth-of-type(9):before { content: "ZIP Code"; }
         .client-table td:nth-of-type(10):before { content: "Country"; }
         .client-table td:nth-of-type(11):before { content: "Created By"; }          
         .client-table td:nth-of-type(12):before { content: "Created On"; }
         .client-table td:nth-of-type(13):before { content: "Modified By"; }          
         .client-table td:nth-of-type(14):before { content: "Modified On"; }
         .client-table td:nth-of-type(15):before {content: "Action"; }
         

         .clientUser-table td:nth-of-type(1):before { content: "First Name"; }
         .clientUser-table td:nth-of-type(2):before { content: "Last Name"; }
         .clientUser-table td:nth-of-type(3):before { content: "Email"; }
         .clientUser-table td:nth-of-type(4):before { content: "Role"; }
         .clientUser-table td:nth-of-type(5):before { content: "Mobile"; }
         .clientUser-table td:nth-of-type(6):before { content: "Created By"; }          
         .clientUser-table td:nth-of-type(7):before { content: "Created On"; }
         .clientUser-table td:nth-of-type(8):before { content: "Modified By"; }          
         .clientUser-table td:nth-of-type(9):before { content: "Modified On"; }
         .clientUser-table td:nth-of-type(10):before { content: "Action"; }

         .addperform-table td:nth-of-type(1):before { content: "Title"; }
         .addperform-table td:nth-of-type(2):before { content: "Description"; }
         .addperform-table td:nth-of-type(3):before { content: "Code/URL"; }
         .addperform-table td:nth-of-type(4):before { content: "Created By"; }
         .addperform-table td:nth-of-type(5):before { content: "Created On"; }
         .addperform-table td:nth-of-type(6):before { content: "Modified By"; }
         .addperform-table td:nth-of-type(7):before { content: "Modified On"; }
         .addperform-table td:nth-of-type(8):before { content: "Action"; }

         .clientmessage-table td:nth-of-type(1):before { content: "From"; }
         .clientmessage-table td:nth-of-type(2):before { content: "To"; }
         .clientmessage-table td:nth-of-type(3):before { content: "Subject"; }
         .clientmessage-table td:nth-of-type(4):before { content: "Received Date";}
         .clientmessage-table.sentTaable td:nth-of-type(4):before { content: "Sent Date";}
         .clientmessage-table td:nth-of-type(5):before { content: "Action"; }

         .history-table td:nth-of-type(1):before { content: "Object"; }
         
         .history-table td:nth-of-type(2):before { content: "Record";  }
         .history-table td:nth-of-type(3):before { content: "Action Type"; }
         .history-table td:nth-of-type(4):before { content: "Previous Value";}
         .history-table td:nth-of-type(5):before { content: "New Value"; }
         .history-table td:nth-of-type(6):before { content: "Modified By"; }
         .history-table td:nth-of-type(7):before { content: "Modified On"; }
         .history-table td:nth-of-type(8):before { content: "Revert"; }

         .user-table td:nth-of-type(1):before { content: "First Name"; }
         .user-table td:nth-of-type(2):before { content: "Last Name"; }
         .user-table td:nth-of-type(3):before { content: "Email"; }
         .user-table td:nth-of-type(4):before { content: "Role"; }
         .user-table td:nth-of-type(5):before { content: "Mobile"; }
         .user-table td:nth-of-type(6):before { content: "Clients"; }
         .user-table td:nth-of-type(7):before { content: "Status"; } 
         .user-table td:nth-of-type(8):before { content: "Action"; } 
         
         .message-table td:nth-of-type(1):before { content: "From"; }
         .message-table td:nth-of-type(2):before { content: "To"; }
         .message-table td:nth-of-type(3):before { content: "Subject"; }
         .message-table td:nth-of-type(4):before { content: "Received Date"; }
         .message-table td:nth-of-type(5):before { content: "Action"; }

         .Notification-table td:nth-of-type(1):before { content: "Notification type"; }
         .Notification-table td:nth-of-type(2):before { content: "From"; }
         .Notification-table td:nth-of-type(3):before { content: "To"; }
         .Notification-table td:nth-of-type(4):before { content: "Description"; }
         .Notification-table td:nth-of-type(5):before { content: "Created"; }
         .Notification-table td:nth-of-type(6):before { content: "Actions"; }


         .Recyclebin-table td:nth-of-type(1):before { content: "Object"; }
         .Recyclebin-table td:nth-of-type(2):before { content: "Remark"; }
         .Recyclebin-table td:nth-of-type(3):before { content: "Deleted On"; }
         .Recyclebin-table td:nth-of-type(4):before { content: "Deleted By"; }
         .Recyclebin-table td:nth-of-type(5):before { content: "Revert"; }

         
         .associatedclient-table td:nth-of-type(1):before { content: "First Name"; }
         .associatedclient-table td:nth-of-type(2):before { content: "Last Name"; }
         .associatedclient-table td:nth-of-type(3):before { content: "Email"; }
         .associatedclient-table td:nth-of-type(4):before { content: "Role"; }
         .associatedclient-table td:nth-of-type(5):before { content: "Astd Clients "; }
		     .associatedclient-table td:nth-of-type(6):before { content: "Associate "; }

         .documentTable td:nth-of-type(1):before { content: "Name"; }
         .documentTable td:nth-of-type(2):before { content: "Version"; }
         .documentTable td:nth-of-type(3):before { content: "Update Date"; }
         .documentTable td:nth-of-type(4):before { content: "Updated By"; }
         .documentTable td:nth-of-type(5):before { content: "Size"; }
		     .documentTable td:nth-of-type(6):before { content: "Action "; }

         .sharedTable td:nth-of-type(1):before { content: "First Name"; }
         .sharedTable td:nth-of-type(2):before { content: "Last Name"; }
         .sharedTable td:nth-of-type(3):before { content: "Email"; }
         .sharedTable td:nth-of-type(4):before { content: "Share"; }

         .shareTable td:nth-of-type(1):before { content: "First Name"; }
         .shareTable td:nth-of-type(2):before { content: "Last Name"; }
         .shareTable td:nth-of-type(3):before { content: "Email"; }
         .shareTable td:nth-of-type(4):before { content: "Associate"; }

         .historyTable td:nth-of-type(1):before { content: "Name"; }
         .historyTable td:nth-of-type(2):before { content: "Version"; }
         .historyTable td:nth-of-type(3):before { content: "Updated By"; }
         .historyTable td:nth-of-type(4):before { content: "Updated Date"; }
         .historyTable td:nth-of-type(5):before { content: "Download"; }

         
         .public-share td:nth-of-type(1):before { content: "Shared By"; }
         .public-share td:nth-of-type(2):before { content: "File Name"; }
         .public-share td:nth-of-type(3):before { content: "Action"; }
     }
        
     @Media screen and (max-width: 991px){ 
        .desktopmenu{display: none !important;}
     .navmenu {position: absolute;top: 23px;left: 20px;z-index: 10;}
      .message-alert-body .navmenu .navbar{padding-top: 0px; background: transparent !important; padding-bottom: 0px;}  
      /* .right-side {margin-top: 80px !important;} */
      .right-side {margin-top: 10px !important;}
      /* .header-logo {position: fixed;height: 80px;background: #fff;box-shadow: 0 4px 10px rgb(0 0 0 / 7%);-moz-box-shadow: 0 4px 10px rgb(0 0 0 / 7%);-webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 7%);z-index: 10;width: 100%;} */
      .header-logo {height: 80px;  background: #fff; box-shadow: 2px 0px 10px #ccc;-moz-box-shadow: 2px 0px 10px #ccc;-webkit-box-shadow: 2px 0px 10px #ccc; }
      .navbar-collapse .navbar-nav,  .navbar-collapse.collapse.show .navbar-nav {background: #f8f8f8;overflow-x: scroll;max-height: 517px;padding-bottom: 0px !important;}
      .navbar-nav .nav-item .nav-link {background:#E6E7E9; width: 100%; border-bottom: 1px solid #D1D1D1; font-weight: 500; display: flex; align-items: center; gap:10px; }
      .navbar-nav .nav-item .nav-link.active{background:#072ACB; color: #fff;}
      .header-logo {border-right: 0px !important;}  
      .header-logo a img{max-width: 85px;}
      .Truth_logo {height: 50px;} 
      .search-btn {padding: 7px 15px !important;}
      .meesages{background-position:0px -1425px;}
.nav-item .nav-link:hover .meesages, .nav-item .nav-link.active .meesages{background-position:0px -1425px;}
.notification{background-position:0px -1487px;}
.nav-item .nav-link:hover .notification, .nav-item .nav-link.active .notification{background-position:0px -1487px;}
.recyclebin{background-position:0px -1560px;}
.nav-item .nav-link:hover .recyclebin, .nav-item .nav-link.active .recyclebin{background-position:0px -1560px;}
.logout{background-position:0px -1635px;}
.nav-item .nav-link:hover .logout{background-position:0px -1635px;}
.documnt{background-position:0px -473px;}
.nav-item .nav-link:hover .documnt, .nav-item .nav-link.active .documnt{background-position:0px -473px;}
.dropdown-toggle {    padding: 0px 20px 0px 0px;  }
.dropdown-menu ul.navbar-nav {  overflow: auto;}
tr.norecords td{padding-left: 30% !important; border-bottom: 1px solid #ddd;}
tr.norecords td::before{content:none !important;}
table.cus-table.Notification-table tr.norecords td{padding-left: 30% !important; border-bottom: 1px solid #ddd;}


      }

      @media screen and (max-width:767px){
        .log-bg-header img{max-width: 150px;}
        .accounttabs li:first-child{padding-left: 15px;}
        .accounttabs li{padding: 0px 10px;}
      }
    
      @Media screen and (max-width:580px){
        .heading > div {height: 30px;}
        .search-btn{width: 100%;}
        .import-section.d-flex, .report-section {  row-gap: 10px;  flex-direction: column;  } 
        .user-menu .d-flex{gap:20px;}     
      }

      @media (max-width: 576px) {
        .modal-dialog { max-width: 90%; margin: 1.75rem auto; }
        .modal-content { padding: 1rem; }

        .client-table td:nth-of-type(15):before {width: 30% !important;}
        table.cus-table.client-table td:nth-of-type(15) {padding-left: 28% !important;}

       /* .clientmessage-table td:nth-of-type(4) { padding-left: 37% !important; }
        .clientmessage-table.sentTaable td:nth-of-type(4) { padding-left: 33% !important; }*/

        .clientmessage-table td:nth-of-type(4):before {  width: 37%; }

        .history-table td:nth-of-type(4){ padding-left: 37% !important; }
        .history-table td:nth-of-type(4):before {  width: 37%; }
      }
      @media (max-width: 359px) {
      .font14{font-size: 14px !important;}
      }