@font-face {
font-family:DistantGalaxy;
	src:url('/assets/fonts/DISTGRG_.ttf');
	font-style:normal;
	font-weight:normal;;
}
@font-face {
font-family:Rubik;
	src:url('/assets/fonts/Rubik-Bold.ttf');
	font-style:normal;
	font-weight:bold;
}
@font-face {
font-family:Rubik;
	src:url('/assets/fonts/Rubik-Regular.ttf');
	font-style:normal;
	font-weight:normal;
}
@font-face {
font-family:Rubik;
	src:url('/assets/fonts/Rubik-Italic.ttf');
	font-style:italic;
	font-weight:normal;
}
@font-face {
font-family:Rubik;
	src:url('/assets/fonts/Rubik-BoldItalic.ttf');
	font-style:italic;
	font-weight:bold;
}


body {
background-color:#000 !important;
}
main {
background-color:#f5611a !important;
    border-radius:8px;
}
p, td, ul, th {
    font-family:'Rubik' !important;
}
h1 {
    font-family:'DistantGalaxy';
    color:#000;
}
h5 {
    font-family:'Rubik';
}
.edgie-nav, .edgie-nav-admin {
    font-size:17px !important;
    text-transform:uppercase;
    display:flex;
    position:relative;
    left:-20px;
    font-family:'Rubik';
}
.edgie-nav:hover, .edgie-nav-admin:hover {
    opacity:0.5;
}
.edgie-nav-icon {
    display:flex;
    height:50px;
    width:50px;
    align-items:center;
}

.edgie-nav-icon img {
    width:50px;
}
.edgie-nav-text {
    display:flex;
    align-items:center;
    line-height:20px;
    height:50px;
}
.edgie-nav-admin {
    left:0px;
    margin-right:20px;
}
.navbar-brand img {
    width:400px;
}

.fc-daygrid-day-frame {
    background-color:#fff;
}
.fc-theme-standard th, .fc-theme-standard th a {
    background-color:#000;
    color:#fff;
    text-decoration:none;
    font-weight:normal;
    text-transform:uppercase;
    font-family:'Rubik';
}
.fc-theme-standard td, .fc-theme-standard td a {
    background-color:#fff;
    color:#f5611a;
    text-decoration:none;
    font-weight:bold;
    font-family:'Rubik';
        
}
.fc-toolbar-title {
    background-image: url(/assets/images/cloud-bg-long.svg);
    background-repeat: no-repeat;
    overflow: visible;
    background-size: contain;
    background-position: center;
    display: flex;
    height: 120px;
    width: 300px;
    align-items: center;
    font-family: 'DistantGalaxy';
    text-align: center;
     align-content: center;
    justify-content: center;
}
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0px;
}
.alert {
    font-family:'Rubik';
}
.fc .fc-button-primary {
    font-family: 'Rubik';
    text-transform: uppercase;
}
/*makes today grid lower opacity to show bg color through */
.fc-daygrid-day-frame {
    background-color: #ffffffcc;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: #fabd03;
}
.sidebar {
    background-image:none !important;
    background-color:#000 !important;
}
.justify-content-right {
    justify-content: right !important;
}
.navbar>.container {
    align-items:flex-start;
    max-width:100%;
}
.ui-widget-header, .modal-header {
    background-color: #cb156c;
    color: #fff;
    font-family: 'Rubik';
    text-transform: uppercase;
    font-weight:bold;
}
.ui-widget-content, .ui-widget-select {
    font-family: 'Rubik' !important;
}
.btn-primary, .btn-warning, .btn-secondary, .btn-info, .btn-danger, .apply-btn, .clear-btn {
border-radius:0px 16px 0px 16px !important;
 box-shadow:3px 3px 6px #00000066 !important;
 transition: all 0.15s ease !important;
  border: 2px solid #000 !important;
    font-family:'Rubik' !important;
    text-transform: uppercase !important;
    font-weight: normal !important;

}
.btn-primary:hover, .btn-warning:hover, .btn-secondary:hover, .btn-info:hover, .btn-danger:hover, .apply-btn:hover, .clear-btn:hover {
 transform:translate(2px,2px) !important;
box-shadow:0px 0px 0px #00000066 !important;
}
.btn:hover {
    background-color:#fabd03 !important;
    border:2px solid #000 !important;
    color:#000 !important;
}


.form-group button {
border-radius:4px !important;
font-family:'Rubik' !important;
font-weight:normal !important;
    text-transform: uppercase !important;
background-color:#cb156c !important;
border: 2px solid #000 !important;
box-shadow: 3px 3px 6px #00000066 !important; 
font-size: 20px !important;
    margin-top: 20px;
height:60px;
}
.form-group button:hover {
     transform: translate(2px, 2px);
      box-shadow: 0px 0px #00000033 !important;
}
.btn-primary, .apply-btn {
    background-color: #cb156c;
 }
