/*-------------------------------------------------
Tutor Dashboard CSS
-------------------------------------------------*/
div#cst-my-student-detail .tutor-fs-5 {
    display: none !important;
}
.tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky{
	z-index:-1 !important;
}
.single-courses .tutor-course-details-page.tutor-container {
    margin-bottom: 40px;
}
.user_import_container p {
    margin-top: 20px;
}
.cst-enroll-filter.cst-analytics-filter {
    grid-template-columns: repeat(3, 1fr);
}
.custom-toggle {
    display: flex;
}
span.toggle-label {
    width: 100%;
}
html {
  min-height:100vh;
}
body {
    accent-color: var(--theme-color2);
}
:root{
	--theme-color1:#333333;
	--theme-color1-rgb: 51, 51, 51;
	--theme-color2:#0073ff;
	--theme-color2-rgb: 29, 78, 216;
	--bs-white:#ffffff;
	--bs-white-rgb: 255, 255, 255;
	--bs-black:#000000;
	--bs-black-rgb: 0, 0, 0;
}

.kc-compare-table{
	background:transparent !important;
}
.kc-compare-table td {
    background: #313131 !important;
}
.kc-compare-table  tr.kc-section-row:hover {
    background: rgb(96 165 250 / 75%);
}

select#edit-user-department {
    margin: 0;
}
.tutor-btn:hover{
    background:var(--theme-color2);
}
.tutor-card-body .tutor-meta{
    display:none !important;
}
.lesson-template-default header.header{
    display:none !important;
}
a.btn-default {
    color: #fff !important;
}
li.tutor-dashboard-menu-item.tutor-dashboard-menu-company-detail {
    display: none;
}
.submission-summary p {
	margin-top:18px !important;
    margin-bottom: 0 !important;
}
.company-analytics-wrapper {
    padding-top: 30px;
}
.check-box {
  display: none;
} 
.coursealabel {
    height: auto;
    overflow-y: inherit;
}
.coursealabel .tutor-option-field .select2-container ul.select2-selection__rendered, .tutor-form-group .select2-container ul.select2-selection__rendered {

    display: block;
	}
	.cst-assign-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cst-assign-group label {
    font-weight: 600;
    font-size: 15px;
}
.section.savings-card ul {
    list-style: none;
    padding: 0;
}
.cst-assign-group input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
	    margin-top: 7px;
}
#vc-company-table th:nth-child(6),
#vc-company-table td:nth-child(6),
#vc-company-table th:nth-child(8),
#vc-company-table td:nth-child(8),
#vc-company-table th:nth-child(7),
#vc-company-table td:nth-child(7)
 {
    min-width: 100px;
}
#vc-company-table th:nth-child(10),
#vc-company-table td:nth-child(10){
 min-width: 80px;
}
#vc-company-table th:nth-child(2),
#vc-company-table td:nth-child(2){
 min-width: 140px;
}

/* li.tutor-dashboard-menu-item.tutor-dashboard-menu-my-quiz-attempts:before {
   position: absolute;
   content: "\f0eb";
   font-family: fontawesome;
   font-size: 24px;
   padding: 3px 0px 0px 0px;
}
li.tutor-dashboard-menu-create-user a:before{
    content: "\f234" ;
    font-family:fontawesome;
    font-size:24px;
    font-weight: normal;
}
li.tutor-dashboard-menu-my-students a:before {
   font-weight: normal;
   content: "\f0c0";
   font-family: fontawesome;
   font-size: 24px;
}
li.tutor-dashboard-menu-my-language a:before {
   content: "\f1ab";
   font-family: fontawesome;
   font-size: 24px;
}
li.tutor-dashboard-menu-my-certificates a:before {
    content: "\e906";
    font-weight: bold;
}
li.tutor-dashboard-menu-my-submissions a:before {
   content: "\f0ee";
   font-family: fontawesome;
   font-size: 24px;
}

li.tutor-dashboard-menu-enroll-student a:before {
   font-weight: normal;
   content: "\f2bb";
   font-family: fontawesome;
   font-size: 24px;
}
li.tutor-dashboard-menu-my-certificates a:before {
   content: "\f15b";
   font-family: fontawesome;
   font-size: 24px;
} */
 #submission-table .tabulator-headers {
    background: #f4f6fd;
}
.tutor-dashboard-menu-divider-header.Studentpanel:before
 {
    font-weight: normal;
    content: "\f0c0" !important;
    font-family: fontawesome;
    font-size: 24px;
    color: #1d4ed8;
}

.tutor-dashboard-menu-divider-header.Student.Panel:before
 {
    font-weight: normal;
    content: "\f0c0";
    font-family: fontawesome;
    font-size: 24px;
	color: #1d4ed8;
}

.tutor-dashboard-menu-divider-header.User.Management:before
 {
    font-weight: normal;
    content: "\f234"; 
    font-family: fontawesome;
    font-size: 24px;
	color: #00BCD4; 
}
.tutor-dashboard-menu-divider-header.Brukerledelse:before
 {
    font-weight: normal;
    content: "\f234"; 
    font-family: fontawesome;
    font-size: 24px;
	color: #00BCD4; 
}
.tutor-dashboard-menu-divider-header.Brukerhåndtering:before
 {
    font-weight: normal;
    content: "\f234"; 
    font-family: fontawesome;
    font-size: 24px;
	color: #00BCD4;
}
.tutor-dashboard-menu-divider-header.Company.Administration:before
 {
    font-weight: normal;
    content: "\f1ad"; 
    font-family: fontawesome;
    font-size: 24px;
	color:#8344AB; 
}
.tutor-dashboard-menu-divider-header.BedriftAdministrasjon:before
 {
    font-weight: normal;
    content: "\f1ad"; 
    font-family: fontawesome;
    font-size: 24px;
	color:#8344AB; 
}
.tutor-dashboard-menu-divider-header.Selskapsadministrasjon:before
 {
    font-weight: normal;
    content: "\f1ad"; 
    font-family: fontawesome;
    font-size: 24px;
	color:#8344AB;  
}
.tutor-dashboard-menu-divider-header.Selskap:before
 {
    font-weight: normal;
    content: "\f1ad"; 
    font-family: fontawesome;
    font-size: 24px;
	 	color:#8344AB;  
}
.tutor-dashboard-menu-divider-header.Dokumentasjon:before
 {
    font-weight: normal;
   content: "\f15c";
    font-family: fontawesome;
    font-size: 24px;
	color: #2573C4;

}
.tutor-dashboard-menu-divider-header.Innstillinger:before
 {
    font-weight: normal;
    content: "\f013";
    font-family: fontawesome;
    font-size: 24px;
	color:#C780E8; 
}
.tutor-dashboard-menu-divider-header.Varme.arbeider.modul:before {
    font-weight: normal;
    content: "\f7e4";
    font-family: fontawesome;
    font-size: 24px;
    color: red;
}
/* li.tutor-dashboard-menu-my-students a:before {
    font-weight: normal;
    content: "\f0c0";
    font-family: fontawesome;
    font-size: 24px;
} */
div:where(.swal2-container) .swal2-textarea {
    width: 100%;
    margin: 0;
}
.show_company_division {
    margin-bottom: 15px;
}
.cst-dashboard-main #tutor-dashboard-left-menu{
		background:#ffffff;
		border:1px solid rgba(0,0,0,.08);
		box-shadow:0 6px 18px rgba(0,0,0,.08);
		padding:10px;
		height:fit-content;
	}
	.cst-dashboard-main #sidebar-container{
		background:#ffffff;
		border-radius:12px;
	}
	.cst-dashboard-main .tutor-dashboard-menu-divider-header{
		display:flex;
		align-items:center;
		gap:10px;
		padding:10px 12px;
		margin:8px 6px 6px;
		font-weight:600;
		color:#0f172a; /* mørk tekst */
/* 		background:#f6f8fb;
		border:1px solid rgba(0,0,0,.06); */
		border-radius:5px;
		transition: background .15s ease, border-color .15s ease, transform .15s ease;
		cursor:pointer;
	}
