* { box-sizing: border-box; text-decoration: none; list-style: none; font-family: 'Inter', 'sans-serif', sans-serif; padding: 0; margin: 0; margin-bottom: 0px; }
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .shimmer-main-content, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
 h1, h2, h3, h4, h5, h6 { color: #322f2b; font-weight: 400; line-height: 1; }
 h2 { font-size: 15px; line-height: 1; }
 h3 { font-size: 15px; font-weight: 700; }
 h4 { font-size: 14px; font-weight: 700; }
 h5 { font-size: 10px; color: #121013; }
 p { font-size: 14px; color: #535353; margin-bottom: 0px; }
 a, button { outline: none; text-decoration: none !important; transition: all 0.3s ease-out 0s; }
 select { outline: none; }
 ::selection { text-shadow: none; color: var(--text-color); background: var(--primary-color); }
 .right-content-wrapper h1, .right-content-wrapper h2, .right-content-wrapper h3, .right-content-wrapper h4, .right-content-wrapper h5, .right-content-wrapper h6 { margin-bottom: 0px; }
 .rlspace { /* padding-left: 24px; padding-right: 24px; */ }
 .inline-wrapper { display: flex; justify-content: space-between; gap: 20px; flex-direction: column; }
 .h100 { height: 100%; }
 .h90 { height: 90%; }
 /* custom color theme */ :root  { 
    --bg-body: #F2F4F7;
     --primary-color: #C49A6C; 
    --seconadary-color: #C49A6C;
    --third-color:#C49A6C;
    --border: #D0D5DD;
    --border-2: #EAECF0; 
    --text-color: #fff; 
    --text-color-1: #344054; 
    --text-color-2: #182230; 
    --text-color-3: #000; 
    --paragraph-sub-description: #475467; 
    --heading: #363636; 
    --btn-hover: #111111; 
    --border-radius: 30px; 
    --Failed-text: #FEF3F2; }
 /*--login start--*/ .login-form-outer { width: 100%; max-width: 450px; margin: 0 auto; padding: 0 !important; z-index: 0; border-radius: 12px; border: unset; background: var(--text-color); box-shadow: 0px 4px 6px -2px rgba(38, 69, 131, 0.03), 0px 12px 16px -4px rgba(19, 43, 89, 0.08); text-align: center; /* padding: 84px 50px 88px 50px; */ }
 .login-form-wrapper { border-radius: 4px; background: var(--bg-body); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: fixed; }
 .login-logo { /* background: #000; */ border-radius: 12px 12px 0px 0px; padding: 10px 0px; }
 .login-input-wrapper input[type="password"] { border-top-left-radius: 0; border-top: 0; border-top-right-radius: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
 .login-input-wrapper .form-control { padding: 10px 14px; border-radius: 8px 8px 0px 0px; border: 1px solid var(--border); background: var(--text-color); }
 .forget-form{ border-radius: 8px !important; }
 .login-form-outer input[type="submit"]:hover { background-color: var(--btn-hover); border: 1px solid var(--btn-hover); color: var(--text-color); }
 .login-form-outer input[type="submit"] {transition: all 0.5s ease; color: #fff; padding: 15px 28px; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; border-radius: 8px; border: 1px solid var( --third-color); background: var( --third-color); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); margin: 20px auto 10px auto; width: 100%; max-width: 86%; &:hover{ background-color: #000; border-color: #383838; }
 }
 .login-input-wrapper input[type="text"]::-webkit-input-placeholder { color: #667085; font-family: Inter; font-size: 16px; font-weight: 400; line-height: 24px; }
 form.login-form-outer h4, .login-form-outer p { color: #101828; font-family: Inter; font-size: 30px; font-style: normal; font-weight: 600; line-height: 38px; margin: 0; padding: 0px 60px 15px 60px; text-align: start; }
 .login-form-outer p { color: var(--paragraph-sub-description); font-size: 16px; font-weight: 400; line-height: 24px; padding: 0px 60px 12px 60px; }
 .login-input-wrapper { padding: 10px 30px ; }
 .login-logo img { width: 100%; height: 100px; max-width: 55%; margin: 0 auto; object-fit: contain; }
 .login-form-outer p a { text-align: center; display: block; padding-top: 20px; }
 .login-form-outer p:last-child, .login-form-outer p a { background: #000; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; font-weight: 400; margin-top: 20px; padding-top: 0; padding-bottom: 15px; font-size: 16px; }
 /*--login end--*/ /*---left-sidebar-wrapper --- */ .main-outer-wrapper { border-radius: 4px; background: var(--bg-body); padding: 0 !important; /* padding: 91px 86px 92px 86px; */ position: relative; height: 100%; display: flex; justify-content: center; /* align-items: center; */ }
 .content-inner-wrapper { /* border-radius: 22px; border: 2px solid var(--border-2); */ background: var(--bg-body); display: flex; flex-wrap: wrap; width: 100%; }
 .main-outer-wrapper .container { max-width: 1556px; }
 a { text-decoration: none; }
 .col-md.left-sidebar-wrapper { /* max-width: 332px; padding: 16px 34px 20px 18px; min-height: 875px; max-height: 934px; */ position: fixed; left: 0; top: 0; bottom: 0; right: auto; max-width: 300px; min-width: unset; min-height: unset; margin: 0; padding: 0; background: #e5e7eb; width: 100%; z-index: 11; }
 .right-sidebar-wrapper { /* border-radius: 18px; */ /* background: var(--text-color); */ /* margin: 8px 9px 8px 0px !important; */ /* border: 2px solid var(--border-2); */ /* max-height: 934px; */ /* min-height: 875px; */ /* padding: 30px !important; */ }
 .nav-tab-outer-wrapper { padding: 30px; }
 .logo-header, .menu-wrapper-content { width: 100%; }
 .logo-right-btn { width: 40px; height: 40px; background: var(--border); border-radius: 50%; }
 .menu-items span, .bottom-bar span { /* color: var(--text-color-1); */ font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
 .menu-items ul li:nth-child(1) a { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
 .navbar ul li a { display: flex; align-items: center; padding: 12px 14px 12px 14px; border-radius: 6px; width: 100%; /* display: block; */ /* border: 2px solid var(--border-2)00; */ margin-bottom: 4px; /* color: rgb(255 255 255 / 40%); */ color:#71717a; transition: 0.2s ease-in; &:hover { color:#1c1717;; }
 }
 .navbar ul li a.active { color: #fff; }
 .menu-icon { width: 24px; height: 24px; display: inline-block; margin-right: 12px; }
 .navbar a.active { background: var( --third-color); }
 .navbar a.active svg { opacity: 1; color: #fff; }
 .logo-header a img { height: 100%; padding-bottom: 0; max-width: 90%; /* margin: 0 auto; display: inline-block; */ }
 .logo-header a span { padding-left: 16px; font-size: 35px; line-height: 21px; margin-bottom: 10px; display: none; }
 .navbar-expand-lg .navbar-collapse { flex-direction: column; align-items: center; }
 .left-sidebar { width: 100%; }
 .manu-navbar { padding-top: 28px; width: 100%; min-height: 710px; }
 .logo { align-self: center; }
 .navbar-collapse.collapse.show .logo { align-self: flex-start; }
 #ktytnavbar ul { padding-left: 0; }
 .left-sidebar-wrapper .navbar-expand-lg { position: unset; padding: 0; flex-wrap: nowrap; flex-direction: column; }
 .navbar-toggler.collapsed { background: #92a0d1; box-shadow: none; }
 .bottom-bar { /* border-top: 1px solid var(--border-2); */ padding: 20px 16px 20px 16px; position: absolute; bottom: 0; background-color: #e5e7eb; }
 .bottom-bar ul { margin: 0; }
 .bottom-bar:hover .user-profile-detail h6 { opacity: 1; }
 .bottom-bar:hover .user-profile-detail h5 { opacity: 1; }
 .menu-items { padding: 0 16px; min-height: 570px; }
 .logo-header { padding: 20px; padding-bottom: 0px; /* border-bottom: 2px solid var(--border-2); */ text-align: center; display: flex; justify-content: center; }
 .logo-header a { color: #000; font-family: Inter; font-size: 24.694px; font-style: normal; font-weight: 600; /* line-height: 35.278px; */ /* display: inline-block; */ background: #e5e7eb; /* border-radius: 6px; */ padding: 0px 0px 0px 0px; text-align: center; line-height: 0; display: flex; justify-content: start; }
 .table-content-svg svg path { fill: var(--btn-hover); }
 .menu-items .active-num { font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px; }
 /* .navbar ul li a:hover { /* background: var(--text-color); color: #fff; }
 */ .navbar ul li a.active .menu-icon svg path {  }
 /*-Right Side Bar --*/ .p0 { padding: 0px !important; }
 .right-content-wrapper { padding: 0px; position: relative; }
 .header-outer { width: 100%; background-color: #fff; padding: 20px 30px; border-bottom: 1px solid #e4e4e4; z-index: 11; position: relative; }
 .header-content-area { display: flex; justify-content: space-between; width: 100%; gap: 10px; align-items: center; position: relative; z-index: 10; /* padding-bottom: 30px; */ }
 .page-title { display: flex; gap: 10px; align-items: center; }
 .page-title button { display: none; }
 .page-title h1 { color: var(--heading); font-family: Inter; font-size: 25px; font-style: normal; font-weight: 600; line-height: 38px; }
 .page-title span { color: #98A2B3; }
 /*--- Button ---*/ .dropzone-btn { display: flex; align-items: center; gap: 16px; }
 .dropdown-btn-inner { display: flex; padding: 7px 17px; justify-content: center; align-items: center; gap: 6px; color: #667085; font-size: 14px; font-weight: 600; line-height: 24px; border-radius: 8px; border: 1px solid var(--border); background: var(--text-color); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); height: 40px; }
 .dropzone-btn .search-btn .dropdown-btn-inner { width: 100%; display: flex; justify-content: flex-start; align-items: center; padding: 9px 40px 9px 40px; height: 44px; }
 .search-btn { position: relative; }
 .search-btn svg { position: absolute; top: 12px; left: 14px; }
 .dropzone-btn .search-btn .dropdown-btn-inner::-webkit-input-placeholder { font-size: 16px; font-weight: 400; }
 .dropdown-btn-inner .dropdown-span { color: var(--text-color-1); display: flex; align-items: center; gap: 6px; }
 .dropzone-btn .search-btn .dropdown-btn-inner span { font-size: 16px; font-weight: 400; }
 .btn_hover .dropdown-btn-inner { border-radius: 8px; background-color: var(--btn-hover); color: #fff; border: 1px solid var(--btn-hover); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); color: #fff; font-size: 14px; padding: 10px 16px; gap: 8px; /* height: 44px; */ font-weight: 400; }
 .dropdown-btn-outer .fa-regular.fa-chevron-down { color: var(--text-color-1); }
 .dropdown-btn-inner:hover, .dropdown-btn-inner:hover svg path { box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10); }
 .dropdown-btn-outer { position: relative; width: fit-content; /* width: 175px; */ }
 .dropdown-btn-outer .dropdown-item { padding: 10px 14px; color: #101828; font-size: 16px; text-transform: capitalize; }
 .dropdown-menu.show { width: fit-content; }
 .dropdown-item label { width: 100%; }
 .dropdown-menu.show li { background: var(--text-color); }
 .dropdown-text { color: #101828; font-size: 16px; text-transform: capitalize; }
 .dropzone-btn .modal-check-btn:before { background: url(../images/drop-check.svg); }
 .green-type .dropdown-text { font-weight: 500; }
 .tab-content { /* padding-top: 54px; padding-bottom: 63px; */ }
 .nav-tabs-inner .nav-link { color: #98A2B3; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; margin: 0px 44px 0px 0px; padding: 0px; position: relative; }
 .nav-tabs-inner .nav-link.active:after { content: ''; position: absolute; border-bottom: 2px solid #2563EB; height: 100%; width: 100%; left: 0; bottom: -25px; }
 .nav-tabs-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 2px solid var(--bg-body); padding-top: 8px; padding-bottom: 11px; height: 63px; }
 .side-btn-wrap { display: inline-flex; align-items: center; gap: 11px; }
 .nav-tabs-inner .nav-pills .nav-link.active { color: #2563EB; background-color: unset; border: none; border-radius: unset; }
 .nav-link span { color: var(--border); letter-spacing: -0.42px; padding-left: 10px; }
 .side-btn-wrap .dropdown-btn-inner { padding: 10px 16px; }
 .side-btn-wrap span { font-size: 14px; font-weight: 600; line-height: 20px; }
 .date-rang-block .date-rang-input:focus-visible { outline: none; }
 .dropdown-btn-outer .data-range.data-range input { font-size: 14px; font-weight: 600; }
 .media .dropzone-btn .dropdowm-btn-max .dropdown-btn-inner { min-width: 130px; }
 .menu-items span svg path { }
 .left-sidebar .menu-items span svg path{  }
 .menu-items span svg { /* opacity: 0.4; */ transition: 0.2s ease-in; }
 .navbar ul li a:hover .left-sidebar .menu-items span svg { opacity: 1; fill:#1c1717; }
 .delete-wrap { background: var(--btn-hover); color: #fff; border: 1px solid var(--btn-hover); }
 .upload-btn { background-color: var(--btn-hover); color: #fff; border: 1px solid var(--btn-hover); font-weight: 400; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); height: 40px; padding: 7px 17px; border-radius: 8px; display: flex; justify-content: center; align-items: center; gap: 6px; font-size: 14px; line-height: 24px; transition: 0.2s ease; }
 .upload-btn svg { transition: 0.2s ease; }
 .upload-btn.active svg { transform: rotate(45deg); }
 .delete-wrap span.dropdown-span { color: var(--text-color-3); }
 .delete-wrap svg path { stroke: #fff; }
 .upload-btn svg path { stroke: white; }
 /*--Table--*/ .off-check { display: none; }
 .tables-wrapper-box { /* scrollbar-width: none; */ }
 .tables-wrapper-box-inner { width: 100%; }
 .tables-wrapper-box-inner thead th:last-child { border-radius: 0px 5px 5px 0px; }
 .tables-wrapper-box-inner thead th { padding: 0px 16px; border-bottom: 1px solid var(--border-2); }
 .table-heading {
   display: flex;
   align-items: center;
   gap: 3.48px;
   color: var(--paragraph-sub-description);
   font-size: 14px;
   font-weight: 700;
   line-height: 18px;
   padding: 13px 0px;
   color: #637381;
}
 .table-heading i { width: 14px; height: 14px; font-size: 14px; text-align: center; }
 .table-content-des {
   padding: 4px 14px;
   border-bottom: 0.87px solid var(--border-2);
   color: #637381;
   font-size: 14px;
}
 .table-content-des-inner { display: flex; align-items: center; gap: 10px; }
 .table-content-des-inner .tab-inner-description { font-weight: 500; }
 .table-content-des {
   padding: 4px 14px;
   border-bottom: 0.87px solid var(--border-2);
   color: #637381;
   font-size: 12px;
   font-weight: 500;
}
 .table-content-des p { color: var(--paragraph-sub-description); line-height: 20px; }
 .right-content-wrapper p { margin-bottom: 0px; }
 table.tables-wrapper-box-inner tbody tr { /* display: flex; */ flex-direction: row; flex-wrap: wrap; width: 100%; margin-block: 0; padding: 0; border-bottom: 1px solid #cccccc; border-radius: 0; }
 table.tables-wrapper-box-inner tbody tr:nth-child(odd) { border-bottom: 1px solid var(--border-2); background: #ffffff; cursor: pointer; }
 table.tables-wrapper-box-inner tbody tr:nth-child(even) { border-bottom: 1px solid var(--border-2); background: var(--text-color); }
 .mix-box { border-radius: 16px; border: 1px solid #F9DBAF; background: var(--simple-text); display: flex; align-items: center; gap: 4px; padding: 2px 8px 2px 6px; color: #B93815; text-align: center; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px; }
 .tab-inner-description .green-text { border-radius: 16px; border: 1px solid #ABEFC6; background: var(--green-text); color: #067647; }
 .tab-inner-description .Failed-text { border-radius: 16px; border: 1px solid #FECDCA; background: var(--Failed-text); color: #B42318; }
 .action-icons { display: inline-flex; gap: 12px; align-items: center; width: 100%; justify-content: end; }
 .action-icons-inner {      }
	
	.user-profile-detail{width: calc(100% - 85px);}
 .user-wrapper-content { display: flex; gap: 10px; align-items: flex-start; flex-wrap:wrap; align-items:center; }
 .user-wrapper-content a{padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    width: 25px !important;
    margin: 0 !important;}
 .user-profile-active { width: 40px; height: 40px; border-radius: 200px; border: 2px solid var(--border-2); display: grid; place-items: center; position: relative; z-index: 0; background: var(--bg-body); }
 .user-profile-inner h5 { font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; color: var(--paragraph-sub-description); margin: 0; }
 .user-profile-inner span { position: absolute; width: 10px; height: 10px; bottom: 0; right: 0; border-radius: 5px; border: 1.5px solid var(--text-color); background: #17B26A; }
 .user-profile-detail h6, .user-profile-detail h5 { word-break: break-all; width: 100%; color: #71717a; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; margin: 0; line-height: 20px; opacity: 0.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .user-profile-detail h5 { color: #09090b; font-weight: 600; }
 .bottom-bar .bottom-menu-login { position: relative; padding-right: 0; }
 /* .bottom-bar .bottom-menu-login a { padding: 0; top: 50%; position: absolute; right: 0; width: auto; transform: translateY(-50%); margin: 0; background: transparent; border: none; font-size: 20px; }
 */ .bottom-menu-dropdown{ position: absolute !important; top: calc(100% - 215px) !important; width: 100% !important; padding: 5px !important; margin: 0 !important; border-radius: 10px; }
 .bottom-menu-dropdown li { padding: 6px 12px !important; font-size: 14px; }
 .bottom-menu-dropdown li svg{ margin-right: 10px; vertical-align: text-bottom; }
 .bottom-menu-dropdown li a{ padding: 0 !important; }
 .bottom-menu-button { background-color: transparent !important; border: none !important; top: 50%; position: absolute; right: 0; width: auto; transform: translateY(-50%); }
 .bottom-menu-button::after{ font-size: 20px !important; color: #000 !important; }
 .borders{ height: 1px; background-color: #f3f3f3; }
 .modal-radio { display: none; }
 .modal-radio[type="radio"]:checked~.dropdown-btn-inner { background: #F9FAFB; }
 .sortData { cursor: pointer; }
 .tables-wrapper-box { /* min-height: 655px; */ /* max-height: calc(100vh - 104px); */ /* overflow-y: auto; overflow-x: hidden; */ /* visibility: hidden; */ /* scrollbar-width: none; */ }
 .tables-wrapper-box { max-height: calc(100vh - 145px); overflow-y: auto; overflow-x: hidden; }
 /* * { scrollbar-width: 0; }
 */ /* ::-webkit-scrollbar { width: 0; }
  */ /*------------- Pagination --------------*/ .pagination-nub-wrapper { /* position: absolute; */ width: 100%; left: 0; bottom: 0; z-index: 9; }
 .pagination-bar { display: flex; justify-content: space-between; align-items: center; padding: 12px 0px 16px 24px; }
 .pagination-btn .dropdown-btn-inner { padding: 8px 14px; color: var(--text-color-1); font-size: 14px; font-weight: 500; line-height: 20px; text-transform: capitalize; }
 .pagination-nub-inner { display: flex; justify-content: center; align-items: center; padding-left: 0; list-style: none; color: #2d53da; gap: 10px; margin-bottom: 0px; }
 .page-item a.page-link { padding: 12px; display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; transition: all 0.2s ease-out 0s; border-radius: 8px !important; color: var(--paragraph-sub-description); }
 .page-link { color: #667085; font-size: 14px; font-weight: 500; line-height: 20px; text-transform: capitalize; }
 .page-item:hover, .page-item.active { background-color: #F9FAFB; color: var(--text-color-2); border-radius: 8px; }
 .page-item:hover .page-link { /* color: #1D2939; */ }
 .more { width: 32px; height: 32px; text-align: center; transition: all 0.2s ease-out 0s; color: var(--paragraph-sub-description); }
 .modal-backdrop{ z-index: 12 !important; }
 .alert-box .modal{ z-index: 13  !important; }
 .pagination-left-text h5, p { color: #667085; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; }
 .pagination-left-text p { padding-top: 5px; font-weight: 400; }
 .pagination-left-text span { color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; }
 .pagination-nub-wrapper { display: flex; justify-content: space-between; align-items: center; }
 .dropdown-btn-outer .Previous-left { margin-right: 20px; }
 .dropdown-btn-outer .next-right { margin-left: 20px; }
 .form-control:focus { /* border-color: var(--primary-color) !important; */ }
 /*------------- Bottom Table --------------*/ .bt-input-field { display: flex; padding: 10px 14px; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; border: 1px solid var(--border); background: var(--text-color); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); width: 100%; max-width: 144px; height: 44px; }
 .temp-btn .dropdown-btn-inner { color: #A15C07; border: 1px solid #FEEE95; background: #FEFBE8; }
 .temp-btn .dropdown-btn-inner i { color: #FAC515; }
 .input-field { display: flex; align-items: center; justify-content: space-between; gap: 14px; /* padding-top: 16px; */ padding:16px 20px 20px 0; }
 .field-input-group, .field-input-group-inner { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; position: relative; margin-bottom: 10px; }
 .label-form, .field-input-group h5 { color: var(--text-color-1); font-size: 14px; font-weight: 500; line-height: 20px; }
 .input-field .field-input-group-inner .form-control { width: 424px; }
 .input-field .form-control::placeholder { color: #101828; }
 .input-field .form-control:focus, .input-field .form-select:focus, input.form-control:focus { outline: none; /* background-color: unset; */ box-shadow: none; }
 .input-field .form-control, .input-field .form-select, .field-input-group .form-control { padding: 11px 14px; border-radius: 8px; border: 1px solid var(--border); background: var(--text-color); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); color: #101828; font-size: 16px; font-weight: 400; line-height: normal; }
 .field-input-group-inner { position: relative; margin: 16px 0px; }
 .input-right-box { width: 16px; height: 16px; }
 .input-right-box, .input-left-box { position: absolute; top: 43px; transform: translate(0%, 0%); display: flex; align-items: center; justify-content: center; }
 .input-left-box { left: 10px; }
 .input-right-box { right: 10px; }
 .form-switch.pdf-copy { padding-left: 8px; }
 .pdf-copy { display: flex; width: 34px; height: 34px; padding: 8px; justify-content: center; align-items: center; border-radius: 50%; background: var(--border-2); }
 .resources .direction-info p { direction: rtl; text-align: end; }
 .resources .direction-info .tab-inner-description { direction: rtl; justify-content: end; width: 100%; }
 /*--media--*/ .media .dropdown-menu.show { left: 0 !important; margin: 0 auto !important; }
 .views-btn { display: flex; align-items: center; justify-content: center; border: 1px solid var(--border); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); overflow: hidden; border-radius: 8px; }
 .views-btn .list-btn .dropdown-btn-inner { border-right: 1px solid var(--border); }
 .dropdown-btn-inner.active { background: #F9FAFB; }
 .views-btn .dropdown-btn-inner { border: none; border-radius: unset; }
 .table-content-inner { display: flex; gap: 12px; }
 .table-content-svg { position: relative; }
 .table-pdf-text, .table-music { position: absolute; bottom: 10px; left: -6px; }
 .media .red-pdf span { background: #D92D20; padding: 2px 3px; }
 .media .gallery-wrapper-box .table-pdf-text span { background: none; padding: 0; }
 .table-pdf-text span { color: #fff; text-align: center; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 2px; background: #D92D20; padding: 2px 3px; }
 .table-content-des .table-music { left: 6px; }
 .dark-zip span { background: var(--text-color-1); }
 .blue-zip span { background: #155EEF; }
 .media .dropzone-btn :nth-child(3) .dropdown-btn-inner { max-width: 100%; }
 .search_form{ width: 100% ; }
 .media .media-sform { display: contents; }
 .text-content-wrap .video-sv svg path { fill: #ff0000; }
 .pdf-sv .table-pdf-text span { color: #ff0000; }
 .media .tab-inner-max { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
 .media .text-title.space-block h4, .media .text-subtitle-inner h5 { max-width: 164px; }
 .media .text-title.space-block h4 { font-size: 13px; line-height: 18px; width: 75%; white-space: nowrap; display: block; }
 .media .text-subtitle-inner h5 { font-size: 11px; line-height: 11px; font-weight: 400; }
 .media .dropzone-btn .dropdowm-btn-max .dropdown-btn-inner .dropdown-span svg { margin-right: 5px; }
 .mobile-content-area .dz-default.dz-message { margin: 0; }
 .file-upload-content-edit .upload-img { max-width: 200px; margin: 0 auto; width: max-content; }
 .image-content-wrap { /* min-height: 136px; */ }
 .thumb_dropdown .action-icons-inner a { color: #000; }
 .thumb_dropdown .action-icons-inner:last-child a, .thumb_dropdown .action-icons-inner:last-child a svg path { color: red !important; stroke: red !important; }
 .thumb_dropdown .action-icons-inner:first-child a svg path { stroke: #000 !important; }
 .media .action-icons-inner a svg path { stroke: var(--text-color); /* stroke: #637381; */ }
 /*--media--*/ /*--gallery--*/ .gallery-wrapper-inner { display: flex; cursor: pointer; flex-direction: column; align-items: flex-start; overflow: hidden; border-radius: 16px; border: 1px solid var(--border-2); margin-bottom: 0; /* min-height: 205px; */ position: relative; z-index: 9; }
 .dz-drag-hover .gallery-wrapper-inner { z-index: 8; }
 .thumb_dropdown { width: 120px; background: #ffffff; position: absolute; left: 0; top: 100%; display: flex; flex-direction: column; border-radius: 6px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; overflow: hidden; /* padding: 5px; */ display: none; }
 .thumb_dropdown a{ padding: 5px; display: block; font-size: 13px; }
 .thumb_dropdown .action-icons-inner { padding: 0; margin: 0; }
 .three_dots { padding: 9px 0; }
 .image-content-wrap { position: relative; width: 100%; z-index: 1; }
 .image-content-wrap img, .text-content-wrap { width: 100%; height: 100%; object-fit: cover; background-color: #fff; }
 .image-content-wrap img { /* min-height: 136px; max-height: 136px; */ aspect-ratio: 16 / 10; height: auto; min-height: inherit; }
 .img-inner-wrap { position: absolute; top: 0; left: 0; display: flex; padding: 7px 14px; gap: 4px; width: 100%; flex-direction: row-reverse; bottom: 0; align-items: flex-start; }
 .icons-bolck { /* display: flex; align-items: center; width: 100%; justify-content: space-between; */ display: flex; align-items: center; width: 100%; justify-content: end; }
 .icons-bolck:first-child { justify-content: end; gap: 8px; }
 .icons-bolck:first-child .action-icons-inner { padding: 9px 0; }
 .icons-bolck:last-child { justify-content: start; position: relative; }
 .action-icons-inner { padding: 9px; }
 .text-title.space-block { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 6px; }
 .media .table-content-svg .light-blue { bottom: 16px; left: 5px; }
 .media .table-content-svg .light-blue span { background: none; padding: 0; }
 .media .gallery-wrapper-box .table-pdf-text { left: 3px; bottom: 7px; }
 .text-subtitle-inner { color: #e1e1e1; display: flex; align-items: center; gap: 5px; }
 .text-title.space-block h4, .text-subtitle-inner h5 { color: #101828; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 600; line-height: 27.366px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
 .text-subtitle-inner h5 { color: var(--paragraph-sub-description); font-size: 11.973px; font-weight: 400; line-height: 17.104px; }
 .text-content-wrap { padding: 13px; }
 .image-content-wrap::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, #6B6B6B 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 0; }
 .image-content-wrap .animated_checkbox { position: absolute; background: #66e83c; height: 20px; width: 20px; bottom: 12px; left: 12px; top: auto; /* border: 2px solid #ffffff; */ border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all ease 0.2s; opacity: 0; }
 .media-check-border .image-content-wrap .animated_checkbox { opacity: 1; }
 .image-content-wrap .animated_checkbox:before { content: ''; height: 2px; border-radius: 3px; width: 0; background: #ffffff; transform: rotate(42deg) translate(0px, 0px); position: relative; left: 2px; top: 2px; }
 .image-content-wrap .animated_checkbox:after { content: ''; height: 2px; border-radius: 2px; width: 0; background: #ffffff; transform: rotate(128deg) translate(0, 3px); position: relative; left: 2px; top: 2px; }
 .media-check-border .image-content-wrap .animated_checkbox:before { width: 4px; }
 .media-check-border .image-content-wrap .animated_checkbox:after { width: 11px }
 .dropdown-menu .drop-divider { border-bottom: 1px solid var(--border-2); }
 .dropdown-menu .drop-divider:last-child { border-bottom: none; }
 .dropdown-item label, .dropdown-menu li, .dropdown-menu label { cursor: pointer; }
 .dropdown-item-export { display: flex; gap: 8px; align-items: center; }
 .file-upload .progress .progress-bar { background: var(--primary-color); }
 /*--gallery--*/ .form-submissions .amout-form { top: 47%; }
 .checkbox-outer { display: flex; align-items: center; padding: 16px; width: 100%; justify-content: space-between; border-radius: 12px; border: 1px solid var(--border-2); background: var(--text-color); }
 .check-inner { display: flex; align-items: end; justify-content: space-between; gap: 8px; }
 .checkbox-outer h6 { color: var(--text-color-1); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; margin-bottom: 0px; letter-spacing: 1px; }
 .gallery-wrapper-inner .check-btn { box-sizing: border-box; cursor: pointer; padding: 0px; width: 16px; height: 16px; float: none; position: relative; transition: all 0.4s; appearance: none; vertical-align: middle; background: var(--text-color); border-radius: 4px; border: 1px solid var(--border); position: absolute; height: 100%; top: 0; left: 0; width: 100%; opacity: 0; z-index: -1; }
 .check-btn { box-sizing: border-box; padding: 0px; width: 16px; height: 16px; float: none; position: relative; transition: all 0.4s; appearance: none; vertical-align: middle; background: var(--text-color); border-radius: 4px; border: 1px solid var(--border); }
 .check-btn::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-weight: 900; position: absolute; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: scale(0); transition: all 0.4s; color: var(--text-color); font-size: 12px; }
 .check-btn:checked::before:checked::before { background: #d81b1c; }
 .check-btn[type="checkbox"]:checked::before { transform: scale(1); border-radius: 4px; border: 1px solid var(--primary-color); background: var(--primary-color); }
 .check-btn[type="checkbox"]:checked { border-color: transparent; }
 .uc-border { border: 2px solid var(--primary-color); }
 .checkbox-wrapper { display: flex; flex-direction: column; row-gap: 16px; }
 .form-outer-label { margin-bottom: 16px; }
 .field-input-group.form_data .field-input-group { width: 100%; }
 .field-input-group .input-wrapper { display: flex; align-items: center; width: 100%; gap: 15px; }
 .form-inner-box { position: relative; width: 100%; }
 .field-input-group .input-wrapper .form-inner-box input { position: absolute; top: 0; left: 0; visibility: hidden; }
 .form-inner-box label { border-radius: 8px; border: 1px solid var(--border); background: #F9FAFB; height: 80px; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; color: #101828; font-size: 16px; font-weight: 400; line-height: normal; }
 .form-inner-box input[type="checkbox"]:checked+label, .field-input-group.join_form_radio .form-inner-box input[type="radio"]:checked+label { background: var(--primary-color); color: var(--text-color); border: none; }
 .field-input-group.join_form_radio .input-wrapper { border-radius: 8px; overflow: hidden; padding: 5px; }
 .field-input-group.join_form_radio .input-wrapper { gap: 0; }
 .field-input-group.join_form_radio .input-wrapper .form-inner-box label { border: none; border-radius: 0; height: 52px; }
 .field-input-group.join_form_radio .form-inner-box input[type="radio"]:checked+label { border-radius: 8px; }
 .field-input-group.join_form_radio .input-wrapper { gap: 0; border: 1px solid #D0D5DD; background: #F9FAFB; }
 .form-submissions .Donation-modal .modal-body { height: calc(100vh - 16vh); overflow: hidden; overflow-y: auto; padding-right: 10px; }
 /*--form submissions modal--*/ /* upload-popup */ .media .check-btn::before { font-size: 10px; }
 .contents-wrap { display: none; }
 .popup-block { border-radius: 10px 10px 0 0; border: 1px solid #D0D5DD; background: var(--text-color); box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); position: fixed; left: 50%; bottom: 0; max-width: 450px; width: 100%; z-index: 10; transform: translateX(calc(50% - 300px)); }
 .upload-btn-wrap { width: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; padding: 15px 15px 15px 15px; color: #101828; font-size: 16px; font-weight: 600; line-height: 20px; }
 /* .upload-btn-wrap.active .upload-btn svg { transform: translateY(45deg); transition: 0.2s ease; }
 */ .upload-overlay { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: -5; visibility: hidden; opacity: 0; backdrop-filter: blur(10px); transition: all 0.1s ease; }
 .upload-overlay.active { z-index: 10; visibility: visible; opacity: 1; }
 .contents-wrap { padding: 0px 24px 23px 26px; }
 .popup-block .file-upload { border-radius: 12px; padding: 16px 24px; width: 100%; }
 .popup-block .file-upload-content p, .popup-block .file-upload-content p:last-child { font-size: 12px; }
 .popup-block .file-upload-content p span { font-size: 14px; }
 .popup-block .dz-default { display: none; }
 .upload-btn-wrap i { font-size: 16px; position: relative; z-index: 9; }
 .popup-block .video-inner-content { display: flex; justify-content: flex-start; gap: 12px; position: relative; }
 .icon-opcl { position: absolute; right: 0; font-size: 18px; }
 .icon-opcl .fa-xmark { color: #F04438; cursor: pointer; position: relative; z-index: 2; }
 .icon-opcl i:last-child { display: none; }
 .bottom-upload-popup .dz-preview { display: none; }
 .bottom-upload-popup .wrapper .range { background: var(--primary-color); }
 .icon-opcl .fa-check { color: #16B364; }
 /* upload-popup */ /*--donation modal--*/ .Donation-modal .modal-dialog { border-left: 1px solid var(--border-2); background: var(--text-color); box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08); width: 100%; max-width: 499px; margin-right: 0; margin-top: 0; margin-bottom: 0; height: 100%; }
 .modal .btn-close { background-image: none; }
 .Donation-modal .modal-wrapper .dropdown-btn-inner { padding: 10px 14px; }
 .Donation-modal .modal-content { border: none; }
 .Donation-modal .modal-content::-webkit-scrollbar { width: 0px; background-color: #F5F5F5; }
 .Donation-modal .modal-body-wrapper { padding: 24px 24px 16px 24px; border-radius: 0; border: none; height: 100%; }
 .Donation-modal .modal-header, .Donation-modal .modal-body, .Donation-modal .modal-footer { padding: 0; border: none; }
 .Donation-modal .modal-dialog { pointer-events: auto; }
 .Donation-modal .modal-content { /* border-radius: unset; */ border: unset; background: unset; justify-content: space-between; height: 88%; overflow-y: scroll; overflow-x: hidden; position: unset; padding-bottom: 60px; }
 .modal-title { color: #101828; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; }
 .Donation-modal .modal-body { margin-top: 24px; }
 .Donation-modal .modal-body .field-input-group-inner .form-control { padding: 11px 40px; width: 100%; border-radius: 8px; border: 1px solid #D0D5DD; }
 .field-input-group .form-control::-webkit-input-placeholder, .field-input-group-inner .form-control::-webkit-input-placeholder { font-size: 14px; color: #101828; font-weight: 300; line-height: 24px; }
 .modal-wrapper { display: flex; justify-content: space-between; align-items: center; margin: 24px 0px; border-radius: 8px; border: 1px solid #D0D5DD; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); overflow: hidden; }
 .Donation-modal .modal-wrapper .dropdown-btn-inner { border-radius: 8px; border: none; border-right: 1px solid #D0D5DD; background: var(--text-color); border-top-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; cursor: pointer; }
 .modal-wrapper .dropdown-btn-outer:last-child .dropdown-btn-inner { border-right: none; }
 .Donation-modal .modal-wrapper .dropdown-btn-inner span { color: var(--text-color-1); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; }
 .Donation-modal .modal-wrapper .active span, svg { color: #1D2939; }
 .Donation-modal .Amount-donate { padding: 0px 0px 24px 0px; }
 .Donation-modal .card-wrapper-inner { display: flex; gap: 16px; padding-right: 83px; }
 .Donation-modal .modal-footer { border-top: 1px solid var(--border-2); position: absolute; bottom: 0px; right: 0; width: 100%; background: var(--text-color); }
 .drak-yellow .dropdown-btn-inner { border: 1px solid #000; background: #000; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); color: #fff; }
 .Amount-donate .input-right-box { top: 39px; }
 .btn_hover .dropdown-btn-inner:hover, .drak-yellow .dropdown-btn-inner:hover { background: #383838; color: var(--text-color); border: 1px solid #383838; }
 .login-input-wrapper .form-control:focus { box-shadow: none; }
 .dropzone-btn .search-btn .dropdown-btn-inner:focus { outline: none; }
 .dropdown-btn-inner:hover, .dropdown-btn-inner:hover svg path, .date-rang-block:hover, .select2-container--default .select2-selection--single:hover { box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10) !important; }
 .buttontypedonation[type="radio"]:checked+.dropdown-btn-inner { background: #F9FAFB; /* border-right: 1px solid #D0D5DD; */ border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; }
 .buttontypedonation { display: none; }
 /* end  */ /*--Gilyonos model--*/ .mob-label { color: var(--paragraph-sub-description); font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 10px; width: 100%; margin-top: 16px; position: relative; }
 .file-input { /* display: none; */ opacity: 0; position: absolute; top: 0; left: 0; visibility: hidden; }
 .file-upload { border-radius: 12px; border: 1px solid var(--border-2); background: var(--text-color); text-align: center; padding: 16px 24px; width: 100%; overflow: hidden; }
 .file-upload .upload-img img { border: 1px solid var(--border-2); border-radius: 8px; background: var(--text-color); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); padding: 9px; height: auto; width: auto; display: inline-block; margin-bottom: 12px; }
 .file-upload-content p span, .file-upload-content-edit p span { margin-bottom: 4px; line-height: 20px; font-weight: 600; background: var(--primary-color); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-right: 4px; }
 .file-upload-content p:last-child, .file-upload-content-edit p:last-child { max-width: 250px; margin: 0 auto; width: max-content; color: var(--paragraph-sub-description); font-size: 12px; font-weight: 500; margin-bottom: 0px; }
 .file-upload-content p, .file-upload-content-edit p { margin-bottom: 0px; color: var(--paragraph-sub-description); font-weight: 400; }
 .Gilyonos .modal .dropdown-btn-outer .date-range-label, .Gilyonos .modal .range-date { width: 100%; }
 .date-rang-block { position: relative; display: inline-flex; gap: 8px; align-items: center; border: 1px solid var(--border); padding: 7px 10px 7px 10px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); border-radius: 8px; width: 100%; max-width: 195px; }
 .date-rang-input { display: flex; gap: 8px; border: none; background: var(--text-color); color: var(--text-color-1); font-size: 16px; font-weight: 600; line-height: 24px; cursor: pointer; width: 100%; }
 .date-range-wrapper label { color: var(--text-color-1); font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; }
 .date-range-wrapper { display: flex; flex-direction: column; gap: 6px; margin-top: 15px; margin-bottom: 10px; }
 .Gilyonos .modal .form-control::-webkit-input-placeholder { color: #667085; }
 .Gilyonos .field-input-group-inner { margin: 18px 0px; }
 .content-outer-wrapper p span, .content-outer-wrapper p small { font-weight: 700; font-size: 14px; padding-left: 3px; }
 .content-outer-wrapper p { margin: 0; color: var(--paragraph-sub-description); font-size: 14px; font-weight: 400; line-height: 20px; padding: 5px 0px; }
 .content-outer-wrapper { margin-top: 0px; }
 .date-progress .date-rang-block { max-width: 100%; }
 .newsletter-modal-outer { display: flex; justify-content: space-between; margin-bottom: 50px; }
 .newsletter-modal-outer .dropdown-btn-outer:last-child { margin-left: 15px; }
 .newsletter-modal-outer .dropdown-btn-outer:last-child .dropdown-btn-inner { margin-left: auto; }
 .newsletter-modal-outer .dropdown-item-export p { margin-bottom: 0px; }
 .newsletter-modal-outer .dropdown-menu.show { left: 0 !important; }
 .Gilyonos .daterangepicker .drp-calendar { padding: 4px 24px; }
 .Gilyonos .mob-label { margin-top: 8px; }
 /*--pagevideo model--*/ .upload-video-wrapper { display: flex; gap: 12px; align-items: flex-start; width: 100%; border-radius: 12px; border: 1px solid var(--border-2); background: var(--text-color); padding: 16px; margin-top: 16px; }
 .video-pdf-content { width: 100%; }
 .video-inner-content { display: flex; justify-content: space-between; }
 .check-outer { display: flex; gap: 12px; align-items: center; }
 .check-outer p { margin: 0; }
 .wrapper { width: 100%; }
 .wrapper .range { display: block; height: 100%; background-color: var(--primary-color); box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4); overflow: hidden; border-radius: 8px; width: 0%; transition: all 0.2s ease; }
 .inner-text span { display: block; width: 215px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 50%; background: var(--primary-color); }
 .wrapper { width: 100%; box-sizing: content-box; height: 8px; position: relative; background: var(--border-2); border-radius: 5px; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); }
 .upload-wrapper-page .dropdown-btn-inner { width: 100%; }
 .page-video .modal .dropdown-menu.show, .page-video .modal .upload-wrapper-page .dropdown-btn-outer { width: 100%; }
 .page-video .modal .dropdown-btn-inner { justify-content: space-between; }
 .upload-wrapper-page { display: flex; flex-direction: column; gap: 6px; margin-top: 46px; }
 .upload-wrapper-page .dropdown-inner { display: flex; align-items: center; gap: 8px; }
 .page-video .modal .dropdown-btn-inner .dropdown-upload i { color: #000; }
 .page-video .modal .dropdown-btn-inner .dropdown-inner { color: #101828; font-size: 16px; font-weight: 400; }
 .resources textarea.form-control:focus { outline: none; box-shadow: none; }
 /*--pagevideo model--*/ /*--Resources modal--*/ .resources textarea.form-control { height: 170px; }
 .direction-info .form-control { direction: rtl; }
 .direction-info .form-control::-webkit-input-placeholder, .direction-info .form-control::-webkit-textarea-placeholder { text-align: end; }
 .resource-modal .wrapper .range { background: var(--primary-color); }
 .field-group-wrappper { display: flex; flex-direction: column; gap: 24px; margin-top: 24px; }
 /*--Resources modal--*/ /*--media modal--*/ .media .modal .field-input-group .bg-form, .media .modal .upload-wrapper-page .dropdown-btn-outer .bg-form { background: #F9FAFB; }
 .media .modal .modal-body .field-input-group:nth-child(3) { margin-top: 29px; }
 .media .modal .modal-body .field-input-group:nth-child(3) p { margin-bottom: 0; }
 .media .modal .upload-wrapper-page .dropdown-btn-outer .dropdown-btn-inner { justify-content: space-between; }
 .media .modal .upload-wrapper-page .dropdown-btn-outer, .media .modal .dropdown-menu.show { width: 100%; }
 .media .modal .dropdown-item-export p { border-radius: 6px; border: 1px solid #D0D5DD; background: var(--text-color); padding: 2px 4px 2px 5px; margin-bottom: 0; }
 .media .modal .dropdown-item-export p span { margin-left: 6px; }
 .media .modal .modal-body .edit-modal { margin-top: 37px; }
 .media .modal .upload-wrapper-page { margin-top: 0px; }
 .media .modal .mobile-content-area:last-child { /* margin-top: 29px; */ }
 .media .modal .mobile-content-area:last-child label .file-upload { margin-top: 20px; }
 .dropdown-menu li.highlight { background: #ededed; color: var(--text-color); }
 #create_media .mobile-content-area { margin-top: 0; }
 .file-upload img, .uploaded-file .file-upload-content { display: none; }
 .mob-label .uploaded-file { padding: 0; }
 .file-upload img { width: 100%; height: auto; aspect-ratio: 1 / .8; object-fit: cover; }
 .file-upload.uploaded-file img { display: block; }
 .media .modal .upload-wrapper-page .select2 { border-radius: 8px; border: 1px solid #D0D5DD; background: #F9FAFB; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }
 .file-upload-content-edit { padding: 16px 24px; }
 .media .modal .upload-wrapper-page .select2-selection--multiple { background: none; border: none; box-shadow: none; }
 .media .modal .upload-wrapper-page .select2-selection__clear { display: none; }
 .media .modal .upload-wrapper-page .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { background: none; width: auto; height: auto; margin-left: 0; text-indent: 0; }
 .select2-container--bootstrap-5 .select2-selection__choice__remove { position: absolute; right: 4px; top: auto; font-size: 18px; color: #98A2B3; }
 .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { background: none; }
 .media .modal .upload-wrapper-page .select2-selection__rendered .select2-selection__choice { position: relative; border-radius: 6px; border: 1px solid #D0D5DD; background: var(--text-color); padding: 2px 22px 2px 5px; margin: 0; color: var(--text-color-1); font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; }
 .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered { gap: 6px; }
 .media .modal .upload-wrapper-page .select2-container--bootstrap-5 .select2-selection__choice .select2-selection__choice__remove>span { display: block; }
 .media .modal .upload-wrapper-page .select2-container--bootstrap-5.select2-container--below.select2-container--focus .select2-selection--multiple .select2-search { display: none; }
 .media .modal .upload-wrapper-page .select2-container--bootstrap-5.select2-container--below .select2-selection--multiple .select2-search, .media .modal .upload-wrapper-page .select2-container--bootstrap-5.select2-container--below.select2-container--focus.select2-container--open .select2-selection--multiple .select2-search { display: block; }
 .contents-wrap #imgPreview { overflow: hidden; overflow-y: auto; min-height: 0px; max-height: 200px; }
 /* Dropzone */ .dropzone-wrap .dz-image img { display: block; }
 .dropzone-wrap .dz-preview { margin: 0; }
 .dropzone-wrap .dz-preview { display: none; }
 .dropzone.file-upload { padding: 0; }
 .mob-label .progress { border-radius: unset; height: 4px; }
 .dropzone .file-upload-content { padding: 16px 24px; }
 .Donation-modal .modal-body .volume-desk .form-control { padding: 11px; }
 /*--media modal--*/ /*--add media model--*/ .media .check-btn[type="checkbox"]:checked::before { border: unset; background: var(--primary-color); transform: scale(1.15); }
 .media input[type="range"]::-webkit-slider-runnable-track { background: var(--border-2); }
 .media input[type="range"]::-webkit-slider-thumb { width: 10px; height: 8px; border-radius: 50px; background: var(--primary-color); box-shadow: -407px 0 0 400px var(--primary-color); }
 .media .add-media .table-pdf-text span { background: #D92D20; padding: 2px 3px; }
 .media .add-media .table-pdf-text { left: -7px; bottom: 6px; }
 .media .add-media .blue-zip span { background: #155EEF; }
 .media .add-media .fig-zip span { background: var(--primary-color); }
 .text-subtitle { margin-top: -10px; }
 /* add media model */ /*-alert--*/ .main-outer-wrapper .alert { border-radius: 12px; border: 1px solid #75E0A7; background: #F6FEF9; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); max-width: 404px; width: 100%; padding: 16px; position: fixed; top: 26px; right: 31px; margin-bottom: 20px; z-index: 9; }
 /*--Error--*/ .modal .modal-body .field-input-group .error, .modal .modal-body .field-input-group-inner .error, .date-range-wrapper .date-rang-block.error { border: 1px solid #f90000; }
 .Donation-modal .modal-body .field-input-group label.error, .Donation-modal .modal-body .field-input-group-inner label.error { display: none !important; }
 .login-input-wrapper input[type="password"].error, .login-input-wrapper input[type="text"].error { border: 1px solid #ef0000; }
 .login-input-wrapper label.error, .login-input-wrapper label.error { display: none !important; }
 .login-input-wrapper input[type="password"].error { border-top: none; }
 .error-wrapper { border: 1px solid #f39090; background: #ebe6e6; border-radius: 12px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); max-width: 404px; width: 100%; padding: 16px; position: fixed; top: 26px; right: 31px; margin-bottom: 20px; z-index: 10; }
 .error-wrapper .success-icons-wrap { border-color: rgb(243 144 144 / 10%); }
 .error-wrapper .success-icons-inner { border-color: rgb(148 7 7 / 30%); }
 .error-wrapper .success-icons-inner path { stroke: #f39090; }
 .error-wrapper .cross-sucess-btn i { color: #f39090; }
 /* login-messeage */ .success-wrapper-inner, .error-wrapper { display: flex; align-items: flex-start; gap: 16px; }
 .login-wrap .success-wrapper-inner { align-items: center; }
 .success-wrapper { border-radius: 12px; border: 1px solid #75E0A7; background: #F6FEF9; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); max-width: 404px; width: 100%; padding: 16px; position: fixed; top: 26px; right: 31px; margin-bottom: 20px; z-index: 15; }
 .success-icons-inner, .success-icons-wrap { border-radius: 50%; display: flex; align-items: center; justify-content: center; }
 .success-icons-wrap { border: 1.667px solid rgb(7 148 85 / 10%); width: 35px; height: 35px; }
 .success-icons-inner { border: 1.667px solid rgb(7 148 85 / 30%); width: 26px; height: 26px; }
 .cross-sucess-btn { position: absolute; right: 15px; top: 15px; }
 .login-wrap .cross-sucess-btn { top: auto; }
 .cross-sucess-btn .close { border: none; background: none; }
 .cross-sucess-btn i { color: rgb(3, 113, 3); font-size: 20px; }
 .action-icons-inner a svg path { stroke: var(--text-color-3); }
 /* scroll-bar */ /* scroll-bar */ .tables-wrapper-box::-webkit-scrollbar, .form-submissions .Donation-modal .modal-body::-webkit-scrollbar, .contents-wrap #imgPreview::-webkit-scrollbar { border-radius: 5px; width: 6px; background-color: var(--bg-body); }
 .tables-wrapper-box::-webkit-scrollbar-thumb, .form-submissions .Donation-modal .modal-body::-webkit-scrollbar, .contents-wrap #imgPreview::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: var(--primary-color); }
 /* .nav-tab-inner-wrapper { position: relative; }
  */ .tables-wrapper-box .dz-drag-hover:before { border-radius: 0px 0px 16px 16px; border: 2px solid #4D9EEA; background: rgba(22, 132, 212, 0.80); height: 90%; position: absolute; content: ''; width: 100%; z-index: 9; bottom: 0; left: 0; }
 .tables-wrapper-box .dz-drag-hover .dz-message { opacity: 1; }
 .tables-wrapper-box .dz-message { margin: 0; text-align: center; position: absolute; /* width: 100%; */ height: 100%; z-index: 9; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 0; left: 0; right: 0; }
 .newsletter-modal-outer .dropdown-btn-outer, .newsletter-modal-outer .dropdown-btn-outer .dropdown-btn-inner { width: 100%; justify-content: space-between; transition: all 0.6s; }
 .tables-wrapper-box .dropzone { position: unset; width: auto; padding: 0px; }
 .newsletter-modal-outer .dropdown-btn-outer .show i { transform: rotate(180deg); }
 .newsletter-modal-outer .dropdown-btn-outer i { transform: rotate(0deg); }
 /* 9 feb */ .file-upload.error { border: 2px solid var(--primary-color) }
 .media-check-border { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
 .select-media-wrap { position: relative; z-index: 10; }
 .input-left-box svg { width: 25px; height: 25px; }
 .loader-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; }
 .dropzone.file-upload::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
 .popup-block .dz-message { margin: 0; }
 .popup-block label.mob-label { position: unset; margin: 0; }
 .popup-block .dropzone { position: unset; }
 .newsletter-modal-outer>.dropdown-btn-outer>label { margin-bottom: 6px; }
 .felid-group-user { display: flex; gap: 26px; }
 .right-sidebar-wrapper { margin-left: 300px; width: 100%; }
 .list_all_media { display: flex; flex-wrap: wrap !important; gap: 30px 0; justify-content: left; margin: 0 -15px; }
 .sorting_media { width: 16.66%; padding: 0 15px; }
 .header_right_area { display: flex; gap: 10px; }
 .header_center_area { /* width: 100%; */ width: 400px; }
 .header_center_area .dropdown-btn-outer { width: 100%; }
 .dropdown-btn-outer.date { min-width: 210px; }
 .navbar-toggle { border: none; background: transparent; }
 .subm { width: 100%; }
 .p4{ padding: 20px; }
 .side-pan{ gap: 15px; }
 .modal-content{ border-radius: 20px !important; padding: 25px 20px 30px 20px; }
 .modal-dialog .modal-header{ border: none; }
 .modal-dialog .modal-footer button:last-child{ &:hover{ background-color: #000; border-color: #000; }
 }
 .modal-dialog .modal-footer{ border: none; flex-wrap: nowrap; }
 .modal-dialog .modal-footer button:first-child{  width: 100%; }
 .modal-dialog .modal-header h1 svg{ color: #F24646; width: 20px; height: 20px; }
 .modal-dialog .modal-header h1{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; font-size: 25px !important; gap: 12px; }
 .modal-header button{ position: absolute; top: 20px; right: 20px; }
 .modal-body{ text-align: center; padding-top: 0 !important; }
 .svg-shadow{ width: 45px; height: 45px; background: #ffd9d9; display: flex; justify-content: center; align-items: center; border-radius: 50%; box-shadow: rgb(255 0 0 / 7%) 0px 0px 1px 5px; animation: animate-pulse 3s linear infinite; }
 @keyframes animate-pulse{ 0%{ box-shadow: 0 0 0 0 rgba(255,109,74,0.7),  0 0 0 0 rgba(255,109,74,0.7); }
 40%{ box-shadow: 0 0 0 8px rgba(255,109,74,0.0),  0 0 0 0 rgba(255,109,74,0.7); }
 80%{ box-shadow: 0 0 0 12px rgba(255,109,74,0.0),  0 0 0 8px rgba(255,109,74,0); }
 100%{ box-shadow: 0 0 0 0 rgba(255,109,74,0.0),  0 0 0 12px rgba(255,109,74,0); }
 }
 .alert-box > button{ background-color: #000; border-color: #000; &:hover{ background-color: #383838; border-color: #383838; }
 }
 .alert-box > button:active{ background-color: #383838 !important; border-color: #383838 !important; }
 .login_form [value="Forget"]{ margin-bottom: 40px !important; }
 /* 12/09/2024 */ 
 .home-menu-wrapper .nav-inner { display: inline-flex; align-items: center; width: 88%; }
 li.home-menu-wrapper ul.dropdown-menu.show { background: unset; width: auto; max-width: 80%; box-shadow: unset; border: unset; }
 .home-menu-wrapper .dropdown-toggle::after { color: #344054; margin: 0; }
 li.home-menu-wrapper ul.dropdown-menu.show li { background: unset; }
 .modal-dialog .modal-footer button:last-child:hover { color: #fff; }
 .disabled { pointer-events: none; opacity: 0.6; }
 /* 10/08/24 */ 
 .action-icons-inner a.restore-atts { border: 1px solid #ff0000; border-radius: 6px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }
 /* 10/11/2024 */ 
 .checkbox { display: none; }
 /* .switch { align-items: center; background-color: #76777a; border-radius: 500px; cursor: pointer; display: flex; height: 28px; justify-content: space-between; padding: 0 5px; position: relative; user-select: none; width: 60px; } */
 .switch { align-items: center; background-color: #76777a; border-radius: 150px; cursor: pointer; display: flex; height: 28px; justify-content: space-between; padding: 0 6px; position: relative; user-select: none; width: 70px; }
 .checkbox:checked ~ .switch { background-color: var(--btn-hover); }
 .checkbox:not(:checked) ~ .switch { background-color: #76777a; }
 .switch__left, .switch__right { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; margin-left: 4px;}
 .checkbox:checked ~ .switch .switch__left { visibility: hidden; }
 .checkbox:not(:checked) ~ .switch .switch__right { visibility: hidden; }
 .switch__circle { height: 24px; padding: 5px; position: absolute; transition: all 0.1s linear; width: 24px; }
 .checkbox:checked ~ .switch .switch__circle { right: 0; left: calc(100% - 30px); }
 .checkbox:not(:checked) ~ .switch .switch__circle { right: calc(100% - 35px); left: 0; }
 .switch__circle-inner { background-color: white; border-radius: 50%; display: block; height: 100%; width: 100%; }
 a.btn-back { color: #000000; }
 /* 09/11/2024 */
 .modal-dialog  .contents-wrap { padding: 0; width: 100%;}
 .modal-dialog .contents-wrap .dz-message { margin: 0;}
 button.delete_file { border: 1px solid #F24646;}
.modal-content { border: unset!important;}
.drak-yellow button.dropdown-btn-inner, .delete_bulkfiles { background: var(--btn-hover);  border: 1px solid var(--btn-hover); color: var(--text-color);}
.tables-wrapper-box-inner thead th:last-child .table-heading { justify-content: end;}
.modal-dialog .modal-footer button:last-child { width: 100%;}
.navbar ul li a.active .menu-icon svg circle {   fill: #fff;}
.navbar ul li a .menu-icon svg circle {   fill: var( --third-color);}
.dropdown-menu.show { border-radius: 8px; border: 1px solid var(--bg-body); background: var(--text-color); box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08); padding: 4px 0px; right: 0px !important; left: auto !important; top: 0 !important; position: relative; z-index: 10; bottom: 80px; position: relative; z-index: 10; }
.field-input-group input + label {   display: none!important;}
.date-wrapper, .location-cat {
   display: flex;
   align-items: center;
   gap: 15px;
}
.date-wrapper span i, .location-cat span i {
   font-size: 18px;
}
.ui-timepicker-standard {
   z-index: 1100!important;
}
/* 11/02/2025 */
.sort-inner.newsletters_form_status.show {
   left: 0!important;
}
/* media screen */ 
 @media only screen and (max-width: 1605px) { table.tables-wrapper-box-inner tbody td, table.tables-wrapper-box-inner tbody td span { font-size: 13px; padding: 16px 14px; }
 /* table.tables-wrapper-box-inner tbody td:first-child{ padding: 16px 24px; }
 */ }
 @media only screen and (max-width: 1600px) { .tables-wrapper-box-inner thead th { padding: 0px 12px; }
 .dropzone-btn .search-btn .dropdown-btn-inner { width: 100%; }
 .header-content-area {
   flex-wrap: wrap;
   margin-top: 20px;
   gap: 0;
   row-gap: 20px;
}
table.tables-wrapper-box-inner tbody td span.switch__circle, table.tables-wrapper-box-inner tbody td span.switch__circle span.switch__circle-inner {
   padding: 2px;
}
table.tables-wrapper-box-inner tbody td span.switch__right {
   padding: 5px;
}
 }
 .main-outer-wrapper { /* padding: 91px 20px 92px 20px; */ padding: 0 !important; }
 .col-md.left-sidebar-wrapper { /* padding: 16px 10px 20px 10px; */ padding: 0; }
 .menu-items { padding: 0 5px; }
 @media (max-width:1599px) { .sorting_media { width: 20%; padding: 0 15px; }
 }
 @media only screen and (max-width: 1440px) { .main-outer-wrapper { height: auto; }
 body { overflow: auto; }
 .Gilyonos .dropzone-btn .search-btn .dropdown-btn-inner { width: 137px; }
 }
 @media (max-width:1399px) { .sorting_media { width: 25%; padding: 0 15px; }
 }
 @media (max-width:1399px) { .sorting_media { width: 33.33%; }
 table.tables-wrapper-box-inner tbody td ,table.tables-wrapper-box-inner tbody td span{ font-size: 12px; padding: 10px 10px; }

 }
 @media only screen and (max-width: 1150px) { .tables-wrapper-box .dz-drag-hover:before { height: 78%; }
 }
 @media (max-width:1199px) { .header_center_area { order: 1; width: 100%; }
 .search-btn.dropdown-btn-outer { width: 100%; }
 }
 @media only screen and (max-width: 1275px) { .tables-wrapper-box .dz-drag-hover:before { height: 83%; }
 body { overflow: auto; }
 .tab-content-wrap {
   padding-bottom: 10px;
}
.date-wrapper, .location-cat {
justify-content: end;
}
 .right-sidebar-wrapper { /* margin: 8px 9px 8px 9px !important; */ }
 .tables-wrapper-box { /* max-height: 609px; */ }
 .p4{ padding: 0; }
 .table-content-inner { justify-content: end; }
 .main-outer-wrapper { height: auto; padding: 60px; }
 .right-sidebar-wrapper { max-height: unset; min-height: unset; height: auto; }
 .tab-content { /* padding-left: 15px; padding-right: 15px; */ }
 .col-md.left-sidebar-wrapper { /* min-width: 100%; min-height: unset; max-height: unset; height: auto; */ }
 .left-sidebar-wrapper .navbar-expand-lg .navbar-toggler { display: none; float: right; background: unset; box-shadow: none; }
 .left-sidebar-wrapper .navbar-expand-lg .navbar-collapse { /* display: none !important; */ }
 .bottom-bar { /* bottom: -25px; */ }
 .manu-navbar { margin-bottom: 20px; }
 .left-sidebar-wrapper .navbar-expand-lg .navbar-collapse.show { display: flex !important; }
 .tables-wrapper-box thead { display: none; }
 .tables-wrapper-box table, .tables-wrapper-box tbody, .tables-wrapper-box th, .tables-wrapper-box td, .tables-wrapper-box tr { display: block; }
 .tables-wrapper-box thead tr { position: absolute; top: -9999px; left: -9999px; }
 .tables-wrapper-box td:before { content: attr(data-label); }
 .dropzone-btn { flex-wrap: wrap; }

 .tables-wrapper-box tbody {
   padding: 10px 16px;
}
table.tables-wrapper-box-inner tbody tr {
   border: 1px solid var(--border-2);
   margin-bottom: 20px;
   margin-top: 20px;
   border-radius: 11px;
   box-shadow: 0px 5px 12px #00000033;
}
.action-icons-inner {
   padding: 0;
}
 .main-outer-wrapper .tables-wrapper-box td {
   position: relative;
   white-space: normal;
   text-align: right;
   min-height: unset;
   color: #667085;
   font-size: 14px;
   font-weight: 500;
   line-height: 18px;
   width: 100%!important;
   padding: 0px 15px 15px 0px;
   vertical-align: middle;
   height: 50px;
}
 .tables-wrapper-box td:before {
   position: relative;
   top: 50%;
   left: 20px;
   width: 50%;
   padding-right: 0;
   white-space: nowrap;
   text-align: left;
   font-weight: bold;
   display: block;
   text-transform: uppercase;
   font-size: 10px;
   vertical-align: middle;
}
.td-content span.tab-inner-description {
   justify-content: end;
   padding: 0;
}
.switch {
   margin: 0  0 0 auto;
}
.switch__circle {
   height: 15px;
   width: 15px;
}
.checkbox:checked ~ .switch .switch__circle {
   left: calc(100% - 24px);
}
table.tables-wrapper-box-inner tbody td, table.tables-wrapper-box-inner tbody td span {
   padding: 0;
}
table.tables-wrapper-box-inner tbody tr:nth-child(odd), table.tables-wrapper-box-inner tbody tr:nth-child(even) {
   border-bottom: 0;
}.tab-inner-description {  justify-content: flex-end;  } 

}
/* 11/02/2025 */
.sort-inner.newsletters_form_status.show {
   left: 0!important;
}
@media only screen and (max-width: 1154px) { .tables-wrapper-box .dz-drag-hover:before { height: 72%; } }
@media only screen and (max-width: 1024px) { 
 .right-content-wrapper p { text-align: end; } /* .main-outer-wrapper .tables-wrapper-box td { text-align: end; } */ .dropzone-btn .search-btn .dropdown-btn-inner { width: 100%; } } 
 @media only screen and (max-width: 991px) { .header-outer { /* padding-top: 0; */ padding: 0 20px 20px 20px; } 
 .header_center_area {  width: calc(100% + 60px); } 
 .dropzone-btn .search-btn .dropdown-btn-inner {
   border-radius: 8px;
   box-shadow: none;
}
 .dropzone-btn .search-btn .dropdown-btn-inner:hover { box-shadow: none !important; } 
 .dropzone-btn { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } 
 .pagination-nub-wrapper { bottom: -9px; flex-wrap: wrap; } 
 .dropdown-btn-outer .Previous-left { margin-right: 15px; } 
 .dropdown-btn-outer .next-right { margin-left: 20px; } 
 .tab-content { padding-bottom: 30px; } 
 .user-profile-detail { width: calc(100% - 40px); } 
 .col-md.left-sidebar-wrapper { max-width: 240px; } 
 .right-sidebar-wrapper { margin-left: 240px; } 
 .sorting_media { width: 50%; } 
 .search-btn.dropdown-btn-outer { /* width: 175px; */ } 
 .dropdown-btn-inner { font-size: 12px; } 
 .popup-block { max-width: 300px; } 
 .upload-btn-wrap { font-size: 13px; line-height: 12px; padding: 10px 15px 10px 15px; } }
 @media only screen and (max-width: 767px) { .pagination-nub .pagination-nub-inner{ padding-right: 10px; } 
 .page-title button { display: block; } 
 .delete-wrap, .add-wrap { border: none !important; background: none !important; padding: 0 !important; color: black !important; font-size: 0 !important; box-shadow: none !important; } 
 .delete-wrap svg path { stroke: #000; } 
 .add-wrap svg path { stroke: #000 !important; } 
 .header_right_area .add-wrap i{ font-size: 16px; color: black; } 
 .pagination-nub-wrapper { flex-wrap: wrap; } 
 .login-form-outer { /* max-width: 100%; */ margin: 0 50px; /* padding: 84px 50px 88px 50px; */ } 
 .pagination-nub-inner { gap: 5px; } 
 .dropdown-btn-outer .Previous-left { margin-right: 15px; } 
 .dropdown-btn-outer .next-right { margin-left: 20px; } 
 .dropdown-btn-outer .Previous-left, .dropdown-btn-outer .next-right { margin-right: 0px; } 
 .pagination-bar { padding: 12px 0px 16px 0px; } 
 .pagination-btn .dropdown-btn-inner { padding: 8px 8px; } 
 .pagination-nub-wrapper { position: relative; } 
 .pagination-bar { flex-wrap: wrap; } 
 .pagination-nub-wrapper { flex-wrap: wrap; display: flex; padding-left: 0px; padding-right: 0px; } 
 .pagination-btn { order: 3; } 
 .pagination-nub-inner { gap: 5px; flex-wrap: wrap; } 
 .right-sidebar-wrapper { margin: 0px !important; } 
 .media .tab-inner-max { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 135px; } 
 .right-content-wrapper p, .page-video .table-wrapper-inner p { text-align: end; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: auto; } 
 .Gilyonos .modal-wrapper .dropdown-btn-inner svg { width: 15px; height: 15px; } 
 .Gilyonos .modal-wrapper .dropdown-btn-inner { padding: 8px 3px; font-size: 11px; } 
 .col-md.left-sidebar-wrapper { transform: translateX(-100%); transition: 0.3s ease; } body.slip, .slip .tables-wrapper-box { overflow: hidden; } 
 .slip .col-md.left-sidebar-wrapper { transform: translateX(0); } 
 .right-sidebar-wrapper { transition: 0.3s ease; } 
 .slip .right-sidebar-wrapper { transform: translateX(240px); } /* .right-sidebar-wrapper{ padding: 20px !important; } */ .list_all_media { gap:  0; margin: 0 -5px; flex-direction: column; } 
 .gallery-wrapper-inner{ position: relative; flex-direction: row; border: none; border-radius: 0; gap: 10px; overflow: unset; } 
 .list_all_media .image-content-wrap{ width: 170px; border: 1px solid #eeeeee; border-radius: 8px; overflow: hidden; } 
 .nav-tab-outer-wrapper{ padding: 0; } 
 .sorting_media { padding: 20px; background-color: #fff; width: 100%; border-bottom: 1px solid #eeeeee; } 
 .table-content-svg svg { height: 29px; width: 22px; display: none; } 
 .text-subtitle{ margin-top: 0; font-size: 10px; } 
 .media .gallery-wrapper-box .table-pdf-text { left: 2px; } 
 .header-btn { font-size: 0 !important; border: none !important; box-shadow: none !important; padding: 0 !important; } 
 .upload-btn { padding: 7px 8px; } 
 .image-content-wrap{ position: unset; } 
 .img-inner-wrap{ top: 0; right: 0; left: unset; width: 30%; flex-direction: row; padding-right: 0; gap: 10px; } 
 .image-content-wrap::before{ background: unset; } 
 .three_dots svg{ fill: #000; } 
 .media .action-icons-inner a svg path{ stroke: #000; } 
 .text-content-wrap{ padding: 0; background-color: transparent; } 
 .icons-bolck:last-child{ justify-content: end; width: unset; } 
 .thumb_dropdown{ right: 0; left: unset; top: 32px; } 
 .three_dots{ padding: 10px 0; } 
 .icons-bolck:first-child{ gap: 12px; } 
 .media-check-border{ box-shadow: unset; } } /* lastt */ 
 @media only screen and (max-width: 575px) { 
.image-content-wrap .animated_checkbox{ height: 15px; width: 15px; bottom: 7px; left: 7px; } 
 .image-content-wrap img{ aspect-ratio: 1/1; } 
 .list_all_media .image-content-wrap{ width: 83px; height: 55px; border-radius: 4px; } 
 .login-form-outer { padding: 40px 20px 40px 20px !important; margin: 20px; } 
 form.login-form-outer h4, .login-form-outer p { font-size: 18px; padding: 10px 0px 12px 0px; line-height: normal; text-align: center; } 
 .login-form-outer p { font-size: 16px !important; } form.login-form-outer h4{ padding-top: 35px; } 
 .login-input-wrapper{ padding: 10px; } 
 .login-form-outer input[type="submit"] { margin-top: 30px; } 
 .main-outer-wrapper { /* padding: 10px; */ } 
 .menu-items { min-height: 400px; } 
 .page-title h1 { max-width: 100px; line-height: 1; font-size: 20px; } 
 .modal.fade .modal-dialog{ max-width: inherit; margin: 0; } 
 .success-wrapper{ width: unset; } }
  @media only screen and (max-width: 480px) { .tables-wrapper-box .dz-drag-hover:before { height: 78%; } 
 .dropdown-btn-outer.date{ min-width: 126px; max-width: 119px; } 
 .dropdown-btn-outer.date input{ font-size: 12px; } 
 .header_right_area .dropdown-btn-outer{ width: auto; } } 
 @media only screen and (max-width: 375px) { .Donation-modal .modal-wrapper .dropdown-btn-inner { padding: 8px 5px; } 
 .Donation-modal .modal-wrapper .dropdown-btn-inner span { font-size: 10px; gap: 3px; } }