:root {
  --bs-primary: #7F1C63;
  --bs-secondary: #4c4389;
  --font-body: 16px;
  --white-color:#ffffff;
  --black-color:#000000;
  --bs-family: "Poppins", serif;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  }
  
:focus {
  outline: 0;
}
ul,
ol {
  list-style-type: disc;
  margin-left: 18px;
  padding: 0px;
  margin-bottom: 10px;
}
li {
  margin: 0px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
strong {
  font-weight: bold;
}
a img {
  border: 0;
}
img {
  max-width: 100%;
  border: 0 none;
  height: auto;
  vertical-align: middle;
}
.display-block {
  display: block;
}

body {
  padding: 0;
  margin: 0px;
  color: var(--bs-black);
  font-family: var(--bs-family);
  font-size: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	padding: 0;
	margin: 0;
  font-family: var(--bs-family);
	font-weight: 600;
	color: var(--text-color);
}

h1 { font-size:42px; }
h2 { font-size:36px;}
h3 { font-size:30px; }
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 { font-size:16px; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { 
 color: var(--primary);	
}
button {
  cursor: pointer;
}
hr {
  border-color: #999;
}
p {
  clear: both;
  padding: 0 0 10px 0;
  margin: 0;
  color: var(--bs-black);
  font-size: var(--font-body);
  line-height: normal;
}
a {
  color: #000;
}
a:focus, a:active {
 outline: none !important;
 border: none;
}
p a:hover,
a,
a:hover {
  text-decoration: none;
  color: var(--bs-black);
}
iframe {
  max-width: 100%;
}
::-webkit-input-placeholder {
  color: #555555 !important;
}
::-moz-placeholder {
  color: #555555 !important;
  opacity: 1 !important;
}
:-ms-input-placeholder {
  color: #555555 !important;
  opacity: 1 !important;
}
:-moz-placeholder {
  color: #555555 !important;
  opacity: 1 !important;
}

.btn.focus,
.btn:focus {
  box-shadow: none;
}


.btn, .btn:active, .btn:focus  { background: linear-gradient(90deg, #801D64, #3C5096) !important; border: none; border-radius: 30px; padding:12px 30px; font-weight:600;}

.btn.btn-secondary, .btn.btn-secondary:active, .btn.btn-secondary:focus { background:#fff !important;  border:#ccc solid 1px;  color:#000;  }

.container {  max-width: 1380px; }


/*------------------------------------*\
         Custom Css Start
\*------------------------------------*/

html,body { min-height: 100%;}
body { background: #97427F; background: linear-gradient(135deg,rgba(151, 66, 127, 1) 0%, rgba(96, 114, 183, 1) 100%);  }



/* header css start here */

header { position: fixed; width: 100%; background: rgba(0,0,0,0.26); z-index: 99; background: #fff; box-shadow: 0 3px 3px rgba(6, 6, 6, 0.1); }
header .container { max-width: 100%; padding: 5px 30px;  }
.header-inner { display: flex; justify-content: space-between; align-items: center; }

.logo-sec img { max-width:200px; }

.profile-dropdown { cursor:pointer; background: url(../images/profile-arrow.svg) 100% 50% no-repeat; padding:10px 40px 10px 0;  }
.profile-block { display: flex; align-items: center;}
.profile-label span { display: block;   }
.profile-label .profile-name { padding: 0 0 5px 0; font-size: 16px; font-weight: 500; line-height: 16px;  }
.profile-label .profile-post { color:#E10071; font-size: 14px; line-height: 16px; font-weight: 400;}
.profile-block img { border-radius: 100%; margin-right:10px; width: 40px; height: 40px; object-fit: cover; border-radius: 100%; }

.top-header-right { display:flex;}
.notification { margin-right:20px;  }
.notification a { position:relative; background:#22274E; display:block; width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius: 100%;  }
.red-dot { background:#E10071; width:7px; height:7px; position:absolute; border-radius:10px; top:6px; right:12px; }

.profile-dropdown:hover .dropdown-menu-toggle { display:block; }

.dropdown-menu-toggle { position: absolute; background:#fff; top: 62px; list-style: none;  width:180px; right:0px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); display: none; }

.dropdown-menu-toggle li a { display: block; padding: 10px 15px; border-bottom:#e7e7e7 solid 1px;}
.dropdown-menu-toggle li a:hover { color:#E10071;  }
.dropdown-menu-toggle li:last-child a { border-bottom:none; }

.logout-btn { background: none; padding: 0px; border: none; font-size: 16px; display: block; width: 100%; text-align: left; }
.logout-btn:hover { color:#E10071; }


.hamburger-menu { display: none;}
.sidebar-top-mobile { display: none;}

/* header css end here */



.midd { padding:66px 0 0px 0; position:relative; }


.sidebar {  width: 270px;  background: #2b174b; height: calc(100vh - 66px);  position: fixed;  top:66px;  left: 0;   }
.sidebar-menu {padding:20px 0 20px 20px; }
.sidebar-menu ul {  list-style: none;  margin: 0px;   padding: 0px; }
.sidebar-menu ul li { margin: 0 0 5px 0;}
.sidebar-menu ul li a {  display: flex;  align-items: center;  padding: 15px 20px; color: #ddd;  text-decoration: none; transition: 0.3s; display: flex; align-items: center;   border-radius: 30px 0px 0px 30px; }
.sidebar-menu ul li a:hover, .sidebar ul li a.active { background: linear-gradient(90deg, #801D64, #3C5096);  color: #fff; }

.main-content {  margin-left: 270px;  padding:20px 30px 0px 30px; }

.topbar h3 { color: #fff; font-size: 32px;}


.form-control { border-radius:20px;  padding:7px 15px;}


.short-data select { width: 65px;}

.data-search { width: 250px;}

.data-search .form-control {border-right:none; color: #555555; height: 44px; }
.data-search button.btn-outline-secondary { border: var(--bs-border-width) solid var(--bs-border-color) !important; border-radius: 0px 20px 20px 0px; border-left:none !important; background: none !important; height: 44px; padding: 0px 20px;  }
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { background: none; }



/* .table-responsive { border: #ccc solid 1px; border-radius: 10px; border-left:none; border-bottom:none;} */

.table-responsive table {  background: linear-gradient(90deg, #3F4E94, #801D64); margin-bottom: 0px !important; border-radius: 10px; overflow: hidden; }

.table>:not(caption)>*>th { background-color: transparent;  color: #fff; }
.table thead th { padding: 10px; color: #fff;  }
.table thead th, .table tbody td { border-left: #ccc solid 1px; border-bottom: #ccc solid 1px; vertical-align: middle; font-size: 14px; text-align: center; font-weight: normal !important; }

.table-responsive .btn { padding:10px 12px;}
.table-responsive .btn:hover { color: #fff; background: linear-gradient(90deg, #3C5096, #801D64) !important; }

.table thead th, .table tbody td { text-align: center !important;}



.sidebar .bi {width: 25px; height: 25px; display: inline-block;  }

.bi { width: 18px; height: 18px; display: inline-block; }

.bi-shield-lock { background:url(../images/dashboard-icon.svg) 0 50% no-repeat; background-size: 20px auto; }
.bi-gear { background:url(../images/oem-icon.svg) 0 50% no-repeat; background-size: contain; }
.bi-file-earmark-text { background:url(../images/tender-icon2.png) 0 50% no-repeat; background-size: contain;  }
.bi-image { background:url(../images/gallery-icon.svg) 0 50% no-repeat; }
.bi-share { background:url(../images/idea-icon.svg) 0 50% no-repeat; background-size: 25px auto; }
.bi-permissions { background:url(../images/permissions-icon.svg) 0 50% no-repeat; background-size: contain; }
.bi-user { background:url(../images/users-icon.svg) 0 50% no-repeat; background-size: 28px auto; }


.bi-download { background:url(../images/download-icon.svg) 0 0 no-repeat; }
.bi-graph-up-arrow { background:url(../images/chart-icon.svg) 0 0 no-repeat; }
.bi-globe { background:url(../images/web-icon.svg) 0 0 no-repeat;}

.btn-download { background: linear-gradient(90deg, #801D64, #3C5096);  color: #fff; display: flex; align-items: center; }
.btn-visit { background-color: #28a745;  color: #fff; display: flex; align-items: center;}

.pagination li { margin: 0 0 0 8px;}
.pagination li a.page-link { border: none; border-radius:3px !important; background: #F3F3F3; color: #000; padding:5px 15px; font-weight: 500;  }
.pagination li a.page-link.active, .pagination li a.page-link:hover { background: linear-gradient(90deg, #801D64, #3C5096);  color: #fff; }




.footer { text-align: center;  color: #ccc;  padding: 15px 0px;  font-size: 0.9rem;     bottom: 0px;  left: 0px; right: 0px;  }
.footer-inner { display: flex; justify-content: space-between;}

.label-er{color: red;}

/* Dashboard page css start */

.dashboard-post { background:#fff; border-radius:10px;  padding:20px; display: flex; align-items: center;}
.dashboard-post .dashboard-icon { width:85px; height:85px; display: flex; align-items:center; justify-content:center; border-radius:10px; min-width: 85px;   }
.dashboard-post-detail { padding: 0 0 0 15px; }
.dashboard-post-detail p { margin: 0px; padding: 0px; font-weight: 500;}
.dashboard-post-detail h3 { white-space: nowrap; }

.dashboard-top-box .col-md-6 { margin-bottom: 30px;}

.da-dashboard-user .dashboard-icon { background:#7F1C63;}
.da-dashboard-user .dashboard-post-detail h3 { color:#7F1C63; }

.da-upload-file .dashboard-icon { background:#05A5DD;}
.da-upload-file .dashboard-post-detail h3 { color:#05A5DD; }

.da-login-active .dashboard-icon { background:#8FBC5E;}
.da-login-active .dashboard-post-detail h3 { color:#8FBC5E; font-size: 28px; }
.da-login-active .dashboard-post-detail h3 span { color: #5E5E5E; font-size: 16px; }

.da-active-sessions .dashboard-icon { background:#E75430;}
.da-active-sessions .dashboard-post-detail h3 { color:#E75430; }



.more-deta { min-height: 500px; }

/* Dashboard page css end */



.gallery-top { border-bottom: #ccc solid 1px; margin: 0 0 20px 0; padding:20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}

.breadcrumb { margin-bottom: 0px; }
.breadcrumb ul { display: flex; list-style: none; padding: 0px; margin: 0px; flex-wrap: wrap; }
.breadcrumb ul li { margin: 0 12px 0 0; font-weight: 500;}
.breadcrumb ul li a { padding: 0 6px; color: #7F1C63;  }
.breadcrumb ul li a:hover { opacity: 0.8;}
.breadcrumb ul li a:first-child { padding-left: 0px;}

.gallery-top-right { display: flex; gap: 15px;}

.create-folder a, .upload-photos a, .upload-doc a {  background: linear-gradient(90deg, #801D64, #3C5096);  color: #fff; display: flex; align-items: center; padding:10px 20px 10px 10px; border-radius: 30px; font-weight: 500; font-size: 15px; }
.bi-create-icon { background: url(../images/plus-circle.svg) 0 0 no-repeat; background-size: cover; width: 24px; height: 24px; display: block; margin: 0 6px 0 0;  }
.bi-upload { background: url(../images/upload-icon.svg) 0 0 no-repeat; background-size: cover; width: 24px; height: 24px; display: block; margin: 0 6px 0 0; }
.bi-upload-doc { background: url(../images/upload-doc.svg) 0 0 no-repeat; background-size: cover; width: 24px; height: 24px; display: block; margin: 0 6px 0 0; }


.folder-listing { padding:0px 20px !important; }
.folder-listing .col-md-2 { text-align: center;}

.folder-listing .col-md-2 .folder-icon { max-width: 100px; margin: 0 auto; margin-bottom: 0px !important; }
.folder-listing .col-md-2 { text-align: center;}
.folder-listing .col-md-2 .folder-name { font-size:14px; }
.folder-listing .col-md-2 { width: 12.5%; margin: 0 0 20px 0; }

.folder-option { display: flex; justify-content: space-between; position: absolute; top: 0px; left: 0px; width: 100%; display: none;  }
.folder-option span {  padding: 5px 7px; opacity: 0.5; }
.folder-option span:hover { opacity: 1; }
.folder-option span svg path { stroke: #4a780d !important;}
.folder-option span.folder-delete svg path { fill: #ff0000 !important; stroke: none; stroke: none !important;}

.folder-item { padding:30px 0 10px 0; position: relative;}
.folder-item:hover { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
.folder-item:hover .folder-option { display: flex;}

.gallery-main-step .folder-item { padding:0px 0 0px 0; position: relative;}
.gallery-main-step .folder-item:hover {box-shadow:none;}


.photo-listing { padding: 0px 20px;}
.photo-listing .col-md-3 { margin: 0 0 25px 0;}
.photo-listing .col-md-3 img { width: 100%; height: 200px; object-fit: cover;}

.document-option { width:100%; display:flex; justify-content:space-between; align-items: center; padding:20px 0 0 0; flex-wrap: wrap; }

.form-control:focus { outline: none; box-shadow: none; border-color: var(--bs-border-color) !important;}
.btn-outline-secondary:focus, .btn-outline-secondary:hover, .btn-outline-secondary:focus-visible  { outline: none; background: none; border: none; box-shadow:none !important; }

.doc-listing { padding:10px 30px 30px 30px;}
.doc-listing .col-lg-3 { margin-bottom: 30px;  }
.doc-block-box { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); border-radius: 10px; min-height: 100%; }
.doc-block-box:hover .photo-option { display: flex; }

.select-format select, .select-filter select { border: #ccc solid 1px; width: 120px; padding: 8px 15px; border-radius: 30px; font-size: 14px; height: 44px; }
.select-filter select { width: 160px; }


/* .gallery-main-step .folder-item { padding:0px 0 0px 0; position:relative; }
.gallery-main-step .folder-item:hover {  box-shadow:none; } */


.doc-block-icon {  border-radius: 10px 10px 0px 0px; height:120px; justify-content: center; display: flex; align-items: center; position: relative; }

.pdf-block { background: #FFEDED;  }
.doc-block { background: #E9F0FB;  }
.ppt-block { background: #F8E4E0;  }
.ex-block { background: #EBF4EF;  }

.doc-detail { padding: 15px;}

.doc-detail h3 {  font-size:16px; color: #000; margin: 0px; padding: 0px 0 6px 0;  }
.doc-detail p { padding: 0px 0 5px 0; margin: 0px; font-size:14px; color: #939393; }
.doc-detail p a { float: right;}
.doc-detail p a img { width: 18px;}


.select-option { display:flex; gap:15px;}

#preview-images .border.rounded { height: 100%; }


.login-html,.login-page { height: 100%;}
.login-page .midd { height: 100%; padding: 0px;}

.login-page-block { height: 100%;}
.login-page-block .row { margin: 0px; height: 100%; }

.login-page-block .row .col-md-7, .login-page-block .row .col-md-5 { padding:0px; position: relative; }

.login-bg { height: 100%; width: 100%; }
.login-bg img { height: 100%; width: 100%; object-fit: cover; }
.login-bg:before { background: linear-gradient(135deg, rgba(151, 66, 127, 0.9) 0%, rgba(96, 114, 183, 0.3) 100%); content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; }

.login-frm { background: #fff; height: 100%; display:flex; align-items: center;}

.login-frm-top { padding: 0 0 20px 0;}
.login-frm-top h2 { padding: 0 0 10px 0; font-size: 18px; }
.login-frm-top p { font-size: 20px; font-weight: 500;}

.login-content { padding:50px 30px; width: 100%; max-width: 520px; margin: 0 auto; }
.login-content input[type="text"], .login-content input[type="password"] { padding:12px 20px 12px 20px; border-radius: 30px; }



.login-txt { padding:0px 30px; max-width:520px; margin:0 auto; position: absolute; text-align: center; left: 0; right: 0; }
.login-txt h1 { color: #fff; margin: 0 0 20px 0; }
.login-txt p { color: #fff; margin: 0 0 30px 0;     font-size: 18px; }
.login-txt a { background: #fff; border-radius: 40px; color: #000; padding:15px 30px; font-weight: 600; }

/* .field-username { background: url(../images/input-email-icon.svg) 20px 50% no-repeat; background-size: 25px;   }
.field-password { background: url(../images/password-icon.svg) 20px 50% no-repeat; background-size: 25px; } */
.login-btn { padding: 20px 0 0 0;}
.login-btn input[type="submit"] { padding: 15px 30px; }
#remember_me { width:18px; height:18px; vertical-align: middle; }
.login-content .ms-1 { vertical-align: middle; }
.login-content .logo-sec { padding: 0 0 60px 0; text-align: center;}

.login-content ul { list-style: none; }
.login-content ul li { color: #ff0000; font-size: 14px; }





.topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px !important; } 
#addOemBtn.btn, #addTenderBtn.btn { background:#fff !important; color: #000 !important; padding: 10px 20px; }
#addOemBtn.btn span, #addTenderBtn.btn span { background: linear-gradient(90deg, #801D64, #3C5096) !important; display: inline-block; width:20px; height:20px; display: inline-block; border-radius: 100%; line-height: 21px; color: #fff;  }


table.dataTable { border-right: #ccc solid 1px; width: 100% !important;}
table.dataTable.no-footer { border-bottom:none !important; }

.table thead th, .table tbody td { text-align:left; }

.action-btn { display: flex; gap: 8px; }
.action-btn .btn { padding: 10px 15px 10px 15px;}
.action-btn .btn.edit { background:linear-gradient(90deg, #7cbb40, #61972d) !important; width: 80px;    }
.action-btn .btn.edit:hover { background:linear-gradient(90deg, #61972d, #7cbb40) !important;     }
.action-btn .btn.edit:before { background: url(../images/edit-icon.svg) 0 0 no-repeat!important; content: "";  background-size: 18px 18px; width: 18px; height: 18px; display: block; display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}

.action-btn .btn.delete { background:linear-gradient(90deg, #f94e66, #bf2a3f) !important; width: 102px; }
.action-btn .btn.delete:hover { background:linear-gradient(90deg, #bf2a3f, #f94e66) !important; }
.action-btn .btn.delete:before { background: url(../images/delete-icon.svg) 0 0 no-repeat!important; content: "";  background-size: 21px auto !important; width: 20px; height: 22px; display: block; display: inline-block; margin: -2px 3px 0 0; vertical-align: middle; }

.dataTables_wrapper .dataTables_filter { margin-bottom:15px!important; }
.dataTables_wrapper .dataTables_filter input[type="search"]{ border-radius:20px; padding:7px 15px; height:44px; border:#dee2e6 solid 1px; margin-left:6px;}
.dataTables_wrapper .dataTables_filter label { font-size: 14px; }

#oemTable_length label { display:flex; gap:10px; align-items:center; font-size: 14px; }

.dataTables_paginate { padding:10px 0px!important;  }

body .dataTables_wrapper .dataTables_paginate .paginate_button { background:#F3F3F3; font-size:14px; padding:8px 10px; margin:0 3px; line-height:11px; color: #000 !important; border:none!important; border-radius: 4px; margin-bottom: 5px;  }
body .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next { background: linear-gradient(90deg, #801D64, #3C5096) !important;  color:#fff!important; }
body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover { color:#fff!important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled { display:inline-block; background:#F3F3F3 !important; font-size:14px; padding:8px 10px; }

.dataTables_wrapper .dataTables_info {  font-size: 14px; }


#image-viewer { z-index: 999 !important;}

.photo-icon { position: relative;}
.photo-icon:hover .photo-option { display: flex; }

.photo-option { position: absolute; bottom: 10px; right: 10px; display: flex; align-items: center; gap: 10px; display: none; }
.photo-option a { background: #fff; width: 35px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 5px; }
.photo-option a:hover { opacity: 0.8;}



#searchBtn, #roleSelect { border-radius: 30px !important;}

#uploadForm .remove-image { background:#000!important; border-radius: 100%; padding:4px; top: -15px !important; right: -15px !important; }
#uploadForm .remove-image .bi-x { background:url(../images/close-icon.svg) 50% 50% no-repeat; background-size: 20px auto; width: 16px; height: 16px; display: block; filter: brightness(0) invert(1);  }

#uploadForm p.text-muted { word-wrap: break-word; }


#selectAllBtn.btn.btn-secondary, #deselectAllBtn.btn.btn-secondary { border-radius: 30px; padding: 12px 30px; font-weight: 600;}
#selectAllBtn.btn.btn-secondary.active, #deselectAllBtn.btn.btn-secondary.active { background: linear-gradient(90deg, #801D64, #3C5096) !important;  color:#fff!important;  }

#deleteDocumentBtn { border: none;}
#deleteDocumentBtn .bi-trash { 
  background: url(../images/delete-icon-red.svg) 0 0 no-repeat !important;
  content: "";
  background-size: 21px auto !important;
  width: 20px;
  height: 22px;
  display: block;
  display: inline-block;
  margin: 2px 0px 2px 0;
  vertical-align: middle; 
}

.file-field { font-size: 14px;  }
.file-field a { color: #666;}

#userTable .status { background: linear-gradient(90deg, #801D64, #3C5096) !important; font-size: 14px; padding: 13px 12px; }

.swal2-actions { gap: 10px;}


#oemForm .form-select { border-radius: 20px; }


.main-content main { min-height: calc(100vh - 170px);}


.footer-inner span { color: #fff;}


.table-responsive { overflow-x: visible; }
.table-responsive .parent-wrapper {overflow-x:auto; width: 100%; }


#permissionsSection .btn-success { border-radius:30px!important;}


.inner-table  { background: #f5f5f5 !important;  border: #ccc solid 1px !important; }
.inner-table th {color: #333 !important;}
table .inner-table td { text-align: left !important;}


table.dataTable td.dt-control:before { content: "+" !important;
  font-size: 16px;
  background: #28a745;
  border-radius: 20px;
  padding: 3px;
  height: 24px;
  line-height: 17px;
  width: 24px;
  border: #fff solid 1px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  color: #fff !important;   }
table.dataTable tr.dt-hasChild td.dt-control:before { content: "-" !important;  background: red;  font-size: 16px;

  border-radius: 20px;
  padding: 3px;
  height: 24px;
  line-height: 17px;
  width: 24px;
  border: #fff solid 1px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  color: #fff !important;   }




@media (max-width:1600px) { 

  .dashboard-top-box .col-md-6 { width:50%;}

}


@media (min-width: 1599px) and (max-width: 991px) {

  .doc-listing .col-lg-3 {    width:33.33333333%;   }

}


@media (max-width:1399px) {

  .header-inner { height:65px; }
  .logo-sec img { max-width: 200px;}

  .sidebar { width: 270px; }
  .main-content { margin-left: 270px; }

  .folder-listing .col-md-2 { width: 16.66%; }

}


@media (max-width:1200px){

  .dashboard-top-box .col-md-6 { flex: 0 0 auto;   width: 50%; }

  .document-option .input-group.data-search { margin-bottom: 20px;}

  .login-content { padding: 30px 80px;}

}


@media (max-width:1024px){

   header .container { padding: 10px 20px;}
  .header-inner { height:auto; justify-content: center; } 

  .midd { padding: 65px 0 80px 0; }

  .logo-sec img { max-width: 152px; }

  .sidebar {  left: -270px;  top: 0px; z-index: 9999; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);  transition: left 0.5s ease; /* smooth slide animation */}

  .menu-open .sidebar { left: 0px; }

  .main-content { margin-left: 0px; padding: 20px; }


  .hamburger-menu {margin: 0 auto 0 0; display: block; }

  .top-header-right { margin: 0 0 0 auto;}
  .profile-dropdown { padding: 0px 20px 0 0; background:none; }
  .profile-label { display: none; }
  .profile-block img { margin-right:0px; }
  
  .sidebar-top-mobile { background:#fff; height:68px;  display:flex; align-items:center; justify-content:center; position: relative; }
  .sidebar-logo img { max-width: 160px; }

  .close-side { background: #535353; border-radius: 100%; padding: 2px; width: 24px; height: 24px; display: flex; align-items: center; margin: 0 0 0 auto; position: absolute; top: 5px; right: 5px;  }
  .close-side svg { max-width: 100%;}


  .menu-open .logo-sec { opacity: 0; }

  .footer-inner { display: block; text-align: center;}

  .pagination {margin: 0px; margin-top: 15px;}

  .login-content { padding: 30px 20px;}

  
}



@media (max-width:767px){

  

.gallery-top { display: block;  padding:20px; }

.gallery-top-right { padding:20px 0 0 0;}

.create-folder a, .upload-photos a, .upload-doc a {justify-content: center; }

.folder-listing .col-md-2 { width:20%;}

.gallery-top-right { flex-wrap: wrap; gap: 0px; width:100%;}


.document-option .input-group.data-search { width: 100%;}


.document-option .select-format { max-width: 40%; flex: 0 0 40%; }
.document-option .select-filter { max-width: 60%; flex: 0 0 60%; padding: 0 0px 0 15px;}
.select-format select, .select-filter select { width: 100%;}

.document-option  .gallery-top-right .select-option  { width: 100%; display: flex; padding: 0 0 15px 0; gap: 0px; }

.create-folder { flex: 0 0 100%; padding: 0 0 15px 0; }
.upload-doc, .upload-photos { flex: 0 0 100%; }

.document-option .input-group.data-search { margin-bottom: 0px;}


.login-txt { padding: 30px 20px; max-width: 100%; }
.login-txt a { display: inline-block;}
.login-txt p { margin: 0 0 10px 0; }
.login-content { padding: 30px 20px;}

.dashboard-top-box .col-md-6 {  width: 100%;     margin-bottom: 20px;}

.sidebar-menu { padding: 20px 0 20px 0px; }

.dataTables_filter { width: 100%; text-align: left !important; }
.dataTables_wrapper .dataTables_filter input[type="search"] { margin-left: 0px !important; width: 100%;}

.parent-wrapper { padding:0px !important;}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { text-align: left !important;}


#selectAllBtn.btn.btn-secondary, #deselectAllBtn.btn.btn-secondary {  padding: 12px 10px; }

}



@media (max-width:479px){ 

  .folder-listing .col-md-2 { width:33.3333%;}



}
button.btn.btn-sm.btn-warning.reject {
    background: #ff0000 !important;
    color: #fff;
}