@media screen and (max-width: 575px) {
.address {width:-webkit-fill-available; width:inherit;}
.shadow-bottom {display:none;}
.ts-header-dates .date-from {padding-right:0 !important;}
.ts-header-dates .form-control-sm {width:90% !important;}
.ts-header-dates {float:left !important;}
.staff-dashboard .card-body {padding:20px 12px;}
.staff-dashboard .welcome-section .col-md-8 .col-md-4 {padding:0 !important;}
.staff-dashboard .welcome-section .col-md-8 .col-md-4:nth-child(2) {margin:15px 0;}
.staff-dashboard .welcome-section .col-md-8 {margin-bottom:20px;}
.staff-dashboard.second-container > .row > .col-md-12 > .col-md-4 {padding:0 !important;}
.staff-dashboard.second-container > .row > .col-md-12 > .col-md-4:nth-child(2) {margin:15px 0;}
.staff-dashboard.second-container > .row > .col-md-12 > .col-md-4 .col-md-7, .staff-dashboard.second-container > .row > .col-md-12 > .col-md-4 .col-md-5 {width:100% !important; padding:0px !important;}
.staff-dashboard.second-container > .row > .col-md-12 > .col-md-4 .col-md-5 {padding-top:20px !important;}
.staff-dashboard.second-container > .row > .col-md-12 > .col-md-4 > .card {height:auto !important;}
.staff-dashboard .greeting-column > .col-12 > .col-md-9 {width:75% !important;}
.staff-dashboard .greeting-column > .col-12 > .col-md-9 .font-20 {font-size:18px;}
.staff-dashboard .greeting-column > .col-12 > .col-md-3 {width:25% !important;}
.staff-dashboard .applicants-list .col-md-12 .col-md-3 {width:22% !important;}
.staff-dashboard .applicants-list .col-md-12 .col-md-3:first-child {width:97px !important;}
.onboard-cards {grid-template-columns:1fr !important;}
}

@media (min-width: 576px) {
.rounded-nav {border-radius:50rem !important;}
.rounded-nav .nav-link {border-radius:50rem !important;}
}

@media (max-width: 375px) {
.growl-notification {width:250px !important;}
}

@media (max-width: 699px) {
.date-picker {width:100px !important;}
}

@media (min-width: 700px) and (max-width:768px) {
.date-picker {width:200px !important;}
}

@media (max-width: 572px) {
.responsive-table {display:block; width:100%; overflow-x:auto;}
}

@media screen and (max-width: 767px) {
.calendar-filters {display:block !important;}
.sm-w-100 {width:100% !important}
#job-application-submit img {width:50%;}
.member-entry .member-img {width:18%;}
.member-entry .member-details {width:81.9%;}
.member-entry .member-details h4 {margin-top:0;}
.modal-xxl .modal-content {width:90%;}
.col-md-1 {-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%;}
.search-result-item .image-link {max-height:200px}
.block-responsive-table {display:block !important;}
}

@media (min-width: 768px) {
.responsive-table {width:100%; overflow-x:auto;}
.time-input-w {width:150px !important;}
.date-input-w {width:175px !important;}
.search-result-item .image-link {display:inline-block; margin:25px 0 -20px -20px; float:left; width:200px}
.search-result-item-body {margin-left:200px}
.search-result-item-heading {margin:0}
.calendar-filters {display:inline-flex !important;}
}

@media only screen and (max-width: 1199px) {
.navbar-brand {margin-left:35px; width:auto; min-width:0;}

.dashboard-all-cards .card{margin-bottom: 15px; flex: 1; min-width: 400px;}
}

@media (min-width: 426px) and (max-width:768px) {
.ml-41 {margin-left:18px;}
.w-555 {width:318px;}
}

@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width:1680px; margin-top:30px;}
}

@media (max-width: 377px) {
.num-row-pr {padding-right:0px !important;}
}