.btn-warning {
    background-color: #02cdc1;
 }
.btn-secondary, .clear-btn {
    background-color: #333333;
 }
.btn-info {
    background-color: #f5611a;
 }
.btn-danger {
    background-color: red;
 }
.fc-addShiftButton-button {
    background-color: #cb156c;
    background-image: url(/assets/images/icon-shift.svg);
    background-repeat: no-repeat;
    color: #fff;
    padding-left: 40px;
    font-family: 'Rubik';
    text-transform: uppercase;
    border: 2px solid #000;
}
.modal {
    font-family: 'Rubik';
}
.edgie-upload, .edgie-uploaded {
        background-color: #fabd03;
    padding: 10px 20px;
    margin-top: 30px;
    border-radius: 12px;
    font-family:'Rubik';
}
.edgie-uploaded {
    background-color: #02cdc1;
}
.nav-link, .nav-link:hover {
    color: #000;
}
.form-control, .form-label {
    font-family:'Rubik';
}
.edgie-button-add-shift, .edgie-button-add-contact, .edgie-button-add-document, .edgie-button-search, .edgie-button-clear {
    background-color: #cb156c;
    background-image: url(/assets/images/icon-shift.svg);
    background-repeat: no-repeat;
    background-position-x:8px;
    color: #fff;
    padding-left: 50px !important;
    font-family: 'Rubik';
    text-transform: uppercase;
    border: 2px solid #fabd03;
    display:flex;
    margin-right:40px;
}
.edgie-button-add-contact {
    background-color: #333;
    background-image: url(/assets/images/icon-phone.svg);
}
.edgie-button-add-document {
    background-color: #02cdc1;
    background-image: url(/assets/images/icon-file.svg);
}
.edgie-button-search {
   background-image: url(/assets/images/icon-search.svg);
}
.edgie-button-clear {
        background-color: #333;
   background-image: url(/assets/images/icon-clear.svg);
}

.edgie-tile {
    display: flex;
    flex-direction: row !important;
    width:200px;
    height:250px;
}
.edgie-tile-icon, .edgie-tile-text {
    width: 150px;
    font-family:'Rubik';
}

.edgie-view-icon, .edgie-edit-icon, .edgie-activate-icon, .edgie-deactivate-icon, .edgie-delete-icon, .edgie-report-icon {
    background-image: url(/assets/images/icon-view.svg);
    background-repeat: no-repeat;
    color: #fff;
    font-family: 'Rubik';
    text-transform: uppercase;
    display:inline-block;
    margin-right:20px;
    width:40px;
    height:40px;
}
.edgie-edit-icon {
    background-image: url(/assets/images/icon-edit.svg);
}
.edgie-activate-icon {
    background-image: url(/assets/images/icon-activate.svg);
}
.edgie-deactivate-icon {
    background-image: url(/assets/images/icon-deactivate.svg);
}
.edgie-delete-icon {
    background-image: url(/assets/images/icon-delete.svg);
}
.edgie-report-icon {
    background-image: url(/assets/images/icon-report.svg);
}
.card-body {
    font-family:'Rubik';
}
.navbar-toggler {
    background-color:#f5611a;
}
.edgie-button-set {
    flex-direction:row !important;
}
/*CALENDAR/SCHEDULE*/

.fc-v-event .fc-event-main {
    color: #000;
    height: 100%;
    background-color: #fabd03;
}
.fc-timegrid-event .fc-event-time {
    display:inline;
    font-size: 15px;
}
.fc-v-event .fc-event-title {
    display:inline;
     font-size: 15px;
    font-weight: normal;
}

/*MOBILE */
@media screen and (max-width:600px) {
.navbar-brand img {
    width:200px;
}
   .edgie-button-set {
    flex-direction:column !important;
}
    .edgie-button-add-shift, .edgie-button-add-document, .edgie-button-add-contact {
        margin-right:0px;
    }
    .fc .fc-toolbar {
        flex-direction:column;
    }
    .ui-widget-content, .ui-widget-select {
    width:100% !important;
}
.fc-direction-ltr {
    text-align:center;
    }
}
/*worker directory from Ashton 250707 */

          .worker-directory {
                background: transparent;
                min-height: 100vh;
                font-family: 'Rubik', Tahoma, Geneva, Verdana, sans-serif;
            }
            
            /* Headers */
            .page-header h1 {
                margin-bottom: 1rem;
             }
            
            .results-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 1rem;
                padding: 0.5rem 0;
            }
            
            .results-header h2 {
                margin: 0;
                color: #222222;
                font-size: 1.75rem;
                font-weight: 600;
            }
            
            .user-card h3 {
                margin: 0 0 1rem 0;
                font-size: 1.5rem;
                font-weight: 600;
            }
            
            .user-card h3 a {
                color: #222222;
                text-decoration: none;
            }
            
            /* Containers */
            .filters-container, .user-card, .no-results {
                background: #fabd03;
                border-radius: 1rem;
                /*
                border: 1px solid rgba(255, 107, 53, 0.15);
                box-shadow: 0 4px 15px rgba(255, 107, 53, 0.1);
                backdrop-filter: blur(10px);*/
            }