.tutor-dashboard-menu-divider-header.open {
    background: #f6f8fb;
    border: 1px solid rgba(0, 0, 0, .06);
}
div#sidebar-container li:first-child .tutor-dashboard-menu-divider{
    width:100%;
}
div#sidebar-container .tutor-dashboard-menu-divider {
    width:90%;
    margin:auto;
}
	.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a {
		background-color:transparent;
		color: var(--theme-color2) !important;
	}
	.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover{
		color:var(--bs-white) !important;
	}
	.cst-dashboard-main .tutor-dashboard-menu-item{
/* 		margin:4px 1.2rem; */
		position:relative;
	}
/* .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover {
    background-color: transparent !important;
    color: #000 !important;
} */
	.cst-dashboard-main .tutor-dashboard-menu-item:before{
		position:absolute;
		content:'';
		width:.4rem;
		height:.4rem;
		background:#bbbbbb;
		left:1rem;
		top:1rem;
		border-radius:50%;
		display:block !important;
		z-index: 1;
	}
	.cst-dashboard-main .tutor-dashboard-menu-item-link{
		display:flex;
		align-items:center;
		gap:10px;
		padding:10px 12px;
		border-radius:10px;
		border:1px solid transparent;
		transition: all .15s ease;
	}
	.cst-dashboard-main .tutor-dashboard-menu-item.active:before{
    background:var(--theme-color2);
	}
	.cst-dashboard-main .tutor-dashboard-menu-item.active:hover:before{
		background:var(--bs-white);
	}
	.input-with-icon {
		position:relative;
	}
	.input-with-icon span.input-icon{
		position:absolute;
		top:0;
		left:.8rem;
		margin:auto;
		bottom:0;
		display:flex;
		align-items:center;
	}
	.input-with-icon span.input-icon i{
		font-size:1.3rem;
		color:#9da1b1;
	}
	div#cst-my-student-detail form .input-with-icon input{
		padding-left:2.5rem !important;
	}
.tutor_status_input {
    display:flex;
    gap:0;
}
.tutor_status_input label{
    background:#f1f0f9;
    padding:.3rem 1rem;
    margin-left:0 !important;
    border:1px solid #e0e0e0;
    border-radius:.4rem;
    line-height:normal;
    cursor:pointer;
}
.tutor_status_input label:hover{
	background:var(--theme-color2);
}

.tutor_status_input label:first-child{
    border-end-end-radius:0;
    border-start-end-radius:0;
}
.tutor_status_input label:last-child{
    border-start-start-radius:0;
    border-end-start-radius:0;
    border-left:0;
}
.tutor_status_input label:has(input:checked) {
  background: var(--theme-color2);
  color:var(--bs-white);  
	border-color:var(--theme-color2);
}
.tutor_status_input label input{
    appearance: none;
    -webkit-appearance: none;
    width:10px;
    height:10px;
    background:#9593ae;
    border-radius:50%;
    margin-right:5px;
}
.tutor_status_input input:checked{
    background:var(--bs-white);
}
.tutor_status_input label:hover{
	color:var(--bs-white);
	border-color:var(--theme-color2);
}
.tutor_status_input label:hover input{
	background:var(--bs-white);
}
.tutor-quiz-attempt-history {
    display:flex;
    justify-content:flex-end;
    margin:2rem 0;
	flex-direction:row-reverse;
    flex-wrap:wrap;
    gap:1rem;
   
}
.tutor-quiz-attempt-history button{
    font-size:14px;
	height:auto;
	padding-inline:1rem;
}
.tutor-quiz-attempt-history button i{
    margin-right:.5rem;
}
.tutor-quiz-attempt-history ul{
    flex-wrap:wrap;
    gap:1rem !important;
}
/* popup design */
.cst-modal-content-popup{
    width:100% !important;
    max-width:650px ;
    padding:2.5rem !important;
    position:relative;
   background:#ffffff !important;
    border-radius:10px;
    overflow:hidden;
}
.cst-modal-content-popup span.cst-close {
    width: 1.8rem;
    height: 1.8rem;
    background: #3288ed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0.9rem;
    position: absolute;
    right: 0.9rem;
    color: var(--bs-white);
    border-radius: 50%;
}
.cst-modal-content-popup form button{
    width:fit-content;
}
div#cst-my-student-detail  .cst-modal-content-popup  input[type="file"] {
    background:#f6faff !important;
    border:1px solid #3288ed !important;
    margin-block:1rem;
    position:relative;
}
.cst-modal-content-popup  p{
    margin-bottom:0 !important;
}
.cst-modal-content-popup input[type="file"]::file-selector-button {
 position:absolute;
    inset:0;
    color:transparent;
    border:0;
    background:transparent;
}
/*  show pagination each page*/
.custom-pagination-wrapper {
    display: inline-block;
    float: right;
    margin-top: 14px;
    margin-bottom: -5px;
}
.custom-pagination-wrapper select,
.custom-pagination-wrapper button {
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
	margin-bottom:10px;
}
.custom-pagination-wrapper {
    margin-bottom: 15px;
    margin-left: 15px;
}
#page-info {
    font-size: 15px;
    font-weight: 500;
    color: #666;
}
/*  show each page pagination*/
/* popup design close*/
/*-------------------------------------------------
comapny analysis CSS
-------------------------------------------------*/
  .viking-container { 
        max-width:1400px; 
        margin:auto; 
        background:#fff; 
        border-radius:16px; 
        padding:24px; 
        box-shadow:0 4px 20px rgba(0,0,0,0.08); 
    }

