@media screen and (max-width: 575px){
    .address {width:-webkit-fill-available; width:inherit;}
    .sidebar-wrapper {top:53px;}
    .shadow-bottom {display:none;}
    #sidebar ul.menu-categories.ps {height:84vh !important; overflow-y:scroll !important; padding-bottom:15px;}
    .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;}
}

@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;}
    .test-env-2{display: block !important;}
    .job-section-w{width: 100% !important;}
    .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;}
    .d-org-logo img {height:35px; margin-top:5px;}
    .test-env-2 {display:block !important;}
    .job-section-w {width:100% !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;}
}

@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 {height:100%; overflow-y:auto;}
    .sidebar-closed.sbar-open > .sidebar-wrapper {left:0px !important; width:85px !important; background-color:#fff !important;}
    .sidebar-closed.sbar-open #sidebar {height:93vh; overflow:auto; position:absolute; direction:rtl;}
    .sidebar-closed.sbar-open #sidebar::-webkit-scrollbar {width:5px;}
    .sidebar-closed.sbar-open #sidebar::-webkit-scrollbar-track {background:#f1f1f1;}
    .sidebar-closed.sbar-open #sidebar::-webkit-scrollbar-thumb {background:#555;}
    .sidebar-closed.sbar-open #sidebar ul#ul_sidebar, .sidebar-closed.sbar-open #sidebar ul.menu-categories {padding-right:0 !important; direction:ltr; border:none !important;}
    .sidebar-closed.sbar-open #sidebar ul.menu-categories li.menu > a span {display:none;}
    .sidebar-closed > #content {margin-left:75px;}
    .sidebar-closed ul#ul_sidebar li.menu.menu-heading, .sidebar-closed.sbar-open #sidebar ul.menu-categories li.menu.menu-heading {display:none;}
    .sidebar-closed #sidebar ul.menu-categories.ps {overflow:visible !important;}
    .sidebar-closed #sidebar li.menu > a {padding-left:25px !important;}
    .sidebar-closed #sidebar li.menu:hover, .sidebar-closed #sidebar li.menu:hover > a {width:220px !important; background-color:#F0E5FF !important;}
    .sidebar-closed.sbar-open #sidebar ul.menu-categories li.menu:hover > a span {display:inline;}
    .sidebar-closed.sbar-open #sidebar ul.menu-categories li.menu a div svg.feather.feather-chevron-right {display:none;}
    .sidebar-closed.sbar-open .ps__rail-y {display:none !important;}
    .sidebar-closed.sbar-open form#resetDashboardSearchForm, .sidebar-closed.sbar-open form#resetSettingSearchForm {width:60px;}
    .sidebar-closed.sbar-open #sidebar ul > li > ul.submenu:before {display:none;}
    .sidebar-closed.sbar-open #sidebar ul > li > ul.submenu {width:155px;}
    .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;}
    #sidebar ul > li.menu:hover > ul.submenu {display:block !important;}
}

@media (max-width: 1170px){
    #sidebar{-webkit-transform: none !important;}
    #sidebar ul > li.menu:hover > ul.submenu, #sidebar ul > li.has-submenu > ul.submenu {display:none !important;}
    #sidebar ul li.has-submenu ul.submenu.show {display:block !important;}
    .main-container.sidebar-closed #sidebar ul li.has-submenu ul.submenu.show {display:none !important;}
    .sidebar-wrapper {width:235px;}
    #sidebar ul.menu-categories.ps {padding-right:15px;}
    #sidebar ul > li > ul.submenu {padding:5px 0; width:142px;}
    #sidebar ul.menu-categories ul.submenu > li a {padding:8px 6px;}
    #sidebar ul.menu-categories li.menu > .dropdown-toggle > div {display:block !important;}
}

@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;}
}

@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;}
}