/* reset start */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline }
:focus { outline: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none }
input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; box-sizing: content-box }
input { opacity: 1 }
input::-webkit-input-placeholder { opacity: 1 !important }
input::-moz-placeholder { opacity: 1 !important }
input:-ms-input-placeholder { opacity: 1 !important }
input::-ms-input-placeholder { opacity: 1 !important }
input::placeholder { opacity: 1 !important }
input::-webkit-input-placeholder { opacity: 1 !important }
input::-moz-placeholder { opacity: 1 !important }
input:-ms-input-placeholder { opacity: 1 !important }
textarea { overflow: auto; vertical-align: top; resize: none }
a:active, a:hover, a:focus { outline: 0; text-decoration: none }
figure, form { margin: 0 }
button, input, select, textarea { font-size: 100%; margin: 0 }
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
input[type="checkbox"], input.custom-radio-btn input, input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0 }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
img { vertical-align: middle; display: inline-block; height: auto; max-width: 100%; border: 0; -ms-interpolation-mode: bicubic }
select { color: #000; outline: none }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000 }
::-moz-selection { background: #2F64FF; text-shadow: none; color: #fff }
::selection { background: #2F64FF; text-shadow: none; color: #fff }
a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: inline-block; text-decoration: none }
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box }
video::-webkit-media-controls { display: none !important }
body { font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; color: #151515; }
.container { max-width: 1181px; margin: 0 auto; padding: 0 24px; }
.mb-20 { margin-bottom: 20px !important; }
.align-right { text-align: right; }

/* Common Button */
.ps-btn { height: 36px; line-height: 36px; padding: 0 13px; display: inline-flex; align-items: center; border: none; outline: none; border-radius: 8px; background-color: #2F64FF; color: #fff; transition: all 0.3s; font-size: 14px; font-weight: 500; font-family: "Inter", sans-serif; }
.ps-btn.has-icon .icon { margin-right: 3px; width: 20px; line-height: 1; }
.ps-btn.has-icon .icon img { max-width: 20px; height: auto; }
.ps-btn:hover, .ps-btn:focus { background-color: #153fba; }
.primary-link { font-size: 14px; font-weight: 400; line-height: 1.43; color: #2F64FF; }
.primary-link:hover { color: #153fba; }
.ps-btn.has-icon.has-white-bg { height: 40px; line-height: 40px; color: #2F64FF; background-color: #FFF;font-weight: 400 !important;font-size: 16px;}
.ps-btn.border-btn{
    background: #fff;
    border: 1px solid #2f64ff;
    color: #2f64ff;
}
.ps-btn.border-btn:hover{
	background-color: #2F64FF;
	color: #FFF;
}

/* Common title */
.ps-title-wrapper { margin-bottom: 40px; }
.ps-title-wrapper h2 { font-size: 28px;line-height: 1.42; margin-bottom: 8px; }
.ps-title-wrapper p { font-size: 16px; color: #373737; }
h1, h2, h3, h4, h5 { font-weight: 600; }

/* header styles */
.site-header { position: fixed; top: 0; width: calc(100% - 259px); left: 259px; background-color: #FFF; border-bottom: 1px solid #EDEDED; padding: 18px 0; z-index: 99; transition: all.3s; }
.site-header .container { max-width: 100%; padding: 0 24px; }
.site-header .header-wrapper { display: flex; align-items: center; justify-content: space-between; }
.site-header .left-block .left-inner { display: flex; align-items: center; }
.site-header .left-block a { font-weight: 600; color: #151515; font-size: 18px; }
.hamburger-menu { display: none; position: relative; z-index: 999; cursor: pointer; margin-right: 15px; width: 20px; }
.hamburger-menu span { position: relative; display: block; background-color: #2F64FF; height: 3px; width: 26px; border-radius: 2px; transition: all 0.3s; }
.hamburger-menu span:not(:last-child) { margin-bottom: 5px }

/* select2 styles */

/* .custom-select-wrapper { position: relative; }
.custom-select-wrapper>img { position: absolute; top: 50%; left: 5px; z-index: 9; border-radius: 4px; transform: translateY(-50%); }
.custom-select-wrapper .select2-results__option.select2-results__option--disabled.loading-results { display: none; }
.custom-select-wrapper .select2-dropdown { border-radius: 4px; overflow: hidden; border: 0; }
.custom-select-wrapper .select2-container--default .select2-results { border-radius: inherit; border: 1px solid #F0F2F5; }
.custom-select-wrapper .select2-container--default .select2-results>.select2-results__options { max-height: 300px; width: 100%; overflow-y: auto; }
.custom-select-wrapper .select2-results__option { padding: 8px 10px; font-size: 14px; border-bottom: 0; text-transform: capitalize; text-align: left; }
.custom-select-wrapper .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--selected { color: #373737; background-color: rgba(55, 55, 55, 0.1); }
.custom-select-wrapper .select2-container--default .select2-results__option[aria-selected=true] { color: #000; background-color: rgba(55, 55, 55, 0.1); }
.custom-select-wrapper .select2-container--open .select2-dropdown--above { border-radius: 4px 4px 0 0; right: 0 !important; left: auto; }
.custom-select-wrapper .select2-container--open .select2-dropdown--below { border-radius: 0 0 4px 4px; right: 0 !important; left: auto; }
.custom-select-wrapper .select2-search--dropdown { padding: 6px }
.custom-select-wrapper .select2-container, .custom-select-wrapper .select2-dropdown { width: 167px !important; }
.custom-select-wrapper .select2-container--default .select2-selection--single { border: 0; height: 36px; background-color: #F0F2F5; border-radius: 4px; }
.custom-select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; color: #373737; padding: 0 15px 0 41px; font-size: 14px; text-transform: capitalize; position: relative; }
.custom-select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered::after { display: none; }
.custom-select-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { display: inline-block; height: 100%; right: 5px; }
.custom-select-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; margin: 0; background-image: url('../images/down-arrow-grey.svg'); width: 12px; height: 8px; background-position: center; background-repeat: no-repeat; background-size: 100%; transition: all .3s; right: 50%; transform: translate(-50%, -50%); }
.custom-select-wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: translate(-50%, -50%) rotate(-180deg) }
.custom-select-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #373737; font-weight: 400; } */

/* header profile menu css */
.ps-profile-menu-wrapper { position: relative; margin-left: 10px; }
.ps-profile-menu-wrapper .menu-link { background-color: #F0F2F5; border-radius: 4px; padding: 7px 30px 7px 7px; color: #373737; font-weight: 500; text-transform: capitalize; display: flex; align-items: center; position: relative; }
.ps-profile-menu-wrapper .menu-link::after { position: absolute; content: ""; right: 8px; top: 50%; transform: translateY(-35%); background-image: url('../images/down-arrow-grey.svg'); background-repeat: no-repeat; width: 12px; height: 8px; background-position: center; background-size: 12px 8px; transition: all 0.3s; }
.ps-profile-menu-wrapper.open-menu .menu-link::after { transform: translateY(-35%) rotate(180deg); }
.ps-profile-menu-wrapper em, .ps-profile-menu-wrapper em img { display: inline-block; width: 28px; height: 28px; border-radius: 4px; overflow: hidden; margin-right: 5px; }
.ps-profile-menu-wrapper a span{
	overflow: hidden;
    text-overflow: ellipsis;
    width: 110px;
    white-space: nowrap;
}
.ps-profile-menu-wrapper .ps-profile-menu-main { margin-top: 3px; position: absolute; top: 100%; right: 0; background-color: #FFF; border: 1px solid #E7EAEF; padding: 22px 16px; border-radius: 4px; display: none; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); min-width: 240px; }
.personal-info-block { display: flex; flex-wrap: wrap; }
.personal-info-block em { flex: 0 0 40px; max-width: 40px; border-radius: 4px; overflow: hidden; margin: 0; height: 40px; }
.personal-info-block .content-block { flex: 0 0 calc(100% - 40px); max-width: calc(100% - 40px); padding-left: 10px; }
.personal-info-block .content-block .name { color: #373737; font-weight: 500; }
.personal-info-block .content-block a { color: #373737; font-size: 12px;word-break: break-all; }
.personal-info-block em img { width: 100%; height: 100%; }
.personal-info-block  .btn-wrapper { flex: 0 0 100%; max-width: 100%; margin-top: 16px; }
.personal-info-block .btn-wrapper .ps-btn { width: 100%; text-align: center; justify-content: center; }
.has-border-bottom { position: relative; padding-bottom: 16px; }
.has-border-bottom::after { position: absolute; content: ""; left: -16px; right: 0; bottom: 0; height: 1px; width: calc(100% + 32px); background-color: #F5f5f5; }
.profile-menu-list { padding-top: 16px; }
.profile-menu-list li + li { margin-top: 4px; }
.profile-menu-list li a { color: #373737; font-size: 14px; background-color: transparent; border-radius: 8px; padding: 8px 25px 8px 10px; width: 100%; font-weight: 500; transition: all 0.3s; display: flex; align-items: center; }
.profile-menu-list li a:hover, .profile-menu-list li a.active { background-color: #f5f6f8; color: #2F64FF; }
.profile-menu-list li a svg { margin-right: 8px; }
.profile-menu-list li a svg path { fill: #727272; transition: all 0.3s; }
.profile-menu-list li a:hover svg path { fill: #2F64FF; }

/* form elements style */
.form-inner-wrapper .form-group .form-control { color: #373737; font-size: 14px; height: 36px; line-height: 36px; border: 1px solid #dbdbdb; background-color: #FFF; width: 100%; border-radius: 8px; padding: 10px 15px; border-radius: 5px; font-family: "Inter", sans-serif; transition: all .3s; }
.form-inner-wrapper .form-group .form-control::placeholder { color: #727272; font-size: 14px; font-weight: 400; font-family: "Inter", sans-serif; }
.form-inner-wrapper .form-group .form-control:focus { border-color: #dbdbdb; }
form .form-inner-wrapper .form-group textarea.form-control { width: 100%; height: 159px; font-family: "Inter", sans-serif; line-height: 1.28; resize: none; }
.form-inner-wrapper .form-group { text-align: right; }
.form-inner-wrapper .form-group .ps-btn { min-width: 124px; justify-content: center; }
.custom-modal.menu-modal .form-inner-wrapper .form-group:not(:last-child) { margin-bottom: 24px; }

/* sidebar css */
.sidebar nav ul { max-height: 450px; overflow-y: auto; }
.sidebar nav ul em{ font-style: normal;}
.overlay { display: none; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 998; }
.open-sidebar .overlay { display: block; }
body.open-sidebar { overflow: hidden; }
.sidebar { border-right: 1px solid #EDEDED; width: 259px; background-color: #F8F9FD; min-height: 100dvh; display: flex; flex-direction: column; justify-content: space-between; padding: 105px 16px 36px; position: fixed; top: 0; left: 0; bottom: 0; z-index: 999; transition: all 0.3s; box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.1);}
.sidebar .sidebar-close { position: absolute; top: 9px; right: 8px; height: 24px; width: 24px; display: inline-flex; justify-content: center; align-items: center; background-color: #EDEDED; cursor: pointer; border-radius: 4px; display: none; }
.sidebar .sidebar-close:hover { background-color: #E4E8F8; }
.sidebar .sidebar-close img { width: 10px; }
.sidebar nav ul li a { color: #373737; font-size: 16px; background-color: transparent; border-radius: 8px; padding: 12px 25px 12px 10px; width: 100%; font-weight: 500; transition: all 0.3s; display: flex; align-items: center; position: relative;}
.sidebar nav ul li a .icon-wrapper{
	position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.sidebar nav ul li a svg, .sidebar .sidebar-bottom-block .help-link svg { margin-right: 12px; }
.sidebar nav ul li a:hover, .sidebar nav ul li.active a, .sidebar .sidebar-bottom-block .help-link:hover { background-color: #FFF; color: #2F64FF; }
.sidebar nav ul li a svg path, .sidebar .sidebar-bottom-block .help-link svg path { fill: #727272; }
.sidebar nav ul li a:hover svg path, .sidebar nav ul li.active a svg path, .sidebar .sidebar-bottom-block .help-link:hover svg path { fill: #2F64FF; }
.sidebar nav ul li:not(:last-child) { margin-bottom: 8px; }
.sidebar .sidebar-top-block { height: calc(100% - 138px); overflow-y: auto; margin-right: -16px; padding-right: 16px; }
.sidebar>.logo-block { position: absolute; top: 19px; left: 20px; right: auto; }
.sidebar .logo-block img { width: 174px; height: auto; }
.sidebar .sidebar-bottom-block { background-color: #F8F9FD; padding-top: 30px; }
.sidebar .sidebar-bottom-block .help-link { width: 100%; /*background-color: #EFF0F6;*/ color: #373737; font-size: 16px; border-radius: 8px; padding: 12px 25px 12px 10px; width: 100%; font-weight: 500; transition: all 0.3s; margin-bottom: 24px; display: flex; align-items: center; }
.sidebar .sidebar-bottom-block .logo-block { max-width: 166px; }
.sidebar .sidebar-bottom-block .logo-block img { width: 166px; height: auto; }
.sidebar>.logo-block a { 
	font-size: 16px;
    text-transform: uppercase;
    line-height: 1.5;
    color: #2f64ff;
    font-weight: 600;
	padding-right: 30px;
	position: relative;
	padding-bottom: 12px;
 }
 .sidebar>.logo-block a::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: -20px;
	right: 0;
	width: calc(100% + 20px);
	height: 1px;
	background-color: #EDEDED;
 }

/* main content wrap */
#maincontent { min-height: 100vh; }
.main-content-wrapper { padding: 32px 24px; }

/* common title */
.educator-title { font-size: 16px; font-weight: 600; margin-bottom: 24px; }

/* common grid */
.educator-gird-outer { display: flex; flex-wrap: wrap; margin: 0 -13px -26px; }
.educator-gird-outer .educator-grid-item { flex: 0 0 25%; max-width: 25%; padding: 0 13px 26px; }
.educator-gird-outer .educator-grid-item .white-box .inner-wrap { display: flex; justify-content: space-between; align-items: baseline; }

/* white box */
.white-box { border: 1px solid #E7EAEF; border-radius: 16px; padding: 20px; overflow: hidden; }
.white-box.bottom-fill, .white-box.top-fill { padding: 0; }
.white-box.top-fill .white-box-top, .white-box.bottom-fill .white-box-top { padding: 20px 20px 10px; }
.white-box.top-fill .white-box-bottom, .white-box.bottom-fill .white-box-bottom { border-top: 1px solid #E7EAEF; padding: 3px 20px; min-height: 48px; display: flex; align-items: center; }
.white-box.bottom-fill .white-box-bottom { background-color: #F9FAFC; }
.white-box.top-fill .white-box-top { background-color: #F9FAFC; }
.white-box .title { color: #373737; display: block; margin-bottom: 4px; }
.white-box .count { color: #373737; font-size: 32px; font-weight: 600; display: block; }
.white-box .primary-link { font-weight: 600; }
.white-box .white-box-bottom p { color: #727272; display: flex; align-items: center; }
.white-box .white-box-bottom p span { display: inline-flex; align-items: center; margin-right: 8px; }
.white-box .white-box-bottom p span img { margin-right: 4px; }
.white-box .high { color: #009547; }
.white-box .low { color: #E40E23; }
.summary-block { margin-bottom: 40px; }

/* Quick links */
.quick-links-block { margin-bottom: 40px; }
.quick-links-block .educator-gird-outer { margin: 0 -8px -16px; }
.quick-links-block .educator-gird-outer .educator-grid-item { padding: 0 8px 16px; }
.quick-links-block .educator-gird-outer .educator-grid-item .white-box { border-radius: 8px; }
.quick-links-block .educator-gird-outer .educator-grid-item .white-box-top { padding: 12px 20px 8px; }
.quick-links-block .title-wrapper { display: flex; justify-content: space-between; align-items: flex-start; }
.quick-links-block .title-wrapper .title { flex: 1; margin-bottom: 0; word-break: break-word; }
.quick-links-block .title-wrapper .icon-wrapper { flex: 0 0 34px; max-width: 34px; height: 34px; background-color: #EBEDF2; border-radius: 4px; display: flex; justify-content: center; align-items: center; margin-left: 10px; }
.quick-links-block .white-box-bottom { display: block; }
.quick-links-block .white-box-bottom .bottom-inner-wrapper { display: flex; align-items: center; justify-content: space-between; }
.quick-links-block .white-box-bottom .bottom-inner-wrapper em { transition: all 0.3s; width: 24px; height: 24px; margin-left: 10px; display: flex; align-items: center; justify-content: flex-end; }
.quick-links-block .white-box-bottom .bottom-inner-wrapper em img { width: 16px; height: auto; }
.quick-links-block .white-box-bottom:hover .bottom-inner-wrapper em { transform: translateX(3px); }
.quick-links-block .white-box-bottom .bottom-inner-wrapper span { color: #2F64FF; font-weight: 500; flex: 1; }

/* student preference */
.student-preference-block .student-preference-main { display: flex; flex-wrap: wrap; margin: 0 -12px -24px; }
.student-preference-block .student-preference-main .right-block { flex: 0 0 32.92%; max-width: 32.92%; padding: 0 12px; }
.student-preference-block .student-preference-main .left-block { flex: 0 0 67.08%; max-width: 67.08%; padding: 0 12px; }
.student-preference-block .title-wrapper p { color: #373737; font-weight: 500; font-size: 16px; margin-bottom: 2px; }
.student-preference-block .title-wrapper span { display: block; color: #727272; font-size: 12px; }
.student-preference-block .student-preference-main .right-block .title-wrapper { margin-bottom: 20px; }
.student-preference-block ul li { display: flex; align-items: center; }
.student-preference-block ul li:not(:last-child) { margin-bottom: 20px; }
.student-preference-block ul li em { display: inline-block; flex: 0 0 45px; max-width: 45px; height: 45px; border-radius: 4px; overflow: hidden; }
.student-preference-block ul li em img { width: 100%; height: 100%; }
.student-preference-block ul li .content { margin-left: 13px; flex: 1; }
.student-preference-block ul li .content p { font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.student-preference-block ul li .content .chip { background-color: #F7F8FA; border-radius: 5px; color: #727272; font-size: 12px; min-width: 35px; padding: 0 6px; height: 20px; line-height: 20px; display: inline-block; }

/* Table grid CSS */
.main-grid-filter-block .filter-wrap { display: flex; align-items: center; justify-content: flex-end; position: relative; }
.main-grid-filter-block .filter-wrap .ps-btn.filter-btn { position: absolute; top: 0; right: 0; z-index: 1; }
.dt-container .table-filter-strip .dt-search { margin-right: 16px; line-height: 1; text-align: left; display: flex; align-items: center; margin-top: 0; }
.dt-container .table-filter-strip .dt-search label { font-family: "Inter", sans-serif; font-style: normal; font-weight: 600; font-size: 16px; margin-right: 16px; white-space: nowrap; }
.dt-container .table-filter-strip { line-height: 1; }
.dt-container .table-filter-strip .dt-search input { height: 36px; line-height: 34px; border-radius: 8px; border: 1px solid #dbdbdb; margin: 0; padding: 0 12px 0 40px; background-image: url('../images/search-icon.svg'); background-size: 20px 20px; background-position: 12px center; background-repeat: no-repeat; width: 300px; max-width: 300px; font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; color: #373737; box-sizing: border-box; }
.dt-container .table-filter-strip .dt-search input::placeholder { color: #727272 !important; opacity: 1 !important; }
.dt-container .table-filter-strip .btn-wrapper { min-width: 150px; height: 36px; }
.dt-container .table-filter-strip { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.dt-container .table-footer-strip { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; flex-wrap: wrap; margin-bottom: -12px; }
.dt-container .table-footer-strip .dt-info { color: #373737; font-family: "Inter", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.43; margin-right: 16px; min-width: 220px; white-space: nowrap; padding-bottom: 12px; }
.dt-container .table-footer-strip .dt-paging { display: flex; align-items: center; padding-bottom: 12px; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button { height: 36px; width: 36px; margin-left: 5px; background: transparent; opacity: 1; box-shadow: none; border: 1px solid transparent !important; transition: all 0.3s; font-size: 14px; color: #373737 !important; padding: 5px; display: inline-flex; align-items: center; justify-content: center; outline: none; border-radius: 4px; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button:first-child { margin-left: 0 !important; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button.disabled { opacity: 0.6; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button.previous { background: url('../images/page-prev.svg') !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 7px !important; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button.next { background: url('../images/page-next.svg') !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 7px !important; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button.first { background: url('../images/page-first.svg') !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 11px !important; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button.last { background: url('../images/page-last.svg') !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 11px !important; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button.previous, .dt-container .table-footer-strip .dt-paging .dt-paging-button.next, .dt-container .table-footer-strip .dt-paging .dt-paging-button.last, .dt-container .table-footer-strip .dt-paging .dt-paging-button.first { font-size: 0; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button:not(.disabled).previous:hover, .dt-container .table-footer-strip .dt-paging .dt-paging-button:not(.disabled).next:hover, .dt-container .table-footer-strip .dt-paging .dt-paging-button:not(.disabled).last:hover, .dt-container .table-footer-strip .dt-paging .dt-paging-button:not(.disabled).first:hover { background-color: #EBEDF2 !important; border-color: #EBEDF2 !important; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button.current { background-color: #CCD9FE !important; border-color: #CCD9FE !important; }
.dt-container .table-footer-strip .dt-paging .dt-paging-button:not(.current, .previous, .next, .first, .last):hover { background: #EBEDF2 !important; border-color: #EBEDF2 !important; color: #373737 !important; }
.dt-container .table-wrapper { padding: 0; border-radius: 16px 16px 0 0; border: 1px solid #EBEDF2; overflow: auto; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12); }
.dt-container .table-wrapper table.dataTable { border-radius: 16px 16px 0 0; width: 100% !important; }
.dt-container .table-wrapper table.dataTable th { border-bottom: 1px solid #f5f5f5; padding: 12px 36px 10px 24px; background-color: #F9FAFC; font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.43; color: #727272; white-space: nowrap; outline: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dt-container .table-wrapper table.dataTable td { vertical-align: middle;border-bottom: 1px solid #f5f5f5; padding: 16px 24px 15px; background-color: #fff; font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1; color: #373737;}
.dt-container .table-wrapper table.dataTable td:not(.has-tooltip){
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
div.dt-container.dt-empty-footer tbody>tr:last-child>td { border-bottom-color: #f5f5f5; }
.dt-container .table-wrapper table#members-table tr th:last-child, .dt-container .table-wrapper table#members-table tr td:last-child { text-align: right; }
.dt-container .table-wrapper table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order { right: 20px; }
.dt-container .table-wrapper table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after { opacity: 0.6; }
.dt-container .table-wrapper table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before { content: ''; width: 16px; height: 8px; background-image: url('../images/sorting-up-arrow.svg'); background-position: center; background-repeat: no-repeat; background-size: 8px 5px; }
.dt-container .table-wrapper table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after { content: ''; width: 16px; height: 8px; background-image: url('../images/sorting-down-arrow.svg'); background-position: center; background-repeat: no-repeat; background-size: 8px 5px; }
.dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after { opacity: 1; }
.dt-container .table-wrapper table.dataTable td.child ul.dtr-details { display: block; }
.dt-container .table-wrapper table.dataTable td.child ul.dtr-details li { display: flex; border-bottom-color: #f5f5f5; padding: 9px 0; }
.dt-container .table-wrapper table.dataTable td.child ul.dtr-details li span.dtr-title { flex: 0 0 160px; max-width: 160px; }
.dt-container .table-wrapper table.dataTable td.child ul.dtr-details li spanspan.dtr-data { white-space: normal; overflow: hidden; text-overflow: ellipsis; flex: 0 0 calc(100% - 160px); max-width: calc(100% - 160px); }
.dt-container .table-wrapper table.dataTable td .primary-link { white-space: nowrap; }
.dt-container .table-wrapper table.dataTable td .bar-list { display: flex; }
.dt-container .table-wrapper table.dataTable td .bar-list .bar { display: inline-block; width: 4px; height: 12px; border-radius: 2px; background-color: #E7EAEF; }
.dt-container .table-wrapper table.dataTable td .bar-list .bar:not(:last-child) { margin-right: 10px; }
.dt-container .table-wrapper table.dataTable td .bar-list .bar.blue { background-color: #CCD9FE; }
.dt-container .table-wrapper table.dataTable td .bar-list .bar.blue.fill { background-color: #3D69EA; }
.dt-container .table-wrapper table.dataTable td .bar-list .bar.red { background-color: #FECCCC; }
.dt-container .table-wrapper table.dataTable td .bar-list .bar.red.fill { background-color: #EA5C5C; }
.dt-container .table-wrapper table.dataTable td .bar-list .bar.purple { background-color: #EECCFE; }
.dt-container .table-wrapper table.dataTable td .bar-list .bar.purple.fill { background-color: #B657E3; }
.dt-container .table-wrapper table.dataTable td .organizer-wrap { display: inline-flex; align-items: center; }
.dt-container .table-wrapper table.dataTable td .organizer-wrap .icon img{ height: 28px; width: 28px; min-width: 28px; border-radius: 50%; display: block; }
.dt-container .table-wrapper table.dataTable td .organizer-wrap .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 8px; max-width: 110px; }
.dt-container .table-wrapper table.dataTable th.description-col, .dt-container .table-wrapper table.dataTable td.description-col { max-width: 350px !important; width: 350px !important; }
.dt-container .table-wrapper table.dataTable tr td:first-child { font-weight: 500; }
.dt-container .table-wrapper table.dataTable .organizer-col { max-width: 190px !important; width: 190px !important; }
.dt-container .table-wrapper table.dataTable .bar-col { max-width: 168px !important; width: 168px !important; }
.dt-container .table-wrapper table.dataTable .date-col { max-width: 145px !important; width: 145px !important; }
.dt-container .table-wrapper table.dataTable .number-col { max-width: 130px !important; width: 130px !important; }
.dt-container .table-wrapper table.dataTable .master-number-col { max-width: 160px !important; width: 160px !important; }
.dt-container .table-wrapper table.dataTable .master-date-col { max-width: 200px !important; width: 200px !important; }
.dt-container .table-wrapper table.dataTable .title-col { max-width: 530px !important; width: 530px !important; }
.dt-container .table-wrapper table.dataTable .chip-col { padding: 8px 24px; max-width: 220px !important; width: 220px !important; }
.dt-container .table-wrapper table.dataTable .chip-col .module-chip { display: inline-block; padding: 4px 8px; font-size: 14px; line-height: 1.43; color: #373737; background-color: #E4E8F8; border-radius: 4px; }
.dt-container .table-wrapper table.dataTable td.chip-col .module-chip.yellow { background-color: #FFF3E6; }
.dt-container .table-wrapper table.dataTable td.chip-col .module-chip.purple { background-color: #E9E7FD; }
.dt-container .table-wrapper table.dataTable td.chip-col .module-chip.blue { background-color: #E6ECFF; }
.dt-container .table-wrapper table.dataTable td.chip-col .module-chip.green { background-color: #E7FDEE; }
.dt-container .table-wrapper table.dataTable .right-aligned { text-align: right; }
.dt-container .table-wrapper table.dataTable .team-col { width: 800px; }
.dt-container .table-wrapper table.dataTable td.has-tooltip { overflow: initial; }
.tabs .dt-container .table-wrapper table.dataTable .name-col { width: 220px; max-width: 220px; min-width: 220px; }
.admin-list-page .dt-container .table-wrapper table.dataTable .organizer-col { max-width: 110px !important; width: 110px !important; min-width: 110px !important; }
.admin-list-page .dt-container .table-wrapper table.dataTable .email-col {max-width: 850px; min-width: 450px; width: 850px;}

/* custom scrollbar */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(55, 55, 55, 0.3); border-radius: 6px; background-color: #F5F5F5; }
::-webkit-scrollbar { width: 6px; height: 6px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(55, 55, 55, 0.3); background-color: rgba(55, 55, 55, 0.5); }
.student-preference-block .student-preference-main .chart-wrapper { overflow: auto; }

/* project detail back bg */
.back-bg-link { position: relative; padding: 20px 28px; }
.back-bg-link>img { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }

/* project details page */
.project-details-page .tabs .title { font-size: 16px; margin-bottom: 12px;font-weight: 700;}
.project-details-page .content-block + .content-block { margin-top: 28px; }
.project-details-page .content-block>p{font-size: 16px; color: #373737;}
.project-details-page .content-block ol { list-style-type: decimal; padding-left: 20px; margin-top: 15px; }
.project-details-page .content-block ol strong { font-weight: 600; }
.project-details-page .content-block ol li::marker { font-weight: 600; }
.project-details-page .content-block ol li { color: #373737;font-size: 16px; }
.project-details-page .teams-grid-wrapper { margin-bottom: 48px; }
.project-details-page .teams-grid-wrapper .title { font-size: 14px; margin-bottom: 0;font-weight: 400; }

/* tabbing css */
.tabs .tabs-head ul { display: flex; align-items: center; overflow-x: auto; padding-bottom: 10px; margin-bottom: -10px; }
.tabs .tabs-head ul li+li { padding-left: 8px;}
.tabs .tabs-head ul li a { font-size: 14px; color: #2F64FF; background-color: #F5F6F8; border-radius: 4px; transition: all 0.3s; padding: 8px 12px; }
.tabs .tabs-head ul li a:hover, .tabs .tabs-head ul li.active a { color: #FFF; background-color: #2F64FF; }
.tabs .tabs-head { margin-bottom: 27px; }
.tabs .tabs-content .tab-content { display: none; }
.tabs .tabs-content .tab-content.active { display: block; }
/* Tooltip css */
.ps-tooltip-link { position: relative; display: inline-block; padding-right: 5px; }
.tooltip-content-main { opacity: 0; visibility: hidden; background-color: #666666; border-radius: 5px; padding: 5px 10px; font-size: 12px; position: absolute; bottom: 0; left: 100%; min-width: 140px; color: #fff; transition: all 0.3s; }
.tooltip-content-main li{line-height: 1.5;}
.ps-tooltip-link:hover .tooltip-content-main { opacity: 1; visibility: visible; }

/* Custom modal CSS */
.modal-open { overflow: hidden; }
.custom-modal { display: none; opacity: 0; transition: opacity .15s linear; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; }
.custom-modal .modal-content-wrapper .modal-dialog { max-width: 952px; margin: 0.5rem auto; z-index: 1000; position: relative; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); display: flex; align-items: center; justify-content: center; min-height: calc(100% - (.5rem * 2)); }
.modal-open .custom-modal .modal-backdrop { opacity: 0.3; }
.custom-modal.visible { display: block; }
.custom-modal.visible.fadein { opacity: 1; }
.custom-modal.visible.fadein .modal-content-wrapper .modal-dialog { transform: translate(0); }
.custom-modal .modal-backdrop { background: #000; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; cursor: pointer; opacity: 0; transition: opacity .3s linear; }
.custom-modal .modal-close { position: absolute; top: 8px; right: 8px; height: 24px; width: 24px; cursor: pointer; transition: all 0.3s; opacity: 1; background-color: #f5f5f5; color: #373737; text-align: center; border-radius: 4px; line-height: 24px; }
.custom-modal .modal-content-wrapper { position: fixed; left: 0; top: 0; z-index: 1000; right: 0; overflow: auto; height: 100%; padding: 0 30px; }
.custom-modal .modal-close img { max-width: 100%; width: 8px; height: auto; transition: all 0.3s; }
.custom-modal .modal-close:hover { background-color: #E4E8F8; }
.custom-modal .modal-dialog .modal-inner-content { padding: 28px 20px 50px; background: #fff; position: relative; width: 100%; border-radius: 16px; border: 1px solid #E7EAEF; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24); }
.custom-modal .modal-heading { padding-right: 24px; }
.add-learners-modal .modal-heading { padding-bottom: 40px; }
.add-learners-modal .modal-heading h2 { margin-bottom: 12px; font-size: 18px; font-weight: 600; line-height: 1.33; color: #373737; }
.add-learners-modal .modal-heading .subtitle { font-size: 14px; font-weight: 400; line-height: 1.71; color: #727272; }
.add-learners-modal .methods-grid { display: flex; flex-wrap: wrap; margin: 0 -10px -20px; }
.add-learners-modal .methods-grid .methods-grid-item { padding: 0 10px 20px; flex: 0 0 50%; max-width: 50%; }
.add-learners-modal .methods-grid .methods-grid-item .white-box { height: 100%; border-radius: 12px; }
.add-learners-modal .methods-grid .methods-grid-item .white-box .white-box-top { padding: 12px 20px; display: flex; align-items: flex-start; }
.add-learners-modal .methods-grid .methods-grid-item .white-box .white-box-top .icon { flex: 0 0 36px; max-width: 36px; min-width: 36px; height: 36px; display: inline-flex; justify-content: center; align-items: center; background-color: #E4E8F8; border-radius: 4px; }
.add-learners-modal .methods-grid .methods-grid-item .white-box .white-box-top .icon img { width: 20px; height: auto; }
.add-learners-modal .methods-grid .methods-grid-item .white-box .white-box-top .content { padding-left: 16px; }
.add-learners-modal .methods-grid .methods-grid-item .white-box .white-box-top .content h3 { font-weight: 600; font-size: 14px; line-height: 1.43; color: #373737; margin-bottom: 8px; }
.add-learners-modal .methods-grid .methods-grid-item .white-box .white-box-top .content p { font-weight: 400; font-size: 12px; line-height: 1.67; color: #373737; }

/* Menu modal */
.custom-modal.menu-modal .modal-content-wrapper .modal-dialog { max-width: 600px; }
.custom-modal.menu-modal .modal-heading { margin-bottom: 21px; }
.custom-modal.menu-modal .modal-heading.has-no-subtitle { margin-bottom: 32px; }
.custom-modal.menu-modal .modal-heading.has-no-subtitle h2 { margin-bottom: 0; }
.custom-modal.menu-modal .modal-heading h2 { font-weight: 600; margin-bottom: 12px; }
.custom-modal.menu-modal .personal-info-block { margin-bottom: 33px; }
.custom-modal.menu-modal .modal-dialog .modal-inner-content { padding: 28px 20px 26px; }

/* upgrade account modal */
.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog {max-width: 450px;}
.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog .modal-inner-content {
    text-align: center;
	padding: 30px;
}
.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog .modal-inner-content .icon-block{
	margin-bottom: 10px;
}
.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog .modal-inner-content .content-block{
	margin-bottom: 20px;
}
.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog .modal-inner-content h3{
	color: #373737;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}
.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog .modal-inner-content .content-block p{
	color: #727272;
	font-size: 14px;
}
.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog .modal-inner-content .btn-wrapper .ps-btn{
	min-width: 124px;
	justify-content: center;
}
.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog .modal-inner-content .btn-wrapper .ps-btn + .ps-btn{
	margin-left: 24px;
}
@media(min-width:576px) {
	.student-preference-block .student-preference-main .chart-wrapper #industry-chart { height: 280px !important; }
	.custom-modal .modal-content-wrapper .modal-dialog { min-height: calc(100% - (1.75rem * 2)); margin: 1.75rem auto; }
}
@media(min-width:1200px) {
	.overlay { display: none !important; }
}
@media(max-width:1199px) {
	.sidebar { transform: translateX(-100%); }
	.open-sidebar .sidebar { transform: translateX(0); }
	.sidebar .sidebar-close { display: flex !important; }
	.hamburger-menu { display: block; }
	.site-header { width: 100%; left: 0; }
	#maincontent { padding-left: 0 !important; }
	.educator-gird-outer { margin: 0 -8px -16px; }
	.educator-gird-outer .educator-grid-item { padding: 0 8px 16px; }
	.white-box .count { font-size: 28px; }
	.dt-container .table-wrapper table.dataTable th { padding: 12px 28px 12px 16px; }
	.dt-container .table-wrapper table.dataTable td { padding: 12px 16px; }
	.dt-container .table-wrapper table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order, .dt-container .table-wrapper table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order { right: 12px; }
}
@media (min-width:768px) and (max-width:1024px) {
	.quick-links-block .educator-gird-outer .educator-grid-item { flex: 0 0 33.33%; max-width: 33.33%; }
}
@media(max-width:991px) {
	.educator-gird-outer .educator-grid-item { flex: 0 0 33.33%; max-width: 33.33%; }
	.white-box.top-fill .white-box-top, .white-box.bottom-fill .white-box-top { padding: 15px 15px 10px; }
	.white-box { padding: 15px; }
	.white-box.top-fill .white-box-bottom, .white-box.bottom-fill .white-box-bottom { padding: 10px 15px; }
	.student-preference-block .student-preference-main { margin: 0; }
	.student-preference-block .student-preference-main .left-block { margin-bottom: 24px; }
	.student-preference-block .student-preference-main .right-block, .student-preference-block .student-preference-main .left-block { flex: 0 0 100%; max-width: 100%; padding: 0; }
	.student-preference-block ul { column-count: 2; margin: 0 -10px; }
	.student-preference-block ul li { padding: 0 10px; }
	.add-learners-modal .methods-grid { margin: 0 -6px -12px; }
	.add-learners-modal .methods-grid .methods-grid-item { padding: 0 6px 12px; }
	.add-learners-modal .methods-grid .methods-grid-item .white-box .white-box-top { padding: 10px 12px; }
	.add-learners-modal .methods-grid .methods-grid-item .white-box .white-box-top .content { padding-left: 10px; }
	.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog .modal-inner-content .btn-wrapper .ps-btn + .ps-btn{
		margin-left: 12px;
	}
}
@media(max-width:767px) {
	.white-box .count { font-size: 26px; }
	.educator-gird-outer .educator-grid-item { flex: 0 0 50%; max-width: 50%; }
	.dt-container .table-filter-strip .btn-wrapper { min-width: initial; height: initial; }
	.main-grid-filter-block .filter-wrap .ps-btn.filter-btn { position: relative; }
	.dt-container .table-filter-strip .dt-search { margin: 12px 0 0; }
	.dt-container .table-filter-strip .dt-search input { width: 100%; }
	.ps-title-wrapper { margin-bottom: 30px; }
	.ps-title-wrapper h2 { font-size: 24px; margin-bottom: 5px; }
	.ps-title-wrapper p { font-size: 14px; }
	.ps-btn.has-icon.has-white-bg{font-size: 14px;}
	.project-details-page .content-block>p{font-size: 14px;}
	.project-details-page .content-block ol li {font-size: 14px; }
}
@media(max-width:575px) {
	.educator-gird-outer { margin: 0 0 -15px; }
	.educator-gird-outer .educator-grid-item { flex: 0 0 100%; max-width: 100%; padding: 0 0 15px; }
	.student-preference-block ul { column-count: 1; }
	.add-learners-modal .methods-grid { margin: 0 -10px -20px; }
	.add-learners-modal .methods-grid .methods-grid-item { flex: 0 0 100%; max-width: 100%; padding: 0 10px 20px; }
	.add-learners-modal .methods-grid .methods-grid-item .white-box .white-box-top { padding: 12px 16px; }
	.custom-modal .modal-content-wrapper { padding: 0 20px; }
	.add-learners-modal .methods-grid .methods-grid-item .white-box .white-box-top .content { padding-left: 12px; }
	.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog .modal-inner-content .btn-wrapper{
		display: flex;
		flex-direction: column;
	}
	.custom-modal.upgrade-account .modal-content-wrapper .modal-dialog .modal-inner-content .btn-wrapper .ps-btn + .ps-btn{
		margin-left: 0;
		margin-top: 10px;
	}
}
@media(max-width:480px) {
	.custom-select-wrapper .select2-container { width: 56px !important; }
	.custom-select-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder { display: none; }
	.custom-select-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { right: -4px; }
	.custom-select-wrapper .select2-container--default .select2-selection--single { background-color: transparent; }
	.custom-select-wrapper:before { position: absolute; content: ''; left: 0; top: 0; width: 38px; height: 100%; border-radius: 4px; background-color: #F0F2F5; }
	.tabs .tabs-head ul li a { padding: 8px; }
	.back-bg-link { padding: 15px 18px; }
	.main-content-wrapper { padding: 25px 18px; }
	.sidebar>.logo-block a{
		font-size: 16px;
	}
}
@media(max-width:375px) {
	.hamburger-menu { margin-right: 10px; }
	.site-header .left-block a { font-size: 16px; }
	.custom-select-wrapper .select2-container { width: 157px !important; }
	.custom-select-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px; }
	.custom-select-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 12px; }
	.custom-select-wrapper .select2-results__option { font-size: 12px; }
	.ps-profile-menu-wrapper .menu-link span { display: none; }
}

.ps-profile-menu-wrapper a span{
	overflow: hidden;
    text-overflow: ellipsis;
    width: 110px;
    white-space: nowrap;
}

.invalid-feedback {
    color: red;
    font-size: 11px;
}

.active-help{
	background-color: #FFF;
    color: #2F64FF !important;
}
.active-help svg path { fill: #2F64FF !important; }