/*     h1 { 
        text-align:center; 
        color:#00695c; 
        font-weight:700; 
        font-size:28px; 
        margin-bottom:32px; 
    } */

    .grid { 
        display:grid; 
        grid-template-columns:1fr 1fr; 
        gap:20px; 
        margin-bottom:24px; 
    }
.select2-container--default .select2-selection--single .select2-selection__clear {
    background: transparent !important;
    color: #888888 !important;
    padding: 0px;
    top: 10px !important;
    position: absolute !important;
    right: 38px;
    font-size: 20px;
    height: 100% !important;
}
/* .select2-container .select2-selection__arrow {
    opacity:0;
} */


/*-------------------------------------------------
comapny Detail Page CSS
-------------------------------------------------*/

        .deal-btn-primary {
            background-color: #2b6cb0;
            color: #fff;
            font-size: 16px;
            padding: 12px 24px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            margin-bottom: 20px;
            transition: background-color 0.3s ease;
        }

        .deal-btn-primary:hover {
            background-color: #225ea8;
        }

        .deal-btn-secondary {
            background-color: #e2e8f0;
            color: #1a202c;
            font-size: 16px;
            padding: 12px 24px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            margin-left: 10px;
            transition: background-color 0.3s ease;
        }

        .deal-btn-secondary:hover {
            background-color: #cbd5e0;
        }

        .deal-form {
            background-color: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            padding: 24px;
            margin-bottom: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
        }

        .form-group {
            display: flex;
            flex-direction: column;
            margin-bottom: 16px;
        }

        .form-group label {
            font-weight: 600;
            margin-bottom: 6px;
            color: #2d3748;
        }

        .form-group input,
        .form-group select {
            padding: 10px 12px;
            border: 1px solid #cbd5e0;
            border-radius: 6px;
            font-size: 15px;
            transition: border-color 0.2s ease;
        }

        .form-group input:focus,
        .form-group select:focus {
            border-color: #3182ce;
            outline: none;
        }

        .form-actions {
            margin-top: 20px;
            display: flex;
            justify-content: flex-start;
            gap: 10px;
        }
	
.active-deal-row { 
    background-color: #e0f7fa !important; 
}
.swal2-form input, .swal2-form select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
		.deal-edit-form {
    font-size: 14px;
    text-align: left;
    max-width: 500px;
    margin: 0 auto;
}

button#add-deal-btn {
    margin-bottom: 10px;
}
.tabulator .tabulator-header .tabulator-col {
    box-sizing: border-box;
    padding: 22px 0px  !important;
    justify-content: center;
    vertical-align: top;
}
.custom-edit-deal-modal {
    width: 60%;
    margin: 60px;
    padding: 30px;
}
form#swal-edit-deal-form select, input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="url"], textarea {
    margin: 0px;
}
.cst-cmp-deal {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
    margin-bottom: 20px;
}
.cst-cmp-deal .departments {
    padding: 27px !important;
    border: 1px solid #ddd !important;
}
.cst-cmp-deal .active-deal {
    padding: 27px !important;
    margin: 0px !important;
    border: 1px solid #ddd !important;
}
div#cst-my-student-detail form#new-deal-form .form-group label {
    margin-top:20px;
}
div#cst-my-student-detail .form-group select {
    margin: 0px;
}
.tutor-dashboard-content form .checkbox-group input[type="checkbox"]{
    width: fit-content !important;
}
div#cst-my-student-detail form input:not(input[type=radio], .select2-search__field, input[type="submit"], .btn-default), div#cst-my-student-detail .select2-container {
    border: 1px solid #cbd5e0 !important;
}
.custom-edit-deal-modal form input:not(input[type=radio], .select2-search__field, input[type="submit"], .btn-default),
.custom-edit-deal-modal .select2-container {
    border: 1px solid #cbd5e0 !important;
    padding: 10px 12px;
    border: 1px solid #cbd5e0;
    border-radius: 6px;
    font-size: 15px;
    transition: border-color 0.2s ease;
}
.custom-edit-deal-modal form label {
    font-weight: 600;
    margin-bottom: 6px;
    color: #2d3748;
    font-size:17px;
    margin-top:20px;
}
.custom-edit-deal-modal button.swal2-confirm {
    background: #0a0a0a;
}
.custom-edit-deal-modal button.swal2-confirm:hover {
    background: #00be00;
}
.custom-edit-deal-modal h2#swal2-title {
    font-size: 28px;
    color: #0a0a0a;
}

#importFormWrapper {
    margin-top: 30px;
}
#importFormWrapper input[type="file"] {
    margin-bottom: 10px;
}
#import-progress {
    margin-top: 10px;
    display: none;
}
#import-result {
    margin-top: 10px;
}
/* compnay list page css  */
.list-company .vc-badge,
.list-company .vc-deal-tag{
    color:var(--bs-black);
    border-radius:.2rem;
    padding:.4rem;
}
.list-company .vc-badge .vc-badge-dot{
    display:none;
}
.list-company .vc-badge-active{
    background:#61b196;
}
.list-company .vc-badge-inactive{
    background:#dddfeb;
}
.list-company  .vc-table-wrap {
    border-radius:0;
    border:0;
}
.list-company  div#vc-pagination {
    border-top:0;
    padding-right:0;
}
.list-company .vc-deal-tag{
    background:#e6f3ec;
}
.list-company  .vc-table-wrap table th{
    background:#e9ecef;
    color:var(--bs-black);
    padding-block:1rem;
}

.list-company .vc-bar-fill.vc-bar-active {
    background:#61b196;
}