.filters-container-search {
background:#02cdc1;
}
            
            .filters-container {
                padding: 1rem;
                margin-bottom: 1rem;
            }
            
            .user-card {
                margin: 1rem 0;
                padding: 1rem;
            }
            
            .no-results {
                text-align: center;
                padding: 2rem 1rem;
            }
            
            .no-results p {
                font-size: 1.2rem;
                color: #8b4513;
                margin: 0;
            }
            
            /* Filter sections */
            .filter-section {
                margin-bottom: 1rem;
                padding: 4px;
              }
            
            .filter-section h3 {
                margin: 0 0 4px 0;
                color: #000;
                font-size: 1.25rem;
                font-weight: 600;
                padding-bottom: 0.5rem;
                cursor: pointer;
                user-select: none;
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }
            
            .filter-section h3 .toggle-icon {
     background-image: url(/assets/images/icon-expand-arrow.svg);
                background-repeat:no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    transform: rotate(0deg);            }
            
            .filter-section h3 .toggle-icon.expanded {
                transform: rotate(180deg);
            }
            
            .filter-content {
                max-height: 0;
                overflow: hidden;
                opacity: 0;
            }
            
            .filter-content.expanded {
                max-height: 1000px;
                opacity: 1;
            }
            
            /* Form elements */
            .filter-section input[type="text"] {
                width: 100%;
                padding: 0.75rem;
                border: 2px solid rgba(255, 107, 53, 0.2);
                border-radius: 0.5rem;
                font-size: 1rem;
                background: rgba(255, 255, 255, 0.9);
            }
            
            .filter-section input[type="text"]:focus {
                outline: none;
                border-color: #ff6b35;
                box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
                background: white;
            }
            
            .checkbox-item {
                margin: 0.75rem 0;
                display: flex;
                align-items: center;
            }
            
            .checkbox-item input[type="checkbox"] {
                margin-right: 0.75rem;
                width: 18px;
                height: 18px;
                accent-color: #ff6b35;
            }
            
            .checkbox-item label {
                font-size: 18px;
                color: #000;
                cursor: pointer;
            }
            
            /* Buttons */
            .apply-btn, .clear-btn {
                color: white;
                padding: 0.5rem 1.5rem;
                border: none;
                border-radius: 0.5rem;
                cursor: pointer;
                font-size: 1rem;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }
            
 /*           .apply-btn {
               background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
                box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
            }
            
            .clear-btn {
                background: #8b4513;
                box-shadow: 0 2px 8px rgba(139, 69, 19, 0.3);
            }
            */
            .filter-actions {
                display: flex;
                gap: 1rem;
                margin-top: 1rem;
                flex-wrap: wrap;
            }
            
            .results-count {
                background: #02cdc1;
                color: white;
                padding: 0.5rem 1rem;
                border-radius: 8px;
                font-size: 0.9rem;
                font-weight: 600;
            }
            
            /* Badge system */
            .user-card .badge-section {
                margin-bottom: 0.5rem;
            }
            
            .user-card .badge-section:last-child {
                margin-bottom: 0;
            }
            
            .badge-row {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                flex-wrap: wrap;
            }
            
            .badge-row strong {
                color: #000;
                font-weight: 600;
                margin-right: 0.5rem;
                flex-shrink: 0;
            }
            
            .badge {
                display: inline-block;
                background-color:#f5611a;
                color: white;
                padding: 0.25rem 0.5rem;
                margin: 0.1rem 0.2rem 0.1rem 0;
                border-radius: 1rem;
                font-size: 0.85rem;
                font-weight: 500;
                text-transform: capitalize;
                box-shadow: 0 2px 6px rgba(255, 107, 53, 0.3);
            }
            
            /* Mobile responsive */
            @media (max-width: 768px) {
                .page-header h1 {
                    font-size: 2rem;
                }
                
                .filters-container, .filter-section, .user-card {
                    padding: 0.75rem;
                }
                
                .filter-actions {
                    flex-direction: column;
                }
                
                .apply-btn, .clear-btn {
                    width: 100%;
                    text-align: center;
                }
                
                .results-header {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 0.5rem;
                }
            }