@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro: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");
:root{--primary-color:#6092ff;--black-color:#000;--white-color:#fff;--gray-color:#666666;--lightbg-color:#f1f4f9;--bordercolor:#d5d5d5;--primary-font:"Be Vietnam Pro",sans-serif;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;overflow-x:hidden;overflow-y:scroll;}
h1,h2,h3,h4,h5,h6,p,span,label,ul li,th,td,.btn-action,a{font-family:"Be Vietnam Pro",sans-serif;margin:0;}
a{text-decoration:none;color:var(--black-color);}
h1,h2,h3,h4,h5,h6{color:var(--black-color);text-align:start;font-weight:600;}
h4{font-size:20px;}
h3{color:var(--black-color);font-size:36px;}
h3 span{font-size:14px;}
p{font-size:16px;}
.pt-100{padding-top:100px;}
.pt-60{padding-top:60px;}
.pb-30{padding-bottom:30px;}
.bg-head{background:var(--lightbg-color);}
.height-100{height:100vh;}
::-webkit-scrollbar{width:0px;}
button{outline:none;border:none;}
.btn-primary{padding:11px 24px;font-size:16px;background:var(--primary-color);border:1px solid transparent;border-radius:16px;display:flex;justify-content:center;align-items:center;color:var(--white-color);gap:10px;width:100%;}
.btn-primaryoutline{padding:11px 24px;font-size:16px;background:transparent;border-radius:16px;display:flex;justify-content:center;align-items:center;border:1px solid var(--primary-color);color:var(--primary-color);gap:10px;width:100%;}
.btn-primary:hover{color:var(--white-color)!important;background: var(--black-color) !important;border:1px solid var(--black-color)!important;}
.btn-primaryoutline:hover{color:var(--white-color)!important;background:var(--primary-color)!important;}









.primarycolor{color:var(--primary-color)!important;}
.blackcolor{color:var(--black-color)!important;}
.whitecolor{color:var(--white-color)!important;}
.graycolor{color:var(--gray-color)!important;}
.sidebar{width:345px;height:100vh;position:fixed;top:0;left:0;bottom:0;transition:transform 0.3s ease;background-color:var(--white-color);border-right:1px solid var(--bordercolor);padding:30px;z-index:11;}
.sidebar-container{height:calc(100vh - 130px);width:100%;overflow-y:auto;}
.logo{margin-bottom:45px;display:flex;align-items:center;justify-content:flex-start;}
.bi::before,[class*=" bi-"]::before,[class^="bi-"]::before{font-size:18px;}
.sidebar-menu ul{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;padding:0;list-style-type:none;color:var(--black-color);gap:5px;}
.sidebar-menu ul li{width:100%;}
.sidebar-menu a,.accordion-button{padding:13px 20px;text-decoration:none;color:var(--black-color);display:block;width:100%;gap:10px;display:flex;font-weight:500;font-size:16px;align-items:center;}
.sidebar-menu a.active{border-radius:16px;background:var(--lightbg-color);color:var(--primary-color);}
.sidebar-menu a:hover{border-radius:16px;background:var(--lightbg-color);color:var(--primary-color);}
.sidebar .progress-bar{background-color:var(--black-color);}
.divider{border-top:1px solid var(--bordercolor);width:100%;margin:20px 0;}
.accordion-body{padding:0px 25px;}
.bi-folder-fill::before{font-size:25px;color:#a2caf5;}
.sidebar-card{background:var(--lightbg-color);border-radius:16px;padding:30px;}
.sidebar-card p{font-weight:500;}
.sidebar-card label{font-size:14px;padding-top:8px;padding-bottom:16px;}
.progress{--bs-progress-height:6px;--bs-progress-bg:var(--white-color);border:1px solid var(--bordercolor);width:100%;}
.sidebar.closed{transform:translateX(-100%);}
.nav{width:100%;display:flex;align-items:center;padding:25px 0;justify-content:space-between;position:sticky;top:0;border-bottom:1px solid var(--bordercolor);z-index:20;}
.nav-header{padding-left:1rem;display:flex;flex-direction:row;justify-content:start;align-items:center;}
.nav-list{display:flex;gap:2rem;align-items:center;}
.nav .nav-list li{list-style-type:none;}
.nav-list li a,.nav-btn .dropdown-menu.show li a{text-decoration:none;color:var(--black-color);cursor:pointer;font-size:14px;font-weight:400;line-height:20px;}
.navDrop{background:none;color:var(--black-color);cursor:pointer;font-size:14px;font-weight:400;line-height:20px;border:none;outline:none;}
.smallDrop{display:none;}
.nav-btn{display:none;}
.dropdown-menu.show{width:200px;border:none;border:1px solid var(--bordercolor);box-shadow:0px 2px 5px var(--bordercolor);}
.dropdown-item:hover, .dropdown-item.active{background-color:var(--primary-color);color: var(--white-color); border-radius:5px;}
.dropdown-menu li{
  margin-bottom: 5px;
}
.dropdown-menu li{display:flex;}
.dropdown-menu li a {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: var(--black-color);
}
.dropdown-toggle{
  position: relative;
}
.header-action .dropdown-toggle::after{
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  right: 8px;
  border: 0;
  top: 16px;
  background: url(../image/angle--down.svg) no-repeat center center;
  transform: rotate(0);
  transition: all 0.3s;
}
.dropdown-toggle.show::after{
  transform: rotate(180deg);
}




.dropdown-menu li p{font-size:14px;font-weight:400;text-align:left;padding-left:1rem;}
.dropdown-toggle{background-color:var(--white-color);border-radius:12px;padding:5px 30px 5px 5px;border:1px solid var(--lightbg-color);}
.bi-justify::before{font-size:25px;}
.sidebar-toggle{background:var(--white-color);border-radius:100%;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;font-size:16px;cursor:pointer;position:absolute;left:-20px;border:1px solid var(--bordercolor);}
.main-content{margin-left:345px;transition:margin-left 0.3s ease;}
.main-content.shifted{margin-left:0;}
.main-content.shifted .sidebar-toggle{left:10px;}
header{display:flex;padding-top:0.5rem;justify-content:space-between;position:sticky;top:0;}
.header-wrapper{display:flex;position:relative;padding-left:40px;width:55%;}
.header-title{display:flex;justify-content:center;align-items:center;background-color:var(--white-color);border-radius:16px;padding:13px 18px;width:100%;gap:5px;}
.header-title input{background-color:var(--white-color);border-radius:16px;padding:0 10px;border:none;outline:none;}
.form-control:focus{border:none;outline:none;box-shadow:none;}
.header-action{display:flex;align-items:center;flex-direction:row;gap:16px;padding-right:40px;margin-left:auto;}
.site_main{padding:40px 40px 20px;}
.files{display:flex;gap:24px;margin-bottom:40px;flex-wrap:wrap;}
.file{padding:27px 40px;border-radius:16px;display:flex;background:var(--white-color);display:flex;justify-content:center;align-items:center;gap:15px;width:280px;cursor:pointer;}
.file h4 a{color:var(--black-color);font-size:20px;text-decoration:none;}
.files .upload{border:2px dashed var(--primary-color);}
input[type="file"]{display:none;}
.bi-upload::before{font-size:30px;color:var(--primary-color);}
.file .bi-pencil-square::before,.file .bi-share::before{font-size:30px;color:#999999;}
.section-head{padding-bottom:24px;}
.section-head h4{font-size:28px;font-weight:500;}
.filter-box{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:17px;padding-top:16px;}
.action-box{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:17px;}
.sectionFilter{padding:10px 14px;border-radius:16px;display:flex;background:var(--white-color);display:flex;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:500;cursor:pointer;white-space:nowrap;    transition: all 0.3s;}
.sectionFilter:hover, .sectionFilter.activeFilter{background:var(--black-color);color:var(--white-color);}
.sectionFilter.activeFilter i{
  color: var(--white-color);
}



.sectionFilter i{color:#999999;    transition: all 0.3s;}
.sectionFilter:hover i{color:var(--white-color);}
#selectedCount{color:#000;font-size:20px;font-weight:400;}
.filter-box a,.action-box a{color:var(--black-color);}
.filter-content{background-color:var(--white-color);border-radius:15px;padding:20px;text-align:start;}
.table-bordered >:not(caption) > *{border-width:0;border-bottom:2px solid #d5d5d533;}
.table-bordered >:not(caption) > * > *{border-width:0;}
th{padding:25px 16px!important;font-size:18px;font-weight:500;}
th:first-child{width:800px;}
td{padding:16px!important;font-size:16px;}
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:100%;}
.table-no-data tbody tr{border-bottom:0!important;}
.table-no-data{min-height:690px;display:flex;flex-direction:column;justify-content:space-between;}
.table-no-data .noData{height:500px;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.noData .upload{border:2px dashed var(--bordercolor);padding:17px 27px!important;margin-top:24px;}
.noData .upload h4 a{color:#707070;}
.table-file{justify-content:space-between;display:flex;flex-direction:column;height:650px;}
footer{background:var(--white-color);padding:11px 40px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;}
footer p{color:#707070;font-size:14px;}
footer a{color:#707070!important;font-size:14px!important;text-decoration:underline!important;}
.navBtn{position:relative;top:0;border-bottom:0;}
.nav-link{background-color:var(--white-color);border-radius:16px;color:var(--black-color);font-size:12px;font-weight:500;padding:15px 25px;}
.nav-tabs .nav-link{border-top-left-radius:16px;border-top-right-radius:16px;}
.nav-tabs .right{background-color:var(--white-color);border-top-right-radius:16px;border-bottom-right-radius:16px;border:1px solid var(--bordercolor);border-left:0;}
.nav-tabs .left{background-color:var(--white-color);border-top-left-radius:16px;border-bottom-left-radius:16px;border:1px solid var(--bordercolor);border-right:0;}
.nav-tabs{--bs-nav-tabs-border-width:0;--bs-nav-tabs-border-color:none;--bs-nav-tabs-link-active-color:var(--white-color);--bs-nav-tabs-link-active-bg:var(--primary-color);}
.price-item{border:1px solid var(--bordercolor);border-radius:16px;padding:40px 20px 24px;}
.discover-item p,.price-item{font-size:14px;}
.price-item{background-color:var(--white-color);}
.modal-content{border-radius:16px;}
.pricingContent{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;padding-bottom:30px;}
.pricingDescription{border-top:1px solid var(--bordercolor);padding-top:24px;}
.pricingDescription ul{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;padding:0;gap:12px;}
ul{list-style-type:none;color:var(--black-color);padding-left:0rem;}
.priceModal .modal-header,.upgradeModal .modal-header{border-bottom:0;}
.upgradeModal .modal-dialog{max-width:1040px;}
.btn-close{background:var(--lightbg-color);display:flex;align-items:center;justify-content:center;font-size:15px;opacity:1;font-weight:600;}
.uploaded-file-content{position:relative;}
.fileUpload{position:fixed;right:30px;bottom:30px;border:1.2px solid var(--primary-color);border-radius:16px;background:var(--lightbg-color);width:480px;z-index:11;height:500px;}
.fileUpload-head{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bordercolor);}
.fileItem{padding:24px;display:flex;flex-direction:column;gap:10px;width:100%;height:calc(100% - 157px);overflow-y:auto;}
.fileUpload-content{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background:var(--white-color);border-radius:12px;padding:20px 16px;}
.fileUpload-subcontent{width:100%;display:flex;justify-content:space-between;align-items:center;}
.fileUpload-subcontent .btn-close{background:var(--white-color);border:1px solid var(--bordercolor);}
.fileUpload-content p{font-size:14px;font-weight:600;}
.fileUpload-content .progress{--bs-progress-bg:var(--lightbg-color);}
.upload-status label{color:var(--primary-color);font-size:14px;}
.upload-error label{color:#707070;font-size:14px;}
.fileUpload-head .btn-close{background:var(--white-color);opacity:1;height:32px;width:32px;padding:0;line-height:1;}
.btn-copy{font-size:12px;background-color:var(--black-color);color:var(--white-color);padding:5px 8px;border-radius:16px;display:flex;justify-content:center;align-items:center;border:none;color:var(--white-color);gap:10px;}
.upload-status,.upload-error{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;}
.bi-arrow-clockwise::before{color:#de304f;transform:rotate(45deg);}
.avatars-share{position:relative;display:flex;justify-content:flex-start;}
.avatar-img{width:32px;height:32px;border-radius:100%;background:var(--lightbg-color);border:2px solid var(--white-color);margin-left:-15px;overflow:hidden;color:var(--primary-color);display:flex;justify-content:center;align-items:center;}
.avatar-img:first-child{z-index:1;}
.avatar-img:nth-child(2){z-index:2;}
.avatar-img:nth-child(3){z-index:3;}
.avatar-img:nth-child(4){z-index:4;}
.avatar-img:nth-child(5){z-index:5;}
.avatars-share .avatar-img img{object-fit:contain;height:100%;object-position:left;}
.pagination{--bs-pagination-border-color:none;gap:18px;}
.active > .page-link,.page-link.active{z-index:3;color:var(--black-color);background-color:transparent;border-color:transparent;}
.page-link{color:#999999;}
.nextpage{color:var(--white-color);background-color:var(--primary-color);padding:8px 12px;border-radius:8px;}
.previouspage{color:var(--black-color);background-color:var(--lightbg-color);padding:8px 12px;border-radius:8px;border:1px solid var(--bordercolor);}
.page-item:first-child .page-link{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.page-item:last-child .page-link{border-top-right-radius:8px;border-bottom-right-radius:8px;}
.form-check-input{width:1.5em;height:1.5em;}
th:first-child .form-check-input,td:first-child .form-check-input{visibility:hidden;}
th:first-child:hover .form-check-input,td:first-child:hover .form-check-input{visibility:visible;}
th:first-child .form-check-input:checked,td:first-child .form-check-input:checked{visibility:visible;}
th:first-child .form-check-input:checked[type="checkbox"]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg !string!!string!%3e%3cpath !string!!string!!string!!string!/%3e%3c/svg%3e");}
.action-boxcontent{display:none;}
.action-boxcontent .action{border-radius:4px;padding:2px 7px;background-color:transparent;outline:0;}
tr:hover .action-boxcontent{display:flex;gap:10px;border-radius:4px;align-items:center;justify-content:flex-start;}
td{position:relative;}
.action-boxcontent{display:none;border-radius:4px;z-index:10;}
tr:hover .text-content{display:none;opacity:0;}
tr:hover{background-color:var(--lightbg-color);}
.text-content{transition:opacity 0.3s ease;}
.action-boxcontent .action{position:relative;display:inline-block;}
.action-boxcontent .action::after{content:attr(data-tooltip);position:absolute;bottom:100%;color:var(--white-color);padding:5px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.3s ease;z-index:10;pointer-events:none;}
.action-boxcontent .action:hover::after{opacity:1;visibility:visible;}
.action-boxcontent .action:hover{background-color:var(--white-color);}
.table-hover > tbody > tr:hover > *{opacity:1;--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--lightbg-color);}
.share-container p{font-size:14px;}
.share-container p span{color:var(--bordercolor);}
.share-container a{color:var(--primary-color);text-decoration:underline;font-size:14px;}
.shared-content{display:flex;justify-content:space-between;align-items:center;background:var(--lightbg-color);border-radius:12px;padding:12px 16px;gap:50px;margin-top:25px;margin-bottom:20px;}
.modal-body input{height:48px;border-radius:12px;border:1px solid var(--bordercolor);}
.modal-body .form-control:focus{border:1px solid var(--bordercolor);}
.bi-send::before{transform:rotate(45deg);}
.badge{font-size:16px;border-radius:8px;background-color:var(--lightbg-color);color:var(--black-color);font-weight:500;}
.shared-limit p{color:var(--gray-color);}
.shared-limit{padding:20px;}
.shared-limit .progress{--bs-progress-height:22px;border-radius:40px;}
.bg-black{background:var(--black-color);}
.bg-blue{background:var(--primary-color);}
.bg-light-blue{background:#acc8f5;}
.bg-white{background:var(--white-color);border:1px solid var(--bordercolor);}
.black-circle,.blue-circle,.light-blue-circle,.white-circle{border-radius:100%;height:16px;width:16px;}
.integration a{color:var(--primary-color)!important;font-size:14px;}
.frame{width:340px;border-radius:16px;border:1px solid var(--bordercolor);padding:24px;margin-top:16px;}
.frame p{font-size:14px;padding-top:12px;font-weight:400!important;}
.section-head .header-title{width:auto;margin-left:0!important;}
.integration-side{width:23%;}
.integration ul li{font-size:16px;font-weight:300;padding:10px 0;}
.integration p{font-weight:600;}
.modal-body{padding:24px;}
.userAvatar{background:#e7ced1;width:36px;height:36px;border-radius:100%;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:600;color:#52171b;}
.searchdropdown .dropdown-item{display:flex;justify-content:flex-start;align-items:center;gap:25px;}
.searchdropdown .dropdown-menu.show{width:100%;}
.searchdropdown .dropdown-item h6{font-size:14px;font-weight:600;}
.searchdropdown .dropdown-item p{font-size:12px;}
.share-member{border:1px solid var(--bordercolor);border-radius:30px;padding:6px;display:flex;justify-content:flex-start;align-items:center;gap:8px;}
.share-member .userAvatar{width:25px;height:25px;font-size:12px;min-width:25px;}
.btn-action{font-size:14px;font-weight:500;width:auto;border:none;outline:none;}
.form-select:focus{border-color:transparent;outline:0;box-shadow:0 0 0 0 transparent;}
.side-menu{background:var(--white-color);border-left:1px solid var(--bordercolor);padding:20px 25px 20px 20px;}
.edit-file .btn-primary{padding:14px 16px;}
.resetbtn{background:var(--lightbg-color);color:var(--black-color);}
.editBox{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;}
.saveModal .header-title{width:auto;border:1px solid var(--bordercolor);padding:0px 10px;}
.saveModal .modal-body input,.saveModal .modal-body .form-control:focus{border:0px;}
.navtool{margin-right:10px;}
.navtool span{display:block;}
.navtool-content .active{background:var(--lightbg-color);padding:3px 8px;border-radius:12px;}
.navtool,.bi-arrow-clockwise::before{color:#8c8c8c;}
.navtool button{display:flex;align-items:center;gap:6px;padding:5px 10px;background:transparent;border-radius:8px;color:var(--gray-color);font-size:14px;font-weight:300;transition:all 0.3s;}
.navtool button img{opacity:0.4;transition:all 0.3s;}
.navtool button:hover{background:#f6f8fa;color:var(--black-color);}
.navtool button:hover img{opacity:1;}
.navtool-content{padding-left:40px;}
.table-pagination{display:flex;align-items:center;justify-content:center;width:75%;padding-top:0px;}
.pagination-content{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;width:100%;    /* padding-top: 15px; */padding-bottom:15px;background:var(--white-color);}
thead{position:sticky;top:0;z-index:5;}
#searchBar{display:none;position:absolute;top:80px;left:15px;right:0;padding:10px;background-color:white;box-shadow:0px 2px 6px rgba(0,0,0,0.1);z-index:1000;width:calc(100% - 30px)!important;}
#searchBar input{width:100%;padding:10px;font-size:16px;border-radius:5px;}
.nav-btn .header-title{position:relative;}
.nav-btn .header-title{width:100%!important;}
.nav-btn .header-title{margin-left:0px!important;}
.nav-list{display:block;}
#mobile-sidebar-toggle{display:none;}
#sidebar-toggle{display:block;box-shadow: 0px 6px 10px 0px #0000001A;
}
.header-wrapper{display:block;}
.sidebar .close-btn{display:none;}
.table thead th,.table tbody td{white-space:nowrap;vertical-align: middle;}
#sidebar-toggle{transition:all 0.3s;}
.close_sidebar_btn{display:none;}
.main-content.shifted .header-wrapper{padding-left:70px;}
.main-content.shifted #sidebar-toggle{transform:translateY(-50%) rotate(180deg);}
.sidebar-menu ul .accordion-body{padding-left:30px;padding-right:0;}
.sidebar-menu ul .accordion-body a span{white-space:nowrap;overflow:hidden;}
.main-content{display:flex;flex-direction:column;min-height:100vh;}
footer{margin-top:auto;}
.pagination .page-link:focus{box-shadow:none;}
.price-item .most_popular_label{position:absolute;left:0;right:0;top:-15px;width:100%;height:30px;border-radius:16px 16px 0px 0px;background-color:var(--black-color);color:var(--white-color);font-size:14px;font-weight:600;line-height:20px;text-align:center;display:flex;justify-content:center;align-items:center;}
.price-item{position:relative;height:100%;}
.pricingDescription ul li{color:var(--gray-color);}
.btn-close{margin:0!important;margin-left:auto!important;}
.modal{padding:15px!important;}
.modal-dialog{margin-left:auto;margin-right:auto;}
.arrow_btn{padding-right:50px!important;position:relative;}
.arrow_btn i{position:absolute;top:50%;transform:translateY(-50%);right:25px;transition:all 0.3s ease-in-out;}
.arrow_btn:hover i{right:15px;}
.btn_group{display:flex;align-items:center;flex-wrap:wrap;gap:20px;}
.filter-content .file h4{color:var(--gray-color);}
button{background-color:transparent;border:0;outline:0;padding:0;}
.upload-error label{color:#cd0e0e;}
.integration-container{display:grid;grid-template-columns:9fr 3fr;gap:24px;}
.integration-side{width:100%;padding-top:0px;}
.integration-side .filter-content{min-height:calc(100% - 74px);}
.integration .frame{width:100%;border-radius:16px;border:1px solid var(--bordercolor);padding:24px;height:100%;margin-top:0;}
a.grey_link{color:var(--gray-color)!important;}
a.grey_link:hover{color:var(--primary-color)!important;}
.integration_left_list{display:flex;flex-direction:column;}
.integration_left_list .filter-content{height:-webkit-fill-available;}
.font-12{font-size: 12px !important;}
.font-14{font-size: 14px !important;}
.font-16{font-size: 16px !important;}
.font-18{font-size: 18px !important;}
.font-20{font-size: 20px !important;}
.font-300{font-weight:300!important;}
.font-400{font-weight:400!important;}
.font-500{font-weight:500!important;}
.font-600{font-weight:600!important;}
.font-700{font-weight:700!important;}
.btn-close {
  opacity: 1 !important;
}
.edit_main_container{min-height:calc(100vh - 99px);width:100%;display:flex;flex-wrap:wrap;}
.edit_main_container .editBox{width:calc(100% - 300px);}
.side-menu{min-width:300px;width:300px;}
.editBox{padding:50px 15px;}
.side-menu{height:calc(100vh - 99px);overflow-y:auto;position:relative;z-index:1;}
.docs-buttons > .btn-group{border:1px solid var(--primary-color);border-radius:4px;}
.docs-buttons > .btn-group > .btn-primary{border:0!important;border-right:1px solid var(--bordercolor)!important;margin:0!important;}
.docs-buttons > .btn-group > .btn-primary:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.docs-buttons > .btn-group > .btn-primary:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right:0!important;}
.save_dropdown .btn-primary{background:var(--primary-color)!important;border:1px solid transparent!important;border-radius:16px!important;color:var(--white-color)!important;}
.save_dropdown .btn-primary:hover{color:var(--primary-color)!important;background:transparent!important;border:1px solid var(--primary-color)!important;}
.docs-buttons{display:flex;overflow-x:auto;width:100%;padding:0 15px;justify-content:center;}
div#actions{overflow-x:auto;width:100%;}
.navtool-content .active button{display:inline-block;line-height:1;}
.save_reset_btn .save_btn:after{display:none;}
.save_reset_btn .save_btn:before{position:absolute;content: "";width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;right:12px;top:18px;transform:rotate(45deg);transition:all 0.3s;}
.save_reset_btn .save_btn{position:relative;padding-right:30px!important;font-size: 16px;}
.save_reset_btn .save_btn:hover:before{border-color:var(--primary-color);}
.save_reset_btn .save_btn.show:before{transform:rotate(225deg);top:21px;}
a.black_link{font-weight:600;color:var(--black-color)!important;font-size:16px;}
.pricingDescription h6{margin-bottom:16px;}





.custom_check{
  display: flex;
  align-items: center;
}
.custom_check input{
  display: none;
}
.custom_check label{
 width: 24px;
 height: 24px;
 border-radius: 4px;
 border: 1px solid var(--black-color);
 position: relative;
 cursor: pointer;
 visibility: hidden;
}
.custom_check label:before{
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: 0;
  top: 0;
  background: url('../image/check-icon.svg') no-repeat center center;
  opacity: 0;
  transition: all 0.3s;
}

.custom_check input:checked + label:before{
  opacity: 1;
}
.table tbody tr td {
  padding: 10px 16px !important;
  height: 56px;
}
th:first-child:hover .custom_check label, td:first-child:hover .custom_check label, .custom_check input:checked + label {
  visibility: visible;
}
th:first-child .custom_check label::before{
  background: url('../image/remove-check.svg') no-repeat center center;
}
.table-no-data {
  padding: 0;
}
.price-text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}



.header_toggle_switch input{
  display: none;
}
.header_toggle_switch label{
 cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
}
.toggle_switch{
  position: relative;
  width: 48px;
  height: 26px;
  border-radius: 40px;
  background: #00000029;
  transition: all 0.3s;
}
.toggle_switch:before{
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 3px;
  top: 3px;
  background: var(--white-color);
  box-shadow: 0px 6px 10px 0px #0000001A;
  border-radius: 100%;
  transition: all 0.3s;
}
.header_toggle_switch input:checked + label .toggle_switch{
  background: var(--primary-color);
  box-shadow: 0px 0px 10px 0px #0000001A;
}
.header_toggle_switch input:checked + label .toggle_switch:before{
  background: var(--white-color);
  left: 25px;
}
.header_toggle_switch label.switchon .toggle_switch:before{
  background: var(--white-color);
  left: 25px;
}
.header_toggle_switch label.switchon .toggle_switch{
  background: var(--primary-color);
  box-shadow: 0px 0px 10px 0px #0000001A;
}

.edit_file_header {
  background: var(--white-color);
  padding: 22px 20px;
  gap: 15px;
  justify-content: flex-start !important;
}
.edit_file_title{
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
    font-weight: 400;
}
.dropdown-menu {
  padding: 14px;
}



 #FileUploadModal .btn-close{
  position: absolute;
  right: 20px;
  top: 20px;
}
#FileUploadModal .modal-content{
  background-color: transparent;
  box-shadow: none;
  border: 0;
}
#FileUploadModal .btn-close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: #fff;
}
.integration_dropdown .dropdown-toggle::after{
  display: none;
}
.integration_dropdown .dropdown-toggle{
padding: 0;
width: 100%;
}
.integration_dropdown .dropdown-toggle .header-title,.integration_dropdown .dropdown-menu{
  width: 100%;
}



/* responsive */
@media (max-width:1440px){
.site_main{padding:20px;}
footer{padding-right:20px;padding-left:20px;}
.header-action{padding-right:20px;}
.main-content nav.nav{padding:15px 0;}
.files{margin-bottom:20px;gap:15px;}
.file{padding:20px;}
.files .file{width:220px;}
.files .file h4{font-size:18px;}
.files .file i:before{font-size:22px;}
}
@media (max-width:1400px){
  .header-wrapper {
    width: 45%;
}
}







@media (max-width:1199px){
  .header_toggle_switch label {
    font-size: 0;
    gap: 0;
}
  tr:hover .text-content {
    display: block;
    opacity: 1;
}
  .custom_check label{
    visibility: visible;
   }
.docs-buttons{justify-content:flex-start;}
.sidebar{width:280px;z-index:30;transform:translateX(-100%);}
.sidebar-toggle{z-index:50;left:15px;}
.nav{z-index:10;}
.main-content{width:100vw;margin-left:0;}
.header-title{width:100%;}
.header-wrapper{padding-left:75px;}
#sidebar-toggle{transform:translateY(-50%) rotate(180deg);}
.sidebar.closed{transform:translateX(0);}
.sidebar{padding:30px 15px;}
.main-content.shifted:before{position:fixed;content: "";width:100%;height:100vh;left:0;right:0;top:0;bottom:0;background:#000;z-index:11;opacity:0.5;visibility:visible;transition:all 0.3s;}
.close_sidebar_btn{display:block;position:absolute;top:30px;right:15px;color:var(--black-color);font-size:22px;line-height:1;}
.sidebar .logo{padding-right:40px;}
.main-content.shifted{height:100vh;overflow:hidden;}
.sidebar-card{padding:20px 15px;}
.table-pagination{width:auto;margin-left:auto;}
}
@media (max-width:991px){
  #FileUploadModal .modal-dialog {
    max-width: 100%;
}
.navtool-content_top{width:100%;}
.integration-container{grid-template-columns:8fr 4fr;}
.frame{width:100%;}
.mobile_menu{height:100%;margin:0;overflow-y:auto;}
.mobile_menu li{margin-bottom:20px;}
.mobile_menu li a{color:var(--black-color);font-size:16px;font-weight:400;line-height:20px;text-align:left;}
.close_sidebar{position:absolute;top:20px;right:15px;font-size:22px;color:var(--black-color);}
.files{grid-template-columns:repeat(1,1fr);}
.smallDrop{display:block;}
.frameBox .showcase-text{padding:2rem;}
.navtool span{display:none;}
.files .file{width:210px;padding:15px;}
th:first-child .form-check-input,td:first-child .form-check-input{visibility:visible;}
td:last-child{display:flex;gap:10px;justify-content:space-between;}
tr .action-boxcontent{display:flex;gap:10px;border-radius:4px;align-items:center;justify-content:flex-start;}
}
@media (max-width:767px){
  .section-head {
    padding-bottom: 10px;
}


  .toggle_switch {
    height: 20px;
    width: 36px;
}
.toggle_switch:before {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}
.header_toggle_switch label.switchon .toggle_switch:before {
  left: 18px;
}


  .files .file h4 {
    font-size: 0;
}
.integration-container {
  grid-template-columns: 1fr;
}
.integration-side{padding-top:20px;}
.files .file-upload-div .file{width:100%;}
.files > .file{width:80px; gap:10px;}
.files .file-upload-div {
  width: 80px;
}
.files .file {
  gap: 0;
}
.side-menu{
  height: auto;
}
.edit_file_header .header-action{
  width: auto;
}
.edit_file_header .header-action .btn-primary {
  font-size: 14px;
}
.edit_file_header {
  display: block;
}
.edit_file_header .header-action {
  width: auto;
  padding: 0;
  justify-content: space-between;
  margin-top: 15px;
}
.header-action .dropdown-toggle:after {
  display: none;
}
.save_reset_btn .save_btn:before{top:14px;}
.save_reset_btn .save_btn.show:before{top:18px;}
.save_reset_btn .save_btn{padding-left:25px!important;padding-right:25px!important;font-size:14px!important;}
.navtool{margin-right:3px;}
.edit_main_container .editBox,.side-menu{width:100%;}
.navtool-content_top{gap:10px!important;}
.docs-buttons::-webkit-scrollbar{display:none;}
.editBox{padding:30px 15px;}
.header-action .btn-primary{width:auto;border-radius:10px;}
.header-action .dropdown-toggle{padding:0;background:transparent;display:block;border:0;}
.sidebar{padding:20px 15px;}
.close_sidebar_btn{top:20px;}
.sidebar .logo{margin-bottom:25px;}
.sidebar-container{height:calc(100vh - 95px);}

.files .file i:before{font-size:18px;}
.filter-content .table-responsive{padding:0;}
.filter-content{padding:15px;}
.table-no-data{height:auto;}
.nav-btn{display:block;}
.nav-list{display:none;}
.navtool-content{padding-left:0px;}
.files{grid-template-columns:100%;}
.fileUpload{width:calc(100% - 30px);left:15px;right:15px;}
.site_main{padding:15px;}
footer{flex-direction:column;}
footer p{text-align:center;}
.table-pagination{justify-content:center;padding-top:10px;width:100%;}
.pagination-content{flex-direction:column;align-items:center;}
.nav{justify-content:center;}
.header-action{width:100%;gap:10px;padding:0 10px;justify-content:flex-end;}
.header-wrapper{display:none;}
.sidebar.open{transform:translateX(0);}
#mobile-sidebar-toggle{font-size:20px;display:block;padding:0;height:30px;width:30px;margin-right:auto;position:static;transform:none;}
.sidebar .close-btn{display:block;position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;}
.sidebar.closed{left:-250px;}
#sidebar-toggle{display:none;}
.sidebar-toggle{z-index:0;background:transparent;border:none;position:relative;left:0px;}
.header-action .btn-primary{padding:10px;font-size:12px;}
.pagination-content .pagination{flex-wrap:wrap;column-gap:5px;row-gap:10px;}
.previouspage,.nextpage{padding:6px 5px;}
.pagination a.page-link{padding:6px 5px;}
.shared-content{gap:15px;flex-direction:column;align-items:flex-start;}
.modal-body{padding:20px 15px;}
.share-member h6{font-size:14px;}
.shared-limit{padding:0;}
}
@media (max-width:575px){
.nav{padding:0.5rem;}
#nav-check:checked ~ .nav-list{height:calc(100vh - 50px);}
.action-box{grid-template-columns:1fr;}
.header,.header-wrapper{align-items:center;padding-top:20px;}
.header-title h1{font-size:1.2em;}
.header-title p{display:none;}
}