.list-company .vc-page-btns button{
    color:inherit;
    border-radius:0;
    width:fit-content;
    padding:.4rem .9rem;
}
.list-company .vc-page-btns{
    gap:0;
}
.list-company .vc-page-btns button.current{
    background:#e8e8f0;
    border-color:#dee2e6;
}

.list-company .cst-vc-filter {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(249px,1fr));
    gap:.5rem;
    margin-block:.5rem;
}
.list-company .cst-vc-filter select,
.list-company .cst-vc-filter input{
    margin:0;
    border-radius:.3rem;
    background:#f0f8ff;
}
.list-company .vc-list-btn {
    display:flex;
    margin-bottom:1rem;
    align-items: center;
	justify-content:space-between;
}
.list-company  a.vc-btn-primary {
    border-radius:.3rem;
    padding:.8rem;
}
.list-company.cst-my-student-detail h3{
	margin:inherit;
}
.list-company .cst-quick-chips,
.list-company .cst-quick-reset {
    border:1px solid #d7d7d7;
    padding:.7rem;
    margin-block:.8rem;
	border-radius:.2rem;
}
.list-company .cst-quick-reset button#vc-reset-filters {
    height:auto;
    background:#e9ecef;
    border-radius:0;
    padding:.4rem;
    color:#464646;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
.list-company .cst-quick-chips{
    width:40%;
}
.list-company .cst-quick-reset{
    width:60%;
    background:linear-gradient(to right, #e7f2ff, #f8fcff);
    justify-content:space-between;
    display:flex;
}
.list-company .vc-filter-bar {
    flex-wrap:nowrap;
}
.list-company .vc-filter-bar .vc-chip {
    border:0;
    background:transparent;
    font-size:1rem;
}
.list-company .vc-filter-bar .vc-chip span{
    width:1.3rem;
    border-radius:50%;
    height:1.3rem;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #d7d7d7;
    color:transparent;
}
.list-company .vc-filter-bar .vc-chip.selected span{
     background:var(--theme-color2);
    color:var(--bs-white);
    font-size:inherit;
}
.list-company .vc-filter-bar .vc-chip{
    color:#646464;
}
/* compnay list page css  close*/
    @media (max-width:992px) { 
		.dropdown{
	display:none;
        }
   .grid { grid-template-columns:1fr; }
		.list-company .vc-table-wrap{
				overflow-x:scroll;
		}
		.vc-company-cell{
			display:block !important;
		}
		 .list-company .cst-vc-filter {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .list-company .cst-quick-chips {
        width: 100%;
		margin-bottom:0;
    }

    .list-company .cst-quick-reset {
        width: 100%;
    }

    .list-company .vc-filter-bar {
        flex-direction: column;
        align-items: flex-start;
    }
    }


    .card { 
        background:#fff; 
        padding:20px; 
        border-radius:12px; 
        border:1px solid #e0e0e0; 
        box-shadow:0 2px 8px rgba(0,0,0,0.05); 
    }

    .card h3 { 
        font-size:16px; 
        color:#263238; 
        margin-bottom:16px; 
        font-weight:600; 
    }

    .chart-container { 
        position:relative; 
        height:280px; 
    }

    .metrics { 
        display:grid; 
        grid-template-columns:repeat(4,1fr); 
        gap:16px; 
        margin-bottom:24px; 
    }
@media screen and (max-width:991px){
	.student-enrollments .cst-enroll-filter{
		grid-template-columns:repeat(2,1fr)
	}
	.student-enrollments .custom-pagination-wrapper{
		width:100%;
		float:none;
		margin-inline:0;
	}
	.student-enrollments .tabulator{
		min-width:1000px;
		margin-top:0 !important;
	}
	.template-list ul li a{
		justify-content:start;
		padding-left:0;
	}
	.custom-pagination-main .custom-pagination-wrapper{
		width:100%;
		margin:0;
	}
	.tutor-quiz-attempt-history{
		width:100%;
		margin:0;
	}
	.custom-pagination-main{
		display:flex;
		flex-direction:column-reverse;
	}
	/* table scroll */
	.table-scrollbar {
		overflow-x:auto;
	}
	.table-scrollbar .tutor-table{
		min-width:900px;
	}
	/* table scroll close*/
	.list-company .vc-table-wrap table td{
    white-space: nowrap;
}

		.list-company .vc-table-wrap{
				overflow-x:scroll;
		}
	.tutor-quiz-attempt-history{
    justify-content:left;
}
	.dropdown{
	display:none;
}
.cst-cmp-deal {
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
}
}
    @media (max-width:768px) {
		
			.list-company .vc-table-wrap{
				overflow-x:scroll;
		}
		.dropdown{
	display:none;
}
        .metrics { grid-template-columns:1fr 1fr; } 
		.list-company .vc-list-btn {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: .75rem;
    }

    .list-company a.vc-btn-primary {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .list-company .cst-vc-filter {
        grid-template-columns: 1fr 1fr;
    }
    .list-company .cst-quick-reset button#vc-reset-filters {
        width: fit-content;
    }

    .list-company .vc-filter-bar .vc-chip {
        font-size: .9rem;
    }

    .list-company .vc-page-btns button {
        padding: .4rem .6rem;
    }
    }
@media (max-width: 480px) {
		.list-company .vc-table-wrap{
				overflow-x:scroll;
		}
    .list-company .cst-vc-filter {
        grid-template-columns: 1fr;
    }

    .list-company .cst-quick-chips,
    .list-company .cst-quick-reset {
        padding: .5rem;
    }

    .list-company .vc-filter-bar {
        gap: .3rem;
    }

    .list-company .vc-filter-bar .vc-chip {
        font-size: .85rem;
    }

    .list-company .vc-page-btns {
        flex-wrap: wrap;
        justify-content: center;
    }

    .list-company .vc-page-btns button {
        padding: .35rem .55rem;
        font-size: .85rem;
    }

    .list-company div#vc-pagination span:first-child {
        width: 100%;
        text-align: center;
        font-size: .85rem;
    }

    .list-company .vc-table {
        min-width: 560px;
    }
}

    .metric-card { 
        background:#fff; 
        padding:16px; 
        border-radius:12px; 
        text-align:center; 
        border:1px solid #e0e0e0; 
    }

    .metric-card h3 { 
        font-size:14px; 
        color:#666; 
        margin-bottom:8px; 
        font-weight:500; 
    }

    .metric-card .value { 
        font-size:28px; 
        font-weight:700; 
        color:#00695c; 
    }

    .filters { 
        display:flex; 
        gap:12px; 
        margin-bottom:20px; 
        flex-wrap:nowrap; 
    }

    .filters select, 
    .filters button { 
        padding:10px 14px; 
/*         border:1px solid #e0e0e0;  */
        border-radius:8px;    
        font-size:14px; 
        background:white; 
    }

    .filters button { 
        background:#00695c; 
        color:white; 
        font-weight:600; 
        cursor:pointer; 
    }
    .filters button:hover { 
        background:#004d40; 
    }

    table { 
        width:100%; 
        border-collapse:collapse; 
        font-size:14px; 
        background:white; 
/*         border-radius:12px;  */
        overflow:hidden; 
        box-shadow:0 2px 8px rgba(0,0,0,0.05); 
    }

    th { 
        background:#f8f9fa; 
        padding:14px 16px; 
        text-align:left; 
        font-weight:600; 
        color:#444; 
        border-bottom:2px solid #e0e0e0; 
    }

    td { 
        padding:14px 16px; 
        border-bottom:1px solid #e0e0e0; 
    }

/*     tr:last-child td { border-bottom:none; } */
    tr:hover { background:#f8f9fa; }

    .status { 
        padding:4px 10px; 
        border-radius:20px; 
        font-size:12px; 
        font-weight:600; 
        text-transform:uppercase;   
    }

    .status.did-not-start, .status.pending { 
        background:#ffebee; 
        color:#f44336;   
    }

    .status.pågår, .status.in_progress { 
        background:#fff3e0;   
        color:#ff9800; 
    }  

    .status.complete, .status.completed, .status.fulfilled { 
        background:#e8f5e9;  
        color:#4caf50; 
    } 
/*-------------------------------------------------
Complete enrollment CSS
-------------------------------------------------*/
.student-column-class img {
    width: 20px; 
    height: 20px; 
    border-radius: 50%; 
    margin-right: 10px; 
}
span.check-box { 
    display: none; 
}  
div#tbl-my-enrollment {  
    margin: 30px 0px;  
}  
.tabulator-header-filter input::placeholder { 
    font-size: 14px !important;  
} 
#tbl-my-enrollment .tabulator-row .tabulator-cell { 
    padding: 10px 4px; 
    white-space: normal; 
} 
#tbl-my-enrollment .tabulator-row { 
    min-height: auto!important; 
} 
#tbl-my-enrollment.tabulator .tabulator-footer .tabulator-page { 
    width: 45px; 
    height: 45px;  
    background: #fff; 
    color: #000; 
}
#tbl-my-enrollment.tabulator .tabulator-footer .tabulator-page.active {
    color: #fff;
    background: #000;
}
#tbl-my-enrollment .tabulator-headers {
    height: 70px!important;
}
#tbl-my-enrollment .tabulator-headers .tabulator-col {
    height: 70px!important;
}
/*-------------------------------------------------
List company CSS
-------------------------------------------------*/