@media (max-width: 561px) {
.test-heading {font-size:13px}
}

@media (max-width: 521px) {
.head-icon {margin-left:2px;}
#sm-login, #sm-visibility {visibility:visible !important;}
#lg-login, #lg-visibility {visibility:visible !important; display:none !important;}
#form-container-sm {padding:0.7rem 2rem !important;}
#login-form .field-wrapper.input {padding:11px 0 11px 0 !important;}
#toggle-pass-sm {margin-bottom:1rem !important;}
.keep-logged-in {margin-top:1rem !important;}
#nav-icons {visibility:visible !important;}
}

@media (min-width: 522px) {
#sm-login, #sm-visibility {visibility:hidden !important; display:none !important;}
#lg-login, #lg-visibility {visibility:visible !important;}
.keep-logged-in {margin-top:40px !important;}
#nav-icons {visibility:visible !important;}
}

@media (max-width: 499px) {
.org-div {margin-left:5px;}
.org-img {margin-right:0px;}
}

@media (max-width: 469px) {
.header-container .navbar .language-dropdown {margin-left:9px;}
.navbar .theme-brand {padding:0px 0 0px 10px !important;}
.w-80 {width:80px !important;}
.navbar .navbar-item .nav-item.user-profile-dropdown .nav-link.user {padding:0 8px 0 8px; position:relative;}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown {margin-left:5px;}
.navbar .navbar-item .nav-item.dropdown.message-dropdown {margin-left:8px;}
.navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link svg {color:#888ea8; width:15px; height:22px;}
.navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link svg {color:#888ea8; width:15px; height:22px;}
.header-container .navbar .language-dropdown a.dropdown-toggle img {width:15px; height:15px; margin:11px 0px;}
}

@media (max-width: 1024px) {
.table-responsive-sm {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.w-130 {width:130px !important;}
.w-115 {width:115px !important;}
.flatpickr-calendar.open, .flatpickr-calendar.inline {margin:-18px;}
.m-tree__nav-menu {padding-left:10px;}
}

@media (min-width: 1025px) {
#sm-applicant {visibility:hidden !important; display:none !important;}
#lg-applicant {visibility:visible !important;}
}

@media (max-width: 1159px) {
.shortcut-icon {display:none !important;}
.mob-shortcut {display:block !important;}
}

@media (min-width: 1160px) {
.mob-shortcut {display:none !important;}
}

@media (max-width: 751px) and (min-width:577px) {
.d-staff-class, .d-school-name {display:none !important;}
}

@media (max-width: 991px) {
.d-test-env, .d-app-logo {display:none !important;}
.d-org-logo img {height:35px; margin-top:5px;}
.staff-dashboard .card-body {padding:10px;}
.staff-dashboard h2 {font-size:21px;}
.staff-dashboard .middle-column {padding:0 !important;}
.d-test-env, .d-app-logo {display:none !important;}
.test-env-2 {display:block !important;}
.job-section-w {width:100% !important;}

.sbar-open .ui-sidebar .menu a span{display: block;}
.sbar-open .sidebar-wrapper{width: 90%;}

.sbar-open .ui-sidebar .menu a span, .sbar-open .ui-sidebar .menu svg,
.sbar-open .ui-sidebar .menu svg {display:block;}
.sbar-open .ui-sidebar .menu.has-submenu .submenu{margin-top: 2px !important;}
.sbar-open .ui-sidebar{background: var(--rich-blue);}
.add-new-label#lg-visibility{display: none !important;}


}

@media (min-width: 992px) {
.test-env-2 {display:none !important;}
}

@media (max-width: 992px) {
.onboard-cards {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width: 355px) {
.left-icons {display:none !important;}
}

@media (max-width: 1441px) {
.fc-w200px {width:200px !important;}
.fc-w100px {width:100px !important;}
.attendance-report-w {width:100% !important; margin-bottom:1rem !important;}
.help-videos .all-video {grid-template-columns:1fr 1fr;}
.help-videos .left-list {top:0;}
.sidebar-closed .ui-sidebar li.menu:hover, .sbar-open .ui-sidebar a[data-active="true"], .sbar-open .ui-sidebar a[aria-expanded="true"]{width: 100%;}
.sbar-open .ui-sidebar .menu:hover .submenu{position: relative; padding: 0; top: auto; left: auto; border-top: solid 2px #191e3a;}
.sbar-open .ui-sidebar .submenu:after{display: none;}
.sbar-open .ui-sidebar{width: 100%;}
.sbar-open .ui-sidebar .menu.has-submenu .submenu {width: auto;margin: 0; min-height: auto;}
.sbar-open .ui-sidebar .menu:hover a{width: 100%;}
.sbar-open .ui-sidebar .menu:hover{width: 100%; min-width: auto;}
.ui-sidebar{padding:15px 10px;}
}

@media (max-width: 520px) {
.sm-w-auto {width:auto !important;}
.sm-w-85px {width:85px !important;}
.sm-w-100px {width:100px !important;}
.sm-w-250px {width:250px !important;}
.sm-break-200px {width:200px; word-wrap:break-word; display:inline-block;}
.sm-break-250px {width:250px !important; word-wrap:break-word !important; display:inline-block !important;}
#job-application-submit img {width:75% !important;}
.addTimesheetDiv {right:-100px !important;}
#addTimesheet #ts_end_time, #addTimesheet #ts_project {padding-left:15px !important;}
#addTimesheet #ts_category {padding-right:15px !important;}
.icon-bar {right:1% !important;}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu {left:-128px !important;}
.dotw-div, .ts-week-total {width:25% !important; padding:8px 5px !important; margin:0 !important;}
.timesheet-count {width:18px !important;}
.dotw-p {font-size:12px !important;}
#add-timesheet .form-control {width:150px !important;}
}

@media screen and (max-width: 480px) {
.member-entry .member-img {width:100%; float:none; text-align:center; position:relative; background:#f8f8f8; margin-bottom:15px; -webkit-border-radius:3px; -webkit-background-clip:padding-box; -moz-border-radius:3px; -moz-background-clip:padding; border-radius:3px; background-clip:padding-box;}
.member-entry .member-img img {width:auto; display:inline-block; -webkit-border-radius:0; -webkit-background-clip:padding-box; -moz-border-radius:0; -moz-background-clip:padding; border-radius:0; background-clip:padding-box;}
.member-entry .member-details {width:100%; float:none;}
.member-entry .member-details h4, .member-entry .member-details .info-list {margin-left:0;}
.member-entry .member-details h4 > div, .member-entry .member-details .info-list > div {padding:0;}
.member-entry .member-details .info-list > div {margin-top:10px;}
}

@media (min-width: 1171px) {
.sidebar-closed.sbar-open .ps__rail-y {display:none !important;}
.sidebar-closed.sbar-open form#resetDashboardSearchForm, .sidebar-closed.sbar-open form#resetSettingSearchForm {width:60px;}
.expand-header ul.navbar-item.theme-brand.flex-row.text-center {width:85px; padding-left:0px !important;}
.expand-header.navbar .theme-brand li.theme-text a {font-size:14px !important; line-height:2rem;}
}

@media (max-width: 1170px) {
.sidebar-wrapper {width:235px;}
.help-videos .all-video {grid-template-columns:1fr ;}
}

@media (max-width: 1024px) {
#lg-applicant {visibility:hidden !important; display:none !important;}
#sm-applicant {visibility:visible !important;}
.div-1 {-ms-flex-order:1; order:1;}
.div-2 {-ms-flex-order:2; order:2;}
.div-3 {-ms-flex-order:3; order:3;}
.div-4 {-ms-flex-order:4; order:4;}

.sidebar-wrapper{display: none;}
.sbar-open .sidebar-wrapper{display: block;}
}

@media (min-width: 769px) and (max-width:1024px) {
.ml-41 {margin-left:30px;}
.w-555 {width:444px;}
.md-w-auto {width:auto !important;}
}

@media (min-width: 320px) and (max-width:425px) {
.ml-41 {margin-left:7px;}
.w-555 {width:215px;}
}

@media (min-width: 356px) {
.left-icons {display:block !important;}
}

@media (max-width: 1439px) and (min-width:1025px) {
.fc-w-auto {width:auto !important;}
}

@media (min-width: 1440px) {
.attendance-report-w {width:65% !important;}
}

@media (max-width: 1440px) {
    .emp-filter{width: 36px;height: 36px;font-size: 14px;}
    .job-details ul li{font-size: 15px !important;}
    .job-details{ padding: 10px;}
    .employee-details-area{gap: 15px;}
    .emp-personal-info .work-details ul{gap: 12px;}
    .box-card{margin-bottom: 15px;}
    .applicants-details .title-box{gap: 20px;}
    .box-card{padding: 15px;}
    .title-box h2{font-size: 18px;}
    .emp-personal-info .work-details ul li{padding-right: 15px;}
}

@media (max-width: 767px) {
    .filter-section{display: none; width: 100%; position: fixed;z-index: 9999;top: 0;height: calc(100vh - 20px);overflow: auto;}
    .right-side-filter-open .filter-section{display: block;}
    .box-card{margin-bottom: 10px;}
    .employee-details-area{gap: 10px;}
    .job-details ul, 
    .job-details{gap: 10px;}
    .applicants-details .title-box {gap: 10px;flex-wrap: wrap;}
    .filter-section .form-group{margin-bottom: 12px;}
    .filter-section .two-value{row-gap: 0;}
    .filter-section .filter-inner{height: auto;}

    .home-small-card{gap: 5px;}
    .home-small-card .small-card h3{font-size: 14px; margin: 0;}
    .home-small-card .small-card p{font-size: 12px !important; min-width: auto;}
    .dashboard-all-cards .card{margin-bottom: 15px; flex: 1; min-width: 100%;}
    .dashboard-all-cards .card.project-overview{min-width: 100%;}
    .home-small-card .small-card img {width: 18px;}
    .home-small-card .small-card {gap: 10px;padding: 6px 12px;}
    .small-card .data {display: flex;align-items: center;gap: 5px;}
    .card h5{font-size: 14px;}
    .dashboard-all-cards .card .applicants-list::-webkit-scrollbar-track {background:rgba(25, 30, 58, 10%);}
    .dashboard-all-cards .card .applicants-list::-webkit-scrollbar-thumb {background-color:var(--purple-color);}
    .home-small-card{margin-bottom: 15px;}
    .main-user-name{font-size: 20px;}
    .navbar-item.theme-brand.home-logo-text{display: none;}
    
    /* close button for sidebar */
    .sidebar-noneoverflow .sidebarCollapse span{height: 4px; background: rgba(255, 255, 255, 50%); transition: all .3s linear;}
    .sidebar-noneoverflow .sidebarCollapse span:nth-child(1){transform: rotate(45deg) translateY(6px) translateX(8px);}
    .sidebar-noneoverflow .sidebarCollapse span:nth-child(2){opacity: 0;}
    .sidebar-noneoverflow .sidebarCollapse span:nth-child(3){transform: rotate(-45deg) translateY(-6px) translateX(8px);}
    .user-details-card{margin-bottom: 15px;}
}

@media (max-width: 649px) {
    .job-details ul{flex-wrap: nowrap;gap: 10px;flex-direction: column;}
    .job-details ul li{padding: 0; border: none; font-size: 14px !important;}
    .emp-personal-info.note-text textarea.form-control{min-width:auto}
    .box-card.list-of-all-applicants, 
    .emp-info-activites{min-width: 100%; width: 100%;}
}