:root
 { --primary-color:#642ACD;
   --primary-dark-color:#f55b1e;
   --secondary-color:#005d92;
   --text-color:#0b132b; 
   --white-color:#ffffff; 
   --black-color:#000000; 
   --gray-text:#333333; 
   --border-color:#D1D5DB; 
   --light-bg:#F8F4FF; 
   --dark-bg:#F2EAFF;}


@media (max-width: 1399.98px) {
.page-header .title h4 {font-size: 15px;}
.page-header .title span.sub-count { font-size: 15px; display: flex; align-items: center;}
.page-header p {font-size: 14px; line-height: 22px;}
.custom-file-input, .custom-select, .form-control { font-size: 12px;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {font-size: 12px;}
.global-search-input {font-size: 12px;}
.status-tag .labour-txt {font-size: 12px;}
.login-page.login-wrap .login-box {
	width: 70% !important;
}
.login-txt h1 {
	font-size: 42px !important;
}
.login-txt {
	width: 80% !important;
	margin: 0 auto;
}
.table thead th {
	font-size: 16px !important;
}
.profile-box {
	padding: 15px;
}
.pro-img h2 {
	font-size: 32px;
}
ul.nav-tabs.custom-tabs {
	gap: 10px;
}
.setup_school h6 {
	font-size: 26px;
}
.app-btn-tab button {
	padding: 10px 30px;
	width: 180px;
}
.card-box .card-header h4 {
	font-size: 26px;
}
.header-right {
	gap: 20px;
	padding-right: 15px;
}
.data-card .data-card-header .data-title {
	font-size: 22px;
}
a.btn-read-report {
	width: 150px;
}
.content-stat {
	gap: 15px;
	margin: 0 10px;
}
.submission-card {
	padding: 15px;
}
.compliance_bar h3 {
	font-size: 40px;
}
.stats-container .stat-box .stat-value {
	font-size: 38px;
}
.plan-card .card-body h4 {
	max-width: 180px;
	font-size: 16px;
}
.purchase-sub-plan .card-header h5 {
	font-size: 22px;
}
.brand-logo a img {
	max-width: 160px;
	height: 50px;
}
.cmn-title p {
	font-size: 22px;
}
.permission-card-grid {
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
}
.ticket-container .ticket-details {
	width: 35%;
}
.ticket-container .conversation {
	width: 63%;
}
.subscription-info-card .info-item {
	padding: 12px 10px;
}
.dashboard-nm {
	font-size: 40px;
}
.list-group.dwl-ans {
	width: 45%;
}
.upload-label p {
	font-size: 15px;
}
.cert-detail-card span {
	font-size: 15px;
}
.inner-title {
	font-size: 22px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px !important;
    font-size: 12px;
}
.submission-meta span {font-size: 14px;}
.submission-meta {font-size: 14px;}
.submission-meta strong {font-size: 14px;}
.submission-card .submission-meta {display: flex; flex-wrap: wrap; flex-direction: column;}
a.btn.btn-view {font-size: 12px;}
.header-filter .global-search-input {width: 250px; }
.login-box {padding: 2rem !important;}
.login-box .login-title {margin-bottom: 10px;}
.login-box .input-group.custom {margin-bottom: 10px;}
.social-login {margin: 15px 0;}
.login-txt p {margin: 10px 0;}
.login-txt .solution-bx {margin: 10px 0;}
.login-txt .solution-bx h2 { font-size: 17px;}


}
@media (max-width: 1024px) {
    .login-txt h1 {font-size: 35px !important;}
     .login-box {height: 550px;}
     .login-box .login-title {padding: 0 0 10px;margin-bottom: 10px;}
     .login-box .input-group.custom {margin-bottom: 10px;}
     .forgot-password-link-container {padding-bottom: 10px !important;}
     .social-login {margin: 10px !important;}
     .login-compliance {margin-top: 30px;}
}

@media (max-width: 767.98px) {
.login-txt h1 {font-size: 35px;}
.sidebar-shrink .header-left { padding-left: 250px;} 
 .sidebar-shrink .left-side-bar.open {width: 250px;}
 .sidebar-shrink .left-side-bar.open .brand-logo {  width: 250px;}
 .sidebar-shrink .left-side-bar.open .menu-block .sidebar-menu ul li {  width: 100%; display: block;}
 .sidebar-shrink .left-side-bar.open .menu-block  {display:block !important;}
 .sidebar-shrink .sidebar-light .sidebar-menu .show>.dropdown-toggle {  background-color: var(--primary-color) !important;}
 .sidebar-shrink .left-side-bar li.dropdown a { display: flex; align-items: flex-start; padding: 15px; gap: 15px;}
 .sidebar-shrink .left-side-bar.open .menu-block .sidebar-menu ul li a {  display: flex;  align-items: center; justify-content: flex-start;    border-radius: 5px;}
.sidebar-shrink .left-side-bar.open .menu-block .sidebar-menu ul li span.mtext { display: block;}
.left-side-bar.open .menu-block .sidebar-menu ul li.dropdown.show ul.submenu { display: block !important;}
.left-side-bar.open .brand-logo a img.light-logo-open { display: none !important;  max-width: 50px;}
.sidebar-shrink .left-side-bar.open .brand-logo a img.dark-logo { display: block !important;}
.sidebar-shrink .sidebar-menu .dropdown-toggle:after {  content: "\F282";  position: absolute;    right: 15px;    font-size: 16px;    font-weight: 700;    top: 0%;    -webkit-transform: translate(0, -50%);    transform: translate(0, -50%);    display: block;    font-family: bootstrap-icons, sans-serif;}
.sidebar-shrink .sidebar-menu .dropdown-toggle {position: relative;}
.sidebar-shrink .main-container {  padding-left: 0;}
.global-search-input {width: 90px;}
.sidebar-shrink .header-left { padding-left: 0;  position: absolute;   left: 0;}
.header { width: 100%;  display: flex;  align-items: center;  justify-content: end; }
.pro-img h2 { font-size: 22px;}
.add-bg {padding: 20px;}
.card-box.profile-detail h6 { font-size: 18px;}
.add-bg h5 { font-size: 18px !important;}
.card .card-body button.viewDetailsBtn { width: 150px;}
.header-right { width: 50%;}
.header-left { width: 50%;}
.data-card .data-card-header .data-title {font-size: 16px !important;}
.card-view-common .card-description { font-size: 14px;}
.ticket-container .ticket-details {padding: 10px;}
.ticket-details h6 {font-size: 16px;}
.side-popup {width: 100% !important;}
.content-stat {gap: 0;margin: 0 0;}
.content-stat .content-box {border: 0; margin: 0;}
.dashboard-nm {font-size: 22px; }
.sidebar-container.app-checklist h6 {font-size: 18px;}
.submission-card h5{font-size: 18px;}
.sidebar-shrink .left-side-bar.open .menu-block .sidebar-menu ul li a::after {display: block; top: 50%;}
.page-header {padding-top: 0 !important;}

.sitemap-items {padding-bottom: 50px;}
.sidebar-shrink .left-side-bar.open .menu-block .sidebar-menu .dropdown-toggle.dropdown-icon-remove:after {display: none !important;}
.breadcrumb li.breadcrumb-item.active { text-decoration: none !important;  max-width: 200px; overflow: hidden;text-overflow: ellipsis;    height: 30px;    white-space: nowrap;}
.app-btn-tab button { padding: 10px 30px;  width: 120px;}
.card-box .h5.title-add-bg {font-size: 14px;}
.card-box .h5.title-add-bg span {font-size: 14px;}
.activity-icon  {display: none;}
.card-body.license{ height: 200px; overflow-y: scroll;}
.brand-logo .close-sidebar i::before {font-size: 40px;}
.compliance_bar h3 {  font-size: 24px; }
.app-checklist.submission-card {height: 300px;}
.list-card-data {  height: 500px;  overflow-y: inherit;}
.submission-card .submission-meta {    display: flex !important;  flex-direction: column; justify-content: end;}
.datatable-bottom {padding: 10px 20px !important; overflow: scroll;}
a.task-btn { height: 40px; width: 200px !important; line-height: 15px;}
.sidebar-menu .submenu li:before { top: -49px; height: 62px;}
.sidebar-light .sidebar-menu .show>.dropdown-toggle { background-color: var(--primary-color) !important;}
.sidebar-light .left-side-bar.open .sidebar-menu .dropdown-toggle:hover, .sidebar-light .left-side-bar.open .sidebar-menu .submenu li a:hover {background-color:var(--primary-color) !important;}
.submission-card {  padding:30px 20px; }
.filter-sidebar {position: absolute;}

}

@media (max-width: 767.98px) {
.login-box { max-width:inherit; padding: 1rem !important; margin: 5px auto;}
.login-box .login-title h2 { font-size: 30px;}
.login-page.login-wrap.d-flex .login-box {width: inherit;}
.otp-inputs input.otp-field {width: 50px;}
.search-header {display: none;}
.form-group.cmn-dropdown{ min-width: 150px; text-align: left;}
.form-group.cmn-dropdown
.select2-container .select2-selection--single .select2-selection__rendered{width: 150px;}
.content-stat {margin: 0; gap: 0;}
.header-right {width: 50%;}
.header-left { width: 50%;}
.left-info {display: none;}
.right-controls {display: none;}
.global-search-container {  margin: 0 !important;}
.unlock-btn.bulk_active {margin-left: 0 !important;}
.datatable-action {margin-left: 0 !important;}
.datatable-action button:first-child {margin-left:  0 !important;}
.page-header a.add_button {margin-left: 0 !important;}
.status-tag .pending {font-size: 12px;}
.status-tag .rejected {font-size: 12px;}
.ticket-container .ticket-details {width: 100%;}
.ticket-container .conversation {width: 100%;}
span.close-tkt {min-width: 120px; font-size: 14px;}
.ticket-container {height: 100%; gap: 30px;}

}