.vc-companies-wrap {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #1d1d1f;
}

/* ── Toolbar ── */

.vc-toolbar-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 auto 0 0;
}
.vc-search {
    padding: 7px 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 13px;
    width: 190px;
    outline: none;
    transition: border-color .15s;
}
.vc-search:focus { border-color: #339af0; }
.vc-select {
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 13px;
    background: #fff;
    cursor: pointer;
    outline: none;
}
.vc-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 14px;
    background: #0073ff;
    color: #fff;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    border: none;
    cursor: pointer;
}
.vc-btn-primary:hover { background: #228be6; color: #fff; }

/* ── Filter chips ── */
.vc-filter-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
    font-size: 13px;
}
.vc-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 20px;
    cursor: pointer;
    border: 1.5px solid transparent;
    font-size: 12px;
    font-weight: 500;
    transition: all .15s;
    user-select: none;
}
.vc-chip.active    { background:#e7f5ff; border-color:#339af0; color:#1971c2; }
.vc-chip.inactive  { background:#fff4e6; border-color:#ffa94d; color:#e67700; }
.vc-chip.needs-att { background:#fff9db; border-color:#ffd43b; color:#e67700; }
.vc-chip-default   { background:#f1f3f5; border-color:#dee2e6; color:#495057; }
.vc-chip-default.selected { background:#e7f5ff; border-color:#339af0; color:#1971c2; }
.vc-divider { width:1px; height:22px; background:#dee2e6; }

/* ── Table ── */
.vc-table-wrap {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e9ecef;
    overflow: hidden;
}
.vc-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}
.vc-table thead th {
    background: #f8f9fa;
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #868e96;
    border-bottom: 1px solid #e9ecef;
    white-space: nowrap;
}
.vc-table tbody tr {
    border-bottom: 1px solid #f1f3f5;
    transition: background .12s;
}
.vc-table tbody tr:last-child { border-bottom: none; }
.vc-table tbody tr:hover { background: #f8fbff; }
.vc-table td {
    padding: 10px 14px;
    vertical-align: middle;
}

/* Company cell */
.vc-company-cell {
    display: flex;
    gap: 10px;
    /* flex-wrap: wrap; */
}
.cst-listcom-exp-btn {
    margin: 0 0 20px;
}
button.swal2-confirm.swal2-styled {
    background: #004599;
}
.tutor-col-lg-4.tutor-d-flex.tutor-flex-column.tutor-justify-center {
    display: flex;
    gap: 20px;
}
a.tutor-btn,.tutor-btn,input[type="submit"], .btn-default, .my-certificate-main-section .tutor-view-certificate a {
    color: #ffffff !important;
    background-color: #0073ff !important;
/*     border: 1px solid #0073ff; */
    /* padding: 10px 22px; */
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
button#cn-close-notice,vc-page-btn  {
    background: unset !important;
}
span.tabulator-pages .active {
    background: #0073ff !important;
    color: #fff !important;
}
span.tabulator-pages button, .vc-page-btns {
    background: transparent !important;
    color: #000 !important;
}
button.vc-page-btn {
    background: transparent !important;
    color: #000 !important;
}
button.vc-page-btn {
    background: transparent !important;
    color: #000 !important;
}
.my-certificate-main-section .tutor-view-certificate a:hover {
    background: #0073ff;
}
.vc-logo {
    width: 32px; height: 32px;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 13px; color: #fff;
    flex-shrink: 0;
}
.vc-company-name {
    font-weight: 500;
    color: #1d1d1f;
    text-decoration: none;
}
.vc-company-name:hover { color: #339af0; }

/* Progress bar */
.vc-usage {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    white-space: nowrap;
}
.vc-bar-bg {
    width: 70px; height: 5px;
    border-radius: 3px;
    background: #e9ecef;
    overflow: hidden;
    flex-shrink: 0;
}
.vc-bar-fill {
    height: 100%;
    border-radius: 3px;
}
.vc-bar-green  { background: #51cf66; }
.vc-bar-yellow { background: #ffa94d; }
.vc-bar-red    { background: #ff6b6b; }
.vc-bar-gray   { background: #adb5bd; }

/* Badges */
.vc-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 9px; border-radius: 20px;
    font-size: 11.5px; font-weight: 600; white-space: nowrap;
}
.vc-badge-dot {
    width: 6px; height: 6px; border-radius: 50%;
}
.vc-badge-active   { background: #d3f9d8; color: #2f9e44; }
.vc-badge-active .vc-badge-dot { background: #2f9e44; }
.vc-badge-inactive { background: #f1f3f5; color: #868e96; }
.vc-badge-inactive .vc-badge-dot { background: #adb5bd; }
.vc-badge-trial    { background: #fff9db; color: #e67700; }
.vc-badge-trial .vc-badge-dot { background: #ffd43b; }
.vc-badge-expired  { background: #ffe3e3; color: #c92a2a; }
.vc-badge-expired .vc-badge-dot { background: #ff6b6b; }

.vc-deal-tag {
    display: inline-block;
    padding: 2px 8px; border-radius: 5px;
    font-size: 11.5px; font-weight: 500;
    background: #e7f5ff; color: #1971c2;
}

/* Action btn */
.vc-action-link {
    color: #339af0; font-size: 13px;
    text-decoration: none; font-weight: 500;
}
.vc-action-link:hover { text-decoration: underline; }

/* Pagination */
.vc-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    font-size: 13px;
    color: #495057;
    border-top: 1px solid #f1f3f5;
    flex-wrap: wrap;
    gap: 8px;
}
.vc-page-btns { display: flex; align-items: center; gap: 4px; }
.vc-page-btn {
    width: 30px; height: 30px; border-radius: 6px;
    border: 1px solid #dee2e6; background: #fff;
    font-size: 13px; cursor: pointer; display: flex; align-items: center; justify-content: center;
    transition: all .12s;
}
.vc-page-btn:hover:not(:disabled) { background: #e7f5ff; border-color: #339af0; color: #1971c2; }
.vc-page-btn:disabled { opacity: .4; cursor: default; }
.vc-page-btn.current { background: #339af0; border-color: #339af0; color: #fff; }

.vc-no-results {
    text-align: center; padding: 40px 16px;
    color: #868e96; font-size: 14px;
}
/*-------------------------------------------------
Student Detail CSS
-------------------------------------------------*/
	    #student-course-form {
        max-width: 600px;
        margin: 30px auto;
        padding: 25px;
        background-color: #f9f9f9;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
        font-family: 'Segoe UI', sans-serif;
    }

    #student-course-form label {
        display: block;
        margin-bottom: 6px;
        font-weight: 500;
        color: #333;
    }

    #student-course-form input[type="text"],
    #student-course-form input[type="date"],
    #student-course-form input[type="time"],
    #student-course-form input[type="number"],
    #student-course-form input[type="file"] {
        width: 100%;
        padding: 8px 10px;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 14px;
        margin-bottom: 15px;
        transition: border-color 0.3s;
    }

    #student-course-form input:focus {
        border-color: #0073aa;
        outline: none;
    }

    .form-row {
        display: flex;
        gap: 20px;
        margin-bottom: 15px;
    }

    .form-group {
        flex: 1;
    }

    .small-input input {
        width: 80px;
    }
.report-student-profile-wrap .jmd {
    border-radius: 3px;
    background-color: #f1f1f1;
    margin-bottom: 40px;
}    
.report-student-profile .profile {
    display: grid;
    grid-template-columns: 90px 1fr 120px;
    align-items: center;
    grid-gap: 20px;
    padding: 26px 24px;
    border-bottom: 2px solid #dcdce1;
}
.report-student-profile .profile .thumb img {
    border-radius: 50%;
    width: 90px;
    height: 90px;
}   
.report-student-profile .profile .name {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.42;
    color: #3f435b;
    margin-bottom: 10px;
}
.report-student-profile .profile .meta {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: flex-start;
    grid-gap: 20px;
}
.report-student-profile .profile .meta > div {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.71;
    color: #737787;
}
.report-student-profile .profile .meta > div > span {
    color: #34374b;
}
.report-student-profile .profile .meta > div {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.71;
    color: #737787;
}
.report-student-profile .profile > div:last-child {
    align-self: flex-end;
}
.tutor-report-btn {
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    padding: 5px 17px;
    display: inline-block;
    text-decoration: none;
    color: #34374b;
    border: solid 1px #dcdce1;
    transition: 0.2s ease;
    cursor: pointer;
}
.report-student-profile .profile-table table {
    width: 100%;
    text-align: left;
}
.report-student-profile .profile-table tr th {
    padding: 20px;
}
.report-student-profile .profile-table div {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #3f435b;
    margin: 0 0 10px 0;
}
.report-student-profile .profile-table div span {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.29;
    color: #888b90;
}
.report-stats {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
}
.report-stat-box {
    padding: 0;
    width: 25%;
    display: inline-flex;
    flex: 0 0 23%;
}
.report-stat-box-body {
    border-radius: 3px;
    align-items: center;
}
.report-stat-box-body {
    background-color: #f1f1f1;
    display: flex;
    width: 100%;
}
.report-stat-box .box-icon {
    font-size: 50px;
    line-height: 46px;
    padding: 13px;
    color: #3057d5;
}
.report-stat-box .box-stats-text {
    padding: 12px 0;
}
.report-stat-box .box-stats-text h3 {
    font-size: 20px;
    font-weight: 300;
}
.report-stat-box .box-stats-text h3, .report-stat-box .box-stats-text p {
    margin: 5px 0;
}
.report-stat-box .box-stats-text p {
    color: #888b90;
    font-size: 13px;
}
.tutor-list-wrap {
    border-radius: 3px;
    background-color: #ffffff;
    margin-top: 40px;
}
.tutor-list-wrap .tutor-list-table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
.tutor-list-wrap .tutor-list-table thead, .tutor-list-wrap .tutor-list-table tr:first-child th {
    background-color: #f7f7f9;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.tutor-list-wrap .tutor-list-table thead, .tutor-list-wrap .tutor-list-table tr:first-child th {
    background-color: #f7f7f9;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.tutor-list-wrap .tutor-list-table th {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.7px;
    color: #737787;
    text-transform: uppercase;
}
.tutor-list-wrap .tutor-list-table tbody tr:not(:last-child) {
    border-bottom: 1px solid #dcdce1;
}
.report-course-list-wrap .tutor-list-table td {
    font-size: 14px;
    font-weight: 400;
}
.coursepercentage {
    background: #c5c5c5;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 1.5;
    border-radius: 50px;
}
.coursepercentage span {
    background: #86b223;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    padding: 0;
    text-indent: 5px;
	min-width: 30px;
}
.tutor-dashboard-content .my-students-tbl table td:first-child{
    width:5% !important;
}
/*-------------------------------------------------
Student enrollments CSS
-------------------------------------------------*/
.student-column-class img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
}
span.check-box {
    display: none;
}
div#tbl-my-enrollment {
    margin: 30px 0px;
}
.tabulator-header-filter input::placeholder {
    font-size: 14px !important;
}
#tbl-my-enrollment .tabulator-row .tabulator-cell {
    padding: 10px 4px;
    white-space: normal;
}
#tbl-my-enrollment .tabulator-row {
    min-height: auto!important;
}
#tbl-my-enrollment.tabulator .tabulator-footer .tabulator-page {
    width: 45px;
    height: 45px;
    background: #fff;
    color: #000;
}
#tbl-my-enrollment.tabulator .tabulator-footer .tabulator-page.active {
    color: #fff;
    background: #000;
}
#tbl-my-enrollment .tabulator-headers {
    height: 70px!important;
}
#tbl-my-enrollment .tabulator-headers .tabulator-col {
    /* height: 70px !important;
    width: auto !important;
    padding: 10px; */
}

/*-------------------------------------------------
practice documnets CSS
-------------------------------------------------*/
		.report-student-profile-wrap {
    border-radius: 3px;
    background-color: #f1f1f1;
    margin-bottom: 40px;
}    
.report-student-profile .profile {
    display: grid;
    grid-template-columns: 90px 1fr 120px;
    align-items: center;
    grid-gap: 20px;
    padding: 26px 24px;
    border-bottom: 2px solid #dcdce1;
}
.report-student-profile .profile .thumb img {
    border-radius: 50%;
    width: 90px;
    height: 90px;
}   
.report-student-profile .profile .name {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.42;
    color: #3f435b;
    margin-bottom: 10px;
}
.report-student-profile .profile .meta {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: flex-start;
    grid-gap: 20px;
}
.report-student-profile .profile .meta > div {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.71;
    color: #737787;
}
.report-student-profile .profile .meta > div > span {
    color: #34374b;
}
.report-student-profile .profile .meta > div {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.71;
    color: #737787;
}
.report-student-profile .profile > div:last-child {
    align-self: flex-end;
}
.tutor-report-btn {
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    padding: 5px 17px;
    display: inline-block;
    text-decoration: none;
    color: #34374b;
    border: solid 1px #dcdce1;
    transition: 0.2s ease;
    cursor: pointer;
}
.report-student-profile .profile-table table {
    width: 100%;
    text-align: left;
}
.report-student-profile .profile-table tr th {
    padding: 20px;
}
.report-student-profile .profile-table div {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #3f435b;
    margin: 0 0 10px 0;
}
.report-student-profile .profile-table div span {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.29;
    color: #888b90;
}
.download_files {
    margin: 10px 0px 20px;
}
.download_files a {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 600;
}

.tutor-dashboard-content .tutor-mb-32 {
    margin-bottom: 20px;
}

.tutor-dashboard-content .tutor-table-quiz-attempts {
    word-break: normal;
}
.tutor-dashboard-content .tutor-table tr td {
    padding: 10px;
    font-size: 15px;
    line-height: 1.1;
}

.tutor-dashboard-content form input:not(input[type=radio], .select2-search__field, input[type="submit"], .btn-default),
.tutor-dashboard-content .select2-container {
    margin-bottom: 0;
    border: 1px solid #101010 !important;
    background: #0a0a0a00;
    padding: 12px 18px !important;
    width: 100% !important;
    border-radius: 3px !important;
    line-height: 1.3;
    text-indent: 0 !important;
}
.tutor-form-field.tutor-course-builder-btn-group {
    margin-top: 15px;
}

.tutor-dashboard-content .select2-container--default .select2-selection--multiple {
    border: 0 !important;
    min-height: auto !important;
}
.tutor-dashboard-content .select2-container .select2-search--inline .select2-search__field {
    margin: 0 !important;
}
.tutor-dashboard .tutor-frontend-dashboard-header {
    margin-bottom: 25px !important;
}

.tutor-dashboard .tutor-dashboard-content {
    padding-top: 0 !important;
}

.studenter .tutor-dashboard-menu-divider {
    margin-top: 0px;
}
.tutor-mt-32.tutor-table-responsive {
    margin-top: 0 !important;
}
.cst-dashboard-main .tutor-dashboard-profile-data .tutor-row {
    margin-inline: 0;
}
.my-certificate-main-section .tutor-mycourse-content h3 a {
    font-size: 20px;
}
.cst-create-user {
    margin: 0 !important;
    padding: 0 !important;
}
.cst-create-user .tutor-card-body {
    padding: 0;
    border: 0 !important;
}

.cst-create-user .tutor-card.tutor-mb-32 {
    border: 0;
}
.cst-my-student-detail .tutor-form-group {
    margin: 0px 0 15px;
}
select#assignment-dropdown {
    margin-bottom: 15px !important;
}
.cst-my-student-detail .select2-container .select2-selection--single {
    all: unset !important;
}
.cst-my-student-detail .cst-analysis-select {
    margin-bottom: 15px;
    margin-top: 0 !important;
}
.cst-analytics-filter{
	margin-bottom:20px;
}
.cst-enroll-filter .select2-selection--single .select2-selection__arrow {
    margin-top: 0;
}

.cst-my-student-detail .tabulator .tabulator-row.td-group-leader {
    background: #343434 !important;
}
.cst-my-student-detail .tabulator .tabulator-row.td-group-leader .tabulator-cell {
    color: #ffffff !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    top: 3px;
}
.select2-dropdown .select2-results__option--highlighted {
    background: #000000 !important;
}
select#assignment-dropdown {
    margin-right: 0;
    width: 100%;
}
.company_assign_filter {
    display: flex;
    margin-bottom: 20px;
    width: 100%;
}
.bulk_division_filter {
    width: 100%;
    display: flex;
    gap: 10px;
    margin-bottom: 20px !important;
}
.company_assign_filter span.select2-selection.select2-selection--single {
    border: 0 !important;
    height: auto !important;
    display: block !important;
}
.company_assign_filter span#select2-company_select-container {
    padding: 0 !important;
}
#tbl-my-students .tabulator-headers {
    width: 100% !important;
}

.cst-my-student-detail .tabulator .tabulator-header {
    background-color: #000000 !important;
} 
                                        
.cst-my-student-detail .tabulator .tabulator-header .tabulator-col {
    background-color: #000000;
}

.cst-my-student-detail .tabulator-col-title {
    color: #fff;
}
.tutor-dashboard-left-menu ul li:first-child .tutor-dashboard-menu-divider {
    margin-top: 0;
}                
.page-id-7 .tutor-fs-5,
.cst-heading {
    border-bottom: 2px solid var(--theme-color2);
    display: inline-block;
    padding-bottom: 3px;
    margin-bottom: 20px !important;
    font-size: clamp(1.4rem, 1.2158rem + 0.5895vw, 1.75rem) !important;
	color:var(--theme-color2);
}
.tutor-dashboard-student ul.tutor-dashboard-permalinks {
    background: #fdfdfd !important;
}
.tutor-dashboard-left-menu .tutor-dashboard-menu-divider-header {
    display: flex;
    align-items: center;
}
.tutor-dashboard-menu-divider-header::after {
    margin-left: auto !important;
}
#departments-table td {  
    pointer-events: all;
}
.cst-tutor-mb-20 {
    margin-bottom: 15px !important;
}
.tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-mb-24 {
    margin-bottom: 10px;
}

.tabulator-row .tabulator-cell {
    padding: 8px !important;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 8px !important;
}
.tutor-container {
    margin-top: 0 !important;
}
.tutor-form-control {
    color: #999999 !important;
}
.cst-company-create a {
    border-radius: 3px 3px 3px 3px;
    border: none;
    font-family: "Raleway";
    font-weight: 600;
    font-size: 14px;
    background: #000000;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #fff;
    height: 46px;
    line-height: 46px;
    padding-right: 25px;
    padding-left: 25px;
    display: inline-block;
    margin-bottom: 0 !important;
}
.cst-enroll-btn {
    margin-bottom: 20px;
}
/* company anaysis */
.filters .select2-container--default .select2-selection--single .select2-selection__clear{
    right: -15px;
}
.filters .filters select, .filters button{
width:50%;
}
#company_select + .select2-container
.select2-selection--single
.select2-selection__clear {
    top: 10px !important;
}

.tutor-dashboard-header {
	margin-top: 0 !important;
	padding-bottom: 0 !important
}
.tutor-dashboard, .tutor-page-wrap {
    margin-top: 00px !important;
}
.header-deal {
    & .active-deal-card {
        padding: 20px;
        display: flex;
        border: 1px solid #cdcfd5;
        gap: 20px;
        border-radius: 4px;
        box-shadow: 4px 4px 4px #c1c1c1;
        & p {
            margin-bottom: 0;
        }
    }

}
/* company anaysis */
/* my-students form css */
div#importFormWrapper {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    border-bottom:3px solid #0a0a0a;
    padding:2rem;
/*     margin-bottom:2rem; */
    border-radius:.4rem;
    overflow:hidden;
}
div#importFormWrapper h2{
    background:#000000;
    margin:-2rem -2rem 1.5rem -2rem;
    padding:1rem 2rem;
    color:#ffff;
    font-size:1rem;
}
div#importFormWrapper label a{
    color:#000000;
    font-weight:bold;
}

div#importFormWrapper input#import_file {
    cursor:pointer;
    background:#e2e2e2;
}
div#importFormWrapper input[type="file"]::file-selector-button {
    color:transparent;
    width:0;
    background:transparent;
    border:0;
    padding:0;
}
.cst-action-btn button{
    padding:.6rem .5rem;
    font-size:.7rem;
    height:auto;
}
.cst-action-btn{
    display:flex;
    gap:0 .3rem;
    flex-wrap:wrap;
	text-align:left;
}
.cst-enroll-btn button{
    margin:.3rem;
}
/* my-students form css close*/

@media screen and (max-width:767px){
	.student-enrollments .enroll-dashboard.cst-tutor-cards{
		grid-template-columns:repeat(2,1fr);
	}
	.cst-modal-content-popup{
		max-width:90%;
		padding:1.7em !important;
	}
	form#deal-filter-form select {
		min-width:100% !important;
	}
	.header-deal .active-deal-card {
		flex-wrap: wrap;
	}
    .tutor-main-section .tutor-mycourse-wrap{
        flex-direction:column;
    }
    .tutor-main-section .tutor-mycourse-wrap .tutor-mycourse-thumbnail,
    .tutor-main-section .tutor-mycourse-wrap .tutor-mycourse-content{
        width:100%;
    }
    .tutor-main-section .tutor-mycourse-wrap .tutor-mycourse-content{
        padding:20px;
    }
    .tutor-main-section .tutor-mycourse-wrap .tutor-mycourse-content h3 a {
        font-size: 20px;
    }
    .tutor-main-section .tutor-meta.tutor-course-metadata ul li {
        font-size: 16px;
    }	
	.cst-cmp-deal .departments {
		padding: 20px !important;
	}
	.cst-cmp-deal .active-deal {
		padding: 20px !important;
	}
	.form-actions {
		gap: 5px;
	}
	.custom-edit-deal-modal {
		width: 90%;
		padding: 10px;
	}
	div#importFormWrapper h2 {
		margin: -1.5rem -1.5rem 1.5rem -1.5rem;
		padding: 1rem 1.5rem;
	}
	div#importFormWrapper {
		padding: 1.5rem;
	}
	.related-projects-section .owl-carousel .owl-nav button{
		display:none;
	